「sandbox/js/2」の編集履歴（バックアップ）一覧に戻る

sandbox/js/2 - (2019/03/31 (日) 06:30:39) のソース

#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>
}}}}}