「sandbox/js/2」の編集履歴(バックアップ)一覧はこちら

sandbox/js/2 - (2019/03/30 (土) 17:42:39) の最新版との変更点

追加された行は緑色になります。

削除された行は赤色になります。

#html2(){{{{{ <div id="test-style" style="display: none;"><!-- .zeb table { table-layout: fixed; } .actdsk table { display: table; width: 100%; } .actdsk img { vertical-align:middle; } .actdsk table th:first-child img:nth-child(2) { width: 2em; height: 2em; vertical-align: middle; } .actdsk table tr:first-child th { border: none!important; text-align: left; } .actdsk table tr:nth-child(n+2) { display: none; } --></div> }}}}} #js(){{{{{ <script type="text/javascript"> (function() { for (var i = 0, root = document.getElementById('test-style'), nodes = root.childNodes; i < nodes.length; i++) { if (nodes[i].nodeType === document.COMMENT_NODE) { var elem = document.createElement('style'); elem.type = 'text/css'; elem.setAttribute('media', 'screen'); if (elem.styleSheet) elem.styleSheet.cssText = nodes[i].data; else elem.appendChild(document.createTextNode(nodes[i].data)); document.getElementsByTagName('head').item(0).appendChild(elem); root.parentNode.removeChild(root); break; } } })(); $(function() { $('.actdsk table tr:first').addClass('collapse'); $('.actdsk table').on('click', 'tr:first', function(e) { let arrow = $(this); if (arrow.hasClass('collapse')) { arrow.find('.fa-chevron-right').removeClass('fa-chevron-right').addClass('fa-chevron-down'); arrow.removeClass('collapse').addClass('expand'); $(this).nextAll().show("fast"); } else { arrow.find('.fa-chevron-down').removeClass('fa-chevron-down').addClass('fa-chevron-right'); arrow.removeClass('expand').addClass('collapse'); $(this).nextAll().hide("fast"); } }); }); </script> }}}}}
#html2(){{{{{ <div id="test-style" style="display: none;"><!-- .actdsk .col { text-align: center; background-color: #e6e6fa; font-size: 11px; font-weight: 700; white-space: nowrap; } .actdsk .col2 { text-align: left; background-color: #e6e6fa; font-size: 13px; font-weight: 700; vertical-align: middle; white-space: nowrap; } .actdsk .unbold { font-weight: normal; } .actdsk .bold { font-weight: 700; color: #404040; white-space: nowrap; } .actdsk .upeff { font-weight: 700; color: #44CC80; white-space: nowrap; } .actdsk .downeff { font-weight: 700; color: red; white-space: nowrap; } .actdsk table { display: table; width: 100%; } .actdsk table tbody td { white-space: normal; vertical-align: middle; } .actdsk table tr:nth-child(n+2) { display: none; } .actdsk table tr:first-child { cursor: pointer; } .actdsk table tr:first-child th { border: none; text-align: left; } .actdsk th:nth-child(n + 2) picture *, .actdsk td picture * { width: 2em; max-width: 2em; vertical-align: middle; } .actdsk img { vertical-align:middle; } .actdsk-title { box-sizing: border-box; display: inline-block; padding: 0 5px 0 10px; vertical-align: middle; width: 75%; white-space: normal; } .faicon { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .faicon-chevron-right:before { content: "\f054"; } .faicon-gear:before, .faicon-cog:before { content: "\f013"; } .tdicon { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2101/1309/%E5%AE%9D%E5%85%B7%E5%BC%B7%E5%8C%96.png'); } /* クラスアイコン */ .cicon, .tdicon { width: 2em; height: 2em; background-size: 2em; background-repeat: no-repeat; display: inline-block; } .c9999r1, .c9999r2 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1157/%E5%85%A81.png'); } .c9999r3 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1172/%E5%85%A83.png'); } .c9999r4, .c9999r5 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1189/%E5%85%A85.png'); } .c10r1, .c10r2 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1158/%E5%88%861.png'); } .c10r3 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1174/%E5%88%863.png'); } .c10r4, .c10r5 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1186/%E5%88%865.png'); } .c1r1, .c1r2 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1155/%E5%89%A31.png'); } .c1r3 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1173/%E5%89%A33.png'); } .c1r4, .c1r5 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1185/%E5%89%A35.png'); } .c124r1, .c124r2 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1161/%E5%A4%B11.png'); } .c124r3 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1177/%E5%A4%B13.png'); } .c124r4, .c124r5 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1190/%E5%A4%B15.png'); } .c2r1, .c2r2 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1160/%E5%BC%931.png'); } .c2r3 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1175/%E5%BC%933.png'); } .c2r4, .c2r5 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1192/%E5%BC%935.png'); } .c23r1, .c23r2 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1162/%E6%9C%881.png'); } .c23r3 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1176/%E6%9C%883.png'); } .c23r4, .c23r5 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1193/%E6%9C%885.png'); } .c3r1, .c3r2 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1169/%E6%A7%8D1.png'); } .c3r3 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1179/%E6%A7%8D3.png'); } .c3r4, .c3r5 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1194/%E6%A7%8D5.png'); } .c6r1, .c6r2 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1165/%E6%AE%BA1.png'); } .c6r3 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1181/%E6%AE%BA3.png'); } .c6r4, .c6r5 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1196/%E6%AE%BA5.png'); } .c7r1, .c7r2 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1164/%E7%8B%821.png'); } .c7r3 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1180/%E7%8B%823.png'); } .c7r4, .c7r5 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1197/%E7%8B%825.png'); } .c22r1, .c22r2, .c22r3, .c22r4, .c22r5 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1151/%E7%8D%A31.png'); } .c20r1, .c20r2, .c20r3, .c20r4, .c20r5 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1152/%E7%8D%A32.png'); } .c24r1, .c24r2, .c24r3, .c24r4, .c24r5 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1153/%E7%8D%A33.png'); } .c8r1, .c8r2 { background-image: url('https://img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1166/%E7%9B%BE1.png'); } .c8r3 { background-image: url('https://img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1184/%E7%9B%BE3.png'); } .c8r4, .c8r5 { background-image: url('https://img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1199/%E7%9B%BE5.png'); } .c5r1, .c5r2 { background-image: url('https://img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1168/%E8%A1%931.png'); } .c5r3 { background-image: url('https://img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1182/%E8%A1%933.png'); } .c5r4, .c5r5 { background-image: url('https://img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1191/%E8%A1%935.png'); } .c9r1, .c9r2 { background-image: url('https://img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1163/%E8%A3%811.png'); } .c9r3 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1183/%E8%A3%813.png'); } .c9r4, .c9r5 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1198/%E8%A3%815.png'); } .c11r0 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1154/%E8%AD%A60.png'); } .c11r1, .c11r2 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1156/%E8%AD%A61.png'); } .c11r3 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1171/%E8%AD%A63.png'); } .c11r4, .c11r5 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1188/%E8%AD%A65.png'); } .c25r1, .c25r2 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/3290/%E9%99%8D1.png'); } .c25r3 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/3291/%E9%99%8D3.png'); } .c25r4, .c25r5 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/3289/%E9%99%8D5.png'); } .c4r1, .c4r2 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1167/%E9%A8%8E1.png'); } .c4r3 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1178/%E9%A8%8E3.png'); } .c4r4, .c4r5 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1195/%E9%A8%8E5.png'); } .c0r1, .c0r2 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1159/%EF%BC%9F1.png'); } .c0r3 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1170/%EF%BC%9F3.png'); } .c0r4, .c0r5 { background-image: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1187/%EF%BC%9F5.png'); } .c0_4, .c0_5 { background: url('//img.atwikiimg.com/www9.atwiki.jp/f_go/attach/2095/1187/%EF%BC%9F5.png'); } --></div> }}}}} #js(){{{{{ <script type="text/javascript"> (function() { for (var i = 0, root = document.getElementById('test-style'), nodes = root.childNodes; i < nodes.length; i++) { if (nodes[i].nodeType === document.COMMENT_NODE) { var elem = document.createElement('style'); elem.type = 'text/css'; elem.setAttribute('media', 'screen'); if (elem.styleSheet) elem.styleSheet.cssText = nodes[i].data; else elem.appendChild(document.createTextNode(nodes[i].data)); document.getElementsByTagName('head').item(0).appendChild(elem); root.parentNode.removeChild(root); break; } } })(); $(function() { $('.actdsk table tr:nth-child(1)').addClass('collapse'); $('.actdsk table').on('click', 'tr:first', function(e) { let arrow = $(this); if (arrow.hasClass('collapse')) { arrow.find('.fa-chevron-right').removeClass('fa-chevron-right').addClass('fa-chevron-down'); arrow.removeClass('collapse').addClass('expand'); $(this).nextAll().show("fast"); } else { arrow.find('.fa-chevron-down').removeClass('fa-chevron-down').addClass('fa-chevron-right'); arrow.removeClass('expand').addClass('collapse'); $(this).nextAll().hide("fast"); } }); }); </script> }}}}}

表示オプション

横に並べて表示:
変化行の前後のみ表示: