diff --git "a/8_9\346\234\254\350\254\233\347\276\251 |JDs4 - JD-Chokai.html" "b/8_9\346\234\254\350\254\233\347\276\251 |JDs4 - JD-Chokai.html" new file mode 100644 index 0000000..ac8c7e4 --- /dev/null +++ "b/8_9\346\234\254\350\254\233\347\276\251 |JDs4 - JD-Chokai.html" @@ -0,0 +1,147 @@ + + + + + +8/9本講義 +|JDs4 - JD-Chokai + + + + + + +
+ +
+

8/9本講義 +

+

グループ + JD鳥海塾2期生 での話題 + +

+ +

+
+ + + + +
2022-08-05 19:33:21 末尾へ
サンプルプログラムはここから保存してください。
+

+

+ + + + + + + + + + +

#2262 +橘 愛海(たちばな あみ) +令和4年8月9日12:47:27 +
サンプルプログラムはここから保存してください。 + +seiza3.rb(689B)[Direct] +

#2263 +橘 愛海(たちばな あみ) +令和4年8月9日13:01:44 +
サンプルプログラムはここから保存してください。

#2265 +橘 愛海(たちばな あみ) +令和4年8月9日13:01:17 +
サンプルプログラムはここから保存してください。birthstone3.rb(434B)[Direct] +
+ +
+ + + +
+
+ + + +
添付ファイル(5MB以下): + + + +
+ + + +
+
+
+ + \ No newline at end of file diff --git "a/8_9\346\234\254\350\254\233\347\276\251 |JDs4 - JD-Chokai_files/S_AD19FBA5-24D6-48B6-8915-5A642B2E1DED.jpeg" "b/8_9\346\234\254\350\254\233\347\276\251 |JDs4 - JD-Chokai_files/S_AD19FBA5-24D6-48B6-8915-5A642B2E1DED.jpeg" new file mode 100644 index 0000000..abbf9c4 --- /dev/null +++ "b/8_9\346\234\254\350\254\233\347\276\251 |JDs4 - JD-Chokai_files/S_AD19FBA5-24D6-48B6-8915-5A642B2E1DED.jpeg" Binary files differ diff --git "a/8_9\346\234\254\350\254\233\347\276\251 |JDs4 - JD-Chokai_files/default.css" "b/8_9\346\234\254\350\254\233\347\276\251 |JDs4 - JD-Chokai_files/default.css" new file mode 100644 index 0000000..9c71018 --- /dev/null +++ "b/8_9\346\234\254\350\254\233\347\276\251 |JDs4 - JD-Chokai_files/default.css" @@ -0,0 +1,447 @@ +/* + * Default CSS definitions + */ +body {background: #eff; margin: 2px; padding: 6px;} +h2, h3, hr {clear: both;} +*.warn {color: red;} +*.warnbg {background: red;} +*.hidden {visibility: hidden;} +*.border {border: 1px solid #113;} +div.topmenu { + margin: 0; padding: 0; width: 100%; height: 2em; +} +div.topmenu ul {width: 100%; position: fixed; z-index: 5; margin: 0; + margin: 0 auto;} +div.topmenu ul li { + float: left; width: 18%; + background: rgba(68,255,102,0.8); border: #3e5 2px groove; margin: 0; + text-align: center; font-size: 80%; list-style: none; + box-shadow: #242 2px 3px 5px; + text-shadow: #fff 0px 0px 10px; +} +div.topmenu ul li.worldname {background: #eeeeff;} +div.topmenu ul li:hover {background: #8fa;} +div.topmenu ul a {text-decoration: none;} + +ldiv.topmenu + h1 {clear: both; margin-top: 3em;} +pre.list { + overflow: auto; width: 96%; height: 40%; background: white; + border: 2px inset; +} +p.copyright { + border-top: 2px inset #555; text-align: right; clear: both; + font-size: 50%; +} +p.copyright a, a#reload {text-decoration: none;} + +td {padding-left: 0.5ex; padding-right: 0.5ex;} +table.td2r td:nth-child(2) {text-align: right;} +table.td3r td:nth-child(3) {text-align: right;} +table.td3rr td:nth-child(n+3) {text-align: right;} +table.td3evw th:nth-child(2n+4), span.textdigest { + background: white; +} +table.thl th {text-align: left;} +span#reverse {background: white; padding: 0 0 0 0.4ex; border: outset;} + +table.form, table.b, table.b tr, table.b td, table.b th { + border: 1px solid black; border-collapse: collapse; +} +table.b, table.bloghead { + border-radius: 1ex; box-shadow: rgb(250,222,222) 1px 2px 3px; +} +td.warn {background: #fcc;} +input[type="checkbox"][name="rm"]:checked ~ table {background: red;} +input[type="checkbox"][name="rm"] ~ span {display: none;} +input[type="checkbox"][name="rm"]:checked ~ span {display: inline;} + +input[type="radio"][value="replace"] + input.replace[type="file"] { + visibility: hidden;} +input[type="radio"][value="replace"]:checked + input.replace[type="file"] { + visibility: visible; +} +button#morefile {visibility: hidden; background: #fe9;} +label.admin span {border-bottom: 1px solid blue;} +label.admin:after {content: "(ADMIN)"; color: red; text-decoration: none;} + +/* keep/edit/rm action selector */ +input.action ~ input:not(.action), input.action ~ textarea { + display: none; +} +input.action[value="edit"]:checked ~ input[class="edit"], +input.action[value="mv"]:checked ~ input[type="text"] {display: inline;} +input.action[value="edit"]:checked ~ textarea {display: block;} +input.action[value="edit"]:checked ~ span, +input.action[value="mv"]:checked ~ span {display: none;} +input.action[value="rm"]:checked ~ span {background: red;} +label.confirm {display: none;} +*.inline, +input.action[value="rm"]:checked ~ label.confirm { + display: inline; +} + +input.hidesub ~ input[type="submit"] {visibility: hidden;} +input.hidesub:focus ~ input[type="submit"], +p:active input[type="submit"] +{visibility: visible;} +input[type=text]:focus {background: #ffa;} + +form.replyblog {xxx-margin-bottom: 40%;} +div.blogcomment { + position: fixed; bottom: 0; left: 0; + z-index: 2; background-color: rgba(250,222,222,0.6); +} +/* div.blogcomment textarea:focus {background: yellow; + position: fixed; top: 0; bottom: auto; } Need to consider narrow display */ +div.blogcomment * {opacity: 1.0;} +table.bloghead, .bloghead tr, .bloghead td { + border: 1px solid black; border-collapse: collapse; + min-width: 30em; +} +table.bloghead tr.preface { + font-size: 150%; background: yellow; /* text-align: center; */ + white-space: pre-wrap; +} +table.bloghead tr.frozen { + background: #ccf; border: blue thick solid; color: navy; +} + +table.bloghead {margin-bottom: 1em;} + +table.blog_replies, .blog_replies tr, .blog_replies td { + border: 1px solid #999; border-collapse: collapse; + white-space: pre-wrap; +} +table.bloghead tr.preface td ul, +table.bloghead tr.preface td ol, +table.bloghead tr.preface h2, +table.bloghead tr.preface h3, +table.bloghead tr.preface h4, +table.bloghead tr.preface h5, +table.bloghead tr.preface h5, +table.blog_replies video, +table.blog_replies iframe, +table.blog_replies ul, .blog_replies tr ul, .blog_replies td ul, +table.blog_replies ol, .blog_replies tr ol, .blog_replies td ol { + text-align: left; white-space: normal; margin: 1ex 0; +} +table.bloghead tr.preface h2, +table.bloghead tr.preface h3, +table.bloghead tr.preface h4, +table.bloghead tr.preface h5, +table.bloghead tr.preface h5 +{ + display: inline-block; +} +table.blog_replies p.proficon { + float: right; margin: 0 1ex 0 0; +} +table.blog_replies+p.update_link {margin-top: 0; margin-bottom: 14em;} +.blog_replies td.repl { + vertical-align: top; min-width: 30em; height: 3em; + max-width: 50em; +} +.blog_replies td.repl img {max-width: 30%;} +td.repl h2, td.repl h3, td.repl h4 { + display: inline; /* Because td.repl's white space is pre-wrap */ + /* text-shadow: blue 0px 1px; */ +} +td.repl hr {display: inline-block; width: 95%; color: #cde} +td.repl em {color: #a00; text-decoration: underline; padding-right: 0.3ex;} +td.repl strong {color: white; background: #00a; padding: 0 0.5ex;} +td.repl h2:before {content: "■"; color: #a22;} +td.repl h3:before {content: "◆"; color: #a22;} +td.repl h4:before {content: "○";} +td.repl div.atall { + color: white; background: #66f; padding: 0 0.8ex; + display: inline-block; border-radius: 0.8ex; +} +.blog_replies td.repatt {min-width: 12em;} +table.blog_replies iframe { + width: 80%; min-height: 300px; max-width: 50em; max-height: 80vw; + padding: 0; border: 0; +} +table.blog_replies td.new { /* New Article from last visit */ + background: white +} +table.mini, table.mini tr, table.mini th, table.mini td { + margin: 0; border-width: 0; + border-collapse: collapse; + vertical-align: top; width: auto; height: 1em; +} +table.mini th {background: #cee;} +table.mini tr {border-bottom: solid 1px #bcc;} +table.mini th, table.mini td {text-align: justify;} +table.mini td, table.mini th {padding: 1px 0.5ex; min-width: 1em;} +table.mini {margin-left: 1em; border-left: 2px solid #686;} +div.pjaxview, div.pjaxview2 { + position: fixed; top: 1ex; left: 0; width: 9vw; height: 9vh; + background: #ffffee; border: 1px double navy; border-radius: 2em; + z-index: 7; +} +div.pjaxview2 { + width: 100vw; height: 98vh; transition: 0.5s; +} +div.pjaxview iframe { + width: 98%; height: 90%; object-fit: scale-down; +} +div.pjaxview p { + padding: 0.5ex; text-align: left; margin: 0 2em; + white-space: nowrap; overflow: hidden; +} +div.pjaxview p button { font-size: large; padding: 0 1em;} +div.pjaxview p button { background: #eeeee0; } +div.pjaxview p button:focus { background: #fffff8; } + +/* "visibility: collapse" not working on chromium browser */ +div.noprofimg tr.profimg {visibility: collapse; display: none;} +div.noprofimg tr:hover + tr.profimg, div.noprofimg tr:active + tr.profimg, +div.noprofimg tr.profimg:hover, div.noprofimg tr.profimg:active { + visibility: visible; display: table-row;} + +/* Used for overlapping image */ +img.overlap {position: absolute; top: 40px; left: 50px; z-index: 2;} + +/* Used in user's home page */ +p.profimg {float: left; max-width: 50%; max-height: 400px; + overflow: hidden; margin: 0 1em 1ex; + padding: 0; border: white 1px solid; box-shadow: 2px 3px 4px + } +p.profimg img {max-width: 400px;} +div.home+* {clear: both;} +body.grouphome p.groupimg { + float: right; margin: 0 1em 1ex; + overflow: hidden;} +body.grouphome p.groupimg img { + max-width: 380px; max-height: 380px;} + +div.fold {margin-top: 1em; border-top: 1px solid black; padding-top: 1em;} +div.noborder {border: 0px; margin: 0;} +div.fold > div { + xxdisplay: none; max-height: 80%; overflow: auto; + height: 0px; opacity: 0; padding: 0 1ex; +} +div.fold input[type="checkbox"]:checked ~ div, +div.fold input[type="radio"]:checked ~ div { + display: block; background: #fadede; + height: auto; opacity: 1.0; transition: 1s; +} +input.fold + label + *.folded {opacity: 0; display: none; hight: 0;} +input[type="checkbox"].fold:checked + label + *.folded { + opacity: 1.0; transition: 2s; +} +input[type="checkbox"].fold:checked + label + div.folded { + display: block; hight: auto; transition: 2s; +} + +/* fold2!! */ +div.foldtabs { + position: relative; height: 5em; margin-top: 1em; + border-top: 1px solid black; padding-top: 1em; +} +div.foldtabs > div { + position: absolute; top: 2.5em; opacity: 0.0; background: pink; + margin: 2px; overflow: auto; +} +div.foldtabs input[type="radio"] {display: none;} +div.foldtabs input[type="radio"]:checked + label + div { + display: block; opacity: 1.0; transition: 0.2s; width: 100%; + margin: 0; z-index: 2; +} +div.foldtabs > label { + border: 1px outset #ddd; background: #ddd; xbackground: pink; + border-top-left-radius: 0.8em; border-top-right-radius: 0.8em; + margin: 0; + padding: 0.2ex 0.5em; height: 3em; +} +div.foldtabs > input:active + label {background: white;} +div.foldtabs input:checked + label { + background: pink; border: pink 1px solid; border-bottom-width: 6px; +} +div.foldtabs input:checked + label:last-of-type {border-width: 1px;} +input[type="checkbox"] + label + input[type="submit"] {display: none;} +input[type="checkbox"]:checked + label + input[type="submit"] { + display: inline;} +div.foldtabs p {margin: 0;} + +/* ToDo List CheckBox inspired by https://cultureacademia.jp/webcreate/303/ */ +input.s4-checkbox {display: none;} /* Do not show real checkbox */ +input.s4-checkbox + label { + position: relative; padding-left: 0.8em; margin-right: 1em; +} +input.s4-checkbox + label:before, +input.s4-checkbox + label:after { + content: ""; display: block; /* Mimic Checkbox by absolute box */ + position: absolute; top: 0; left: 0; margin: 0; +} +input.s4-checkbox + label:before { /* checkbox frame */ + width: 0.8em; height: 0.8em; border: 1px solid #aaa; border-radius: 20%; + background: #ddd; +} +input.s4-checkbox:checked + label:before { /* checked frame bg */ + background: pink; +} +input.s4-checkbox:checked + label { /* checked text */ + /* text-shadow: red 1px 1px; */ +} +input.s4-checkbox:checked + label:after { /* checked mark */ + width: 0.6em; height: 0.4em; top: 0.05em; left: 0.1em; + border-bottom: 3px solid navy; + border-left: 3px solid navy; + transform: rotate(-40deg); +} +/* ---------------------------------------------------- */ + +div.dumptable {max-height: 70vw; overflow: auto;} +div.dumptable tr:hover {background-color: #fee;} +table.dumpblogs td, +div.lcto td { /* LINK + CTIME + TITLE + OWNER + something... */ + white-space: nowrap; overflow: hidden;} +table.dumpblogs td:nth-child(4), +div.lcto td:nth-child(2) {max-width: 8em;} +table.dumpblogs td:nth-child(5), /* team */ +table.dumpblogs td:nth-child(6), /* title */ +table.dumpblogs td:nth-child(7), /* heading */ +div.lcto td:nth-child(3), /* title */ +div.lcto td:nth-child(4) /* owner */ + {max-width: 14em;} +/* https://curecode.jp/tech/css-table-position-sticky-with-background-border-vanished/ */ +div.dumptable table.dumpblogs th { + position: sticky; top: 0; z-index: 0; background: #fcf0f0; + border: 1px solid black; border-collapse: collapse; + background-clip: padding-box; +} + +table.dumpblogs tr.凍結 td:nth-child(n+2) {opacity: 0.5;} +table.dumpblogs tr.凍結 td:last-child {opacity: 1.0; color: blue;} +*.frozen, *.凍結 {color: blue;} + +/* +table.dumpblogs td:nth-child(4) { + max-width: 7.6em; overflow: hidden;} +table.dumpblogs td:nth-child(5), +table.dumpblogs td:nth-child(6) { + max-width: 12em; overflow: hidden;} +table.dumpblogs td:nth-child(7) { + min-width: 5em; overflow: hidden;} +*/ + +/********************* icon list *********************/ +div.iconlist { + text-align: center; float: left; margin: 1ex 1em; + border: dotted #dfd 2px; padding: 1ex; +} +div.iconlist p {margin: 0; padding: 0;} +div.iconlist p.tag {background: #ffa; border-radius: 4em;} +div.iconlist p._temp {background: cyan;} +div.iconlist p._lecture {background: pink;} +div.iconlist p._admin {background: yellow;} +div.iconlist p._friend {background: fuchsia;} +div.iconlist p._fellows {background: #9f9;} /* light green */ +div.iconlist p._club {background: #4bb;} /* light teal */ +div.iconlist p._event {background: maroon; color: white;} +div.iconlist p._misc {background: purple; color: white;} +div.iconlist p._record {background: red; color: white;} +div.iconlist p._info {background: #eff;} /* light cyan */ +div.iconlist p._support {background: #ffe;} /* light yellow */ +div.iconlist p._test {background: #ffb6c1;} /* light pink */ +input#ismembtn:checked ~ div.iconlist, +input#isadmbtn:checked ~ div.iconlist {display: none;} +input#ismembtn:checked ~ div.iconlist.Member, +input#isadmbtn:checked ~ div.iconlist.ADMIN, +input#ismembtn:checked ~ div.iconlist.ADMIN {display: block;} +div.xy120x120 {min-width: 120px; min-height: 140px;} +div.xy96x96 {min-width: 96px; min-height: 116px;} +div.xy96x96 img {max-width: 96px;} +div.xy50x50 {min-width: 50px; min-height: 70px;} +div.xy50x50 img {max-width: 50px;} +div.moderated {background: rgba(255, 215, 0, 0.3);} /* gold */ +body.moderated {background: #fffec4;} /* #faed8a */ +body.ismember, div.ismember {border-top: 4px red solid; margin-top: 0;} +div.right, div.search {clear: both; float: right;} +*.clear {clear: both;} +div.search input[type="text"] { + border: solid 1px #bbb; border-radius: 0.5ex; min-height: 20px; + margin: 1em; padding: 0 0.5ex; padding-left: 18px; + background: url("../../img/loupe.png") left center no-repeat + rgba(242,240,240,0.7); + position: relative; +} +div.search div.fr, *.relative {position: relative;} +div.search p.help, textarea + p.help {display: none;} +div.search input:focus + p.help, +textarea:focus + p.help { + display: block; background: white; + position: absolute; right: 15em; white-space: pre; + border: 1px solid #888; border-radius: 1em; padding: 1ex; + box-shadow: #555 2px 2px; +} +textarea:focus + p.help { + position: fixed; + top: 0em; left: 0; +} +form.summary input[type=submit], +input[type="submit"].all, button.all { + background: #cfc; padding: 0.4ex 2ex; +} +input[type="reset"] {margin-left: 4em;} + +/* + * World List + */ +li.casmenu div {display: none; position: relative; width: 200%; + min-width: 80%; margin-right: 0;} +li.casmenu div table { + background: white; position: absolute; top: 0em; border: 3px solid navy; + max-width: 100%; +} +li.casmenu div table td {text-align: left; padding: 0.5ex 1em;} +li.casmenu:hover div, li.casmenu:active div, +li.casmenu div:hover, li.casmenu div:active +{display: block;} +span.pre {white-space: pre;} + +/* + * Frozen toggle button + */ +td.稼動状態 {text-align: center;} +button.toggle-frozen { + padding: 0 1emex; + background: #fdb585; + border-radius: 1ex; + border-bottom: solid 2px #d27d88; + box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0,0,0, 0.19); + background: linear-gradient(#fdeaea, #fdb2b2); // ffc8a8 +} +.凍結 button.toggle-frozen, .凍結 button.toggle-frozen::before { + background: linear-gradient(#d8e2ea, #83bbea); +} +.凍結 button.toggle-frozen::before { + content: attr(frozen-marker); color: blue; +} +.toggle-frozen::before { + content: attr(running-marker); +} +.info-tooltip { + position: absolute; padding: 1ex; + background: ivory; + border-radius: 1em; border: double 5px blue; + min-width: 10em; right: 0; bottom: 0; +} +.dissolving {opacity: 0; transition: 3.0s;} +.emerging {opacity: 1; transition: 3s;} +button#c, button#reload {display: inline-block;} +span.loading, button#c:disabled, button#reload:disabled { + visibility: visible; transform: rotateX(3600deg); transition: 30s; +} +span.loading {padding: 0 1em;} +input.aux {margin-left: 10em; transform: scale(0.7);} + +/* + * PR Web + */ +body.pr {font-size: 200%;} +body.pr h1 { + text-align: center; width: 80%; padding: 3ex 0; margin: 0 auto; + background: #ffefef; border: double 5px navy; +} diff --git "a/8_9\346\234\254\350\254\233\347\276\251 |JDs4 - JD-Chokai_files/file-icon.png" "b/8_9\346\234\254\350\254\233\347\276\251 |JDs4 - JD-Chokai_files/file-icon.png" new file mode 100644 index 0000000..d82f259 --- /dev/null +++ "b/8_9\346\234\254\350\254\233\347\276\251 |JDs4 - JD-Chokai_files/file-icon.png" Binary files differ diff --git "a/8_9\346\234\254\350\254\233\347\276\251 |JDs4 - JD-Chokai_files/jds4.css" "b/8_9\346\234\254\350\254\233\347\276\251 |JDs4 - JD-Chokai_files/jds4.css" new file mode 100644 index 0000000..acec5ff --- /dev/null +++ "b/8_9\346\234\254\350\254\233\347\276\251 |JDs4 - JD-Chokai_files/jds4.css" @@ -0,0 +1,10 @@ +/* + * Default CSS definitions + */ +@import("default.css"); +body {background: #ccc3f3 url("img/jds4_bg_2022.png") no-repeat center fixed; + background-size: cover; margin: 2px; padding: 6px;} +div.topmenu ul li { + background: #afeeeecc; border: #35e 2px groove; margin: 0; +} +div.topmenu ul li:hover {background: #adf;} diff --git "a/8_9\346\234\254\350\254\233\347\276\251 |JDs4 - JD-Chokai_files/s4-main.js" "b/8_9\346\234\254\350\254\233\347\276\251 |JDs4 - JD-Chokai_files/s4-main.js" new file mode 100644 index 0000000..8a2b4ca --- /dev/null +++ "b/8_9\346\234\254\350\254\233\347\276\251 |JDs4 - JD-Chokai_files/s4-main.js" @@ -0,0 +1,1097 @@ +// 愛 +(function (){ + var isOlderJS; // Set in init(); + var hoverTextLines = 10; + var hasTouchPad = + (navigator.maxTouchPoints && navigator.maxTouchPoints >0); + var myurl = document.URL, + mypath = myurl.substring(myurl.lastIndexOf("/")); + var art_m_list = []; + var mathjax = false; + let input_pdfsw = 'input[name="comppdf"]'; + if (mypath.match(/(.*)\/(.*)/)) { + mypath = RegExp.$2; + mypath = mypath.substring(0, mypath.lastIndexOf("?")); + //alert("mypath="+mypath); + } + function escapeChars(old) { + return old.replaceAll('"', '"') + .replaceAll("<", '<') + .replaceAll(">", '>'); + } + function collectElementsByAttr(elm, attr, val) { + var e = document.getElementsByTagName(elm); + if (!e) return null; + var list = []; + for (var i of e) { + if (i.getAttribute(attr) == val) + list.push(i) + } + return list; + } + function nthChildOf(parent, n, elem) { // Return Nth child of type ELEM + // N begins with 1 + var i=0; + var le = elem.toLowerCase(); + for (var c of parent.childNodes) { + if (!c.tagName) continue; + if (c.tagName.toLowerCase() == le) { + if (++i >= n) return c; + } + } + return null; + } + function insertRedirect(e) { + var articleId, textarea = document.getElementById("text"); + var p = e.target, checked = p.checked; + while (p = p.parentNode) + if (p.nodeName.match(/^td$/i)) break; + if (!p) return; + while (p = p.nextSibling) + if (p.nodeName.match(/^td$/i)) break; + if (!p) return; + articleId = p.getAttribute("id"); + if (textarea && articleId) { + var tv = textarea.value, lines; + if (tv) + lines = tv.split("\n"); + else + lines = [""]; + var re = new RegExp("[, ]*#"+articleId+"(?![0-9])"); + checked = (p.nodeName.match(/^input$/) + ? p.checked // checkbox obeys its status + : !lines[0].match(re)) // a-elment toggles redirection + if (checked) { + if (!lines[0].match(re)) { + var re2 = new RegExp(/>#[#0-9, ]+[0-9]/); + if (lines[0].match(re2)) + lines[0] = lines[0].replace( + re2, '$&, '+'#'+articleId); + else { + if (lines[0] > "") lines[0] = " "+lines[0]; + lines[0] = ">#"+articleId+lines[0]; + } + } + } else { // Remove #xxxxx + if (lines[0].match(/^>#[0-9 ,]+#/)) // 2 or more #id's + lines[0] = lines[0].replace( + new RegExp("^>#"+articleId+"[ ,]*"), ">").replace( + new RegExp("[ ,]*#"+articleId), ""); + else { + lines[0] = lines[0].replace( + new RegExp(">#"+articleId+"[ ,]*"), ""); + } + } + lines[0] = lines[0].replace(/^> *$/, ''); + textarea.value = lines.join("\n"); + } + } + function registPjaxViewers(aHrefList) { + let apos=art_m_list.length; + for (let a of aHrefList) { + let href = a.getAttribute("href"); + let localvar = apos; + let td = a.parentNode, + tr = td.parentNode, + id = td.id, + text = td.textContent, + author = tr.getElementsByTagName("a"); + if (author) author = author[0].getAttribute("title"); + if (href.match(/\?showattc\+article_m\+([0-9]+)$/)) { + if (td.innerHTML.match(/読み取り不可/)) { + a.removeAttribute("href"); + continue; + } + let url = RegExp.lastMatch; + // console.log("pjaxView(e, "+href+", "+apos+")"); + a.addEventListener("click", function(e) { + // Shoud use closure local variable: localvar + pjaxView(e, href, localvar); + }, false); + apos++; + art_m_list.push({ + url: href, id: id, author: author, text: text + }); + } + } + } + function registInsertDirect(aHrefList) { + for (i of aHrefList) + if (i.getAttribute("href").match(/^#[0-9]+$/)) + if (RegExp.lastMatch == i.innerHTML) + i.addEventListener("click", insertRedirect, false) + } + function mathjaxUpdate(arg) { + try { + if (MathJax && MathJax.typesetPromise) { + MathJax.texReset(); // Reset Math counters + MathJax.typesetPromise(arg); // MathJax v3 + } + } catch (err) {console.log(err);} + } + var ajaxSubmit; + function replAddNews(newtable) { + let newids = [], idlist=[]; + let getArticleID = function (td) { + return parseInt(td.parentNode.getElementsByTagName("td")[1].id); + } + for (let i of newtable.querySelectorAll("td.repl")) + newids.push(i); + newids = newids.sort((a,b)=> { + return (getArticleID(a) - getArticleID(b)); + }); + for (i of newids) + idlist.push(getArticleID(i)); + console.log("IDList="+idlist.join()); + let cnt=0, ntr; + let current = collectElementsByAttr("td", "class", "repl"), + ncur=0, n, icur=0, o, oid, nid, otr; + current = document.querySelectorAll('td[class="repl"]'); + let last=current[current.length-1], + tbody = last.parentNode.parentNode; + let addEventsToNewTr = function(tr) { + let td = tr.getElementsByTagName("td"), + td0 = td[0], td1 = td[1]; + td0.classList.add("new"); + registInsertDirect(td0.querySelectorAll("a[href]")); + registPjaxViewers(td1.querySelectorAll("a[href]")); + } + // Erase all "new article" flags before merging + for (let i of document.querySelectorAll("td.new")) + i.classList.remove("new"); + // Now reconstruct articles with merge-sort like method + outer: for (; ncur= nid) { + addEventsToNewTr(ntr); + tbody.insertBefore(ntr, otr); + if (oid==nid) otr.remove(); + cnt++; + continue outer; + } + } + // Append absolutely new articles. + ntr = n.parentNode; + addEventsToNewTr(ntr) + tbody.appendChild(atMarkView(ntr)); + ntr.classList.add("dissolving"); + let localntr = ntr; + setTimeout(() => { + localntr.classList.remove("dissolving"); + localntr.classList.add("emerging"); + }, 100); + rewriteReplyHover(ntr); + cnt++; + } + mathjaxUpdate(newids); + console.log("Update "+cnt+"rows"); + if (cnt>0 && ntr.scrollIntoView) { + let option = {behavior: "smooth"}; + if (!isOlderJS) option.block = "center"; + try { // Scroll to last updated row + ntr.scrollIntoView(option); + } catch (e1) {} + } + return cnt; + } + + function warnFileSize(form) { + let szmax = form.querySelector('input[name="filesize_max"]').value; + if (!szmax || szmax=="") return; + szmax = parseInt(szmax); + if (szmax <= 0) return; + // szmax = 10000 + let ng = "", rcval=false, fileexists=false, + pdfsw = form.querySelector(input_pdfsw), + pdfmsg = "Try compressing PDF?\nPDFを圧縮してみますか?\n" + + "(それでも収まらない場合もあります)"; + for (let f of form.querySelectorAll('input[type="file"]')) { + let thiserr = false; + for (let i of f.files) { + fileexists = true; + let fn = i.name, sz = i.size; + console.log("max="+szmax+", fn="+fn+", sz="+sz); + if (sz > szmax) { + if (fn.match(/\.pdf/i) + && sz < szmax*3 // XXX : x3 reasonable? + && (pdfsw || confirm(pdfmsg))) { + if (!pdfsw) { + pdfsw = document.createElement("input"); + pdfsw.name = "comppdf"; + pdfsw.type = "hidden"; + f.parentNode.insertBefore(pdfsw, f); + pdfsw.value = "yes"; + } + } else { + thiserr = true; + ng += ((ng>"" ? ", " : "")+fn) + } + } + } + thiserr ? f.classList.add("warnbg") : f.classList.remove("warnbg"); + } + if (ng>"") { + rcval = "File-size Limit Error: "+ng+"\n"+ + "Should be less than "+szmax+"bytes.\n"+ + szmax+"バイト未満にしてください" + alert(rcval); + } + if (form.text.value == "") { + let w; + if (fileexists) + w = "Fill the text area\n" + + "添付したファイルに関する説明を入れてください。"; + else + w = "Enter your comment!\n何か書き込んでね!"; + alert(w); + rcval = (rcval || w); + form.text.classList.add("warnbg"); + setTimeout(() => {form.text.classList.remove("warnbg");}, 2000) + } + return rcval; + } + function ajaxPost(e) { + e.preventDefault(); + let rowid; + if (!myurl.match(/replyblog\+([0-9]+)/)) return; + rowid = RegExp.$1 + let myform = document.querySelector("form.replyblog"); + let data = new FormData(myform), + fetchtime = data.get("fetchtime"); + if (!fetchtime || fetchtime=="") return; + ///*XX*/fetchtime = "2020-06-14T00:00:00";data.set("fetchtime", fetchtime) + + ajaxSubmit = e.target; + ajaxSubmit.back = ajaxSubmit.textContent; + if (ajaxSubmit.id == "reload") { + ajaxSubmit.textContent = "更新中" + data.set("text", "") + } else { + if (warnFileSize(myform)) return; + ajaxSubmit.textContent = "送信中"; + } + ajaxSubmit.blur(); + ajaxSubmit.disabled = true; + let act = mypath+"?blog_fetch+"+rowid+"+f:"+fetchtime; + + function respUpdate(tbody) { + ajaxSubmit.textContent = ajaxSubmit.back; + ajaxSubmit.disabled = false; + let div = document.createElement("div"), form, newform; + try { + div.innerHTML = tbody; + form = div.querySelector("form"); + } catch (er) { + alert("Cannot parse fetch data"); + return; + } + let update = replAddNews(form); + let dispelem = myform.querySelector("textarea").parentNode; + if (div.querySelector('input[name="user"]')) { // is login form + dispInfoMomentary("Login Again Please", dispelem) + return; + } + newform = new FormData(form); + if (data.get("text") > "") { // Called by submit button + myform.reset(); + let pdfsw = myform.querySelector(input_pdfsw); + if (pdfsw) pdfsw.remove(); + // myform.text.value = ''; + } + myform.fetchtime.value = newform.get("fetchtime"); + myform.id.value = newform.get("id"); + if (update && update > 0) { + let s = update + " new article" + + (update>1 ? "s" : "") + " posted"; + dispInfoMomentary(s, dispelem); + } + } + fetch(act, { + method: "POST", body: data, + credentials: "include" // For older firefox + }).then((resp) => { + return resp.text(); + }).then((tbody) => { + respUpdate(tbody); + }) + } + function pjaxView(ev, url, mynum) { + if (ev.ctrlKey||ev.shiftKey) return; + ev.preventDefault(); + let box = document.createElement("div") + box.setAttribute("class", "pjaxview"); + let p1 = document.createElement("p"), + bt = document.createElement("button"), + sl = document.createElement("button"), + sr = document.createElement("button"), + loading = document.createElement("span"), + info = document.createElement("p"); + info1 = document.createElement("span"); + info2 = document.createElement("span"); + iframe = document.createElement("iframe"); + var curpos = mynum; + var historyBase = history.length; + + function _setPjaxCurposInfo() { + let len = art_m_list.length; + let cur = art_m_list[curpos] + info1.textContent = (1+curpos)+" of "+len+" article #"+cur.id+ + (cur.author ? " by "+cur.author : "") + ":"; + info2.textContent = cur.text.trim(); + info2.setAttribute("class", "border textdigest"); + } + function _resetPjax() { + // All we can do surely is to back 1 page, + // because we cannot move to desirable entry of history list. + history.back(); + } + function setSwipeAct(iframe) { + // We cannot use DOMContentLoaded nor iframe.contentWindow here. + // PDF.js does not construct contentWindow...? + iframe.addEventListener("load", () => { + loading.classList.remove("loading"); + if (!hasTouchPad) return; + let ifm = iframe.contentDocument; + let startX, moveX, thresh = 100; + ifm.addEventListener("touchstart", (e) => { + e.preventDefault(); + startX = e.touches[0].pageX; + }, false); + ifm.addEventListener("touchmove", (e) => { + e.preventDefault(); + moveX = e.touches[0].pageX; + }, false); + ifm.addEventListener("touchend", (e) => { + if (startX < moveX && startX + thresh < moveX) { + switchTo(e, -1); + } else if (startX > moveX && startX - thresh > moveX) { + switchTo(e, +1); + } + }, false); + }, false); + + } + function switchTo(e, direction) { + e.preventDefault(); + let len = art_m_list.length, cur, newpos, url; + newpos = (curpos+len+direction)%len; + if (curpos == newpos) return; // No need to switch to same one + curpos = newpos; + cur = art_m_list[curpos]; + url = cur.url; + // We should remove iframe once to preserve history Object + // https://inthetechpit.com/2019/04/20/update-iframe-without-affecting-browser-history/ + let parent = iframe.parentNode; + // alert("D = "+direction); + iframe.remove(); + parent.appendChild(iframe); + try { + loading.classList.add("loading"); + iframe.src = url; + // iframe.contentDocument.location.replace(url); + // location.replace cannot be used because PDF viewer.js + // does not have iframe.contentDocument + } catch (err) { + alert("Cannot load "+src+" : "+err.name); + } + _setPjaxCurposInfo(); + setSwipeAct(iframe); + } + function switchToByKey(e) { + // alert("KEY="+e.key); + switch (e.key) { + case "ArrowLeft": + switchTo(e, -1); break; + case "ArrowRight": + switchTo(e, +1); break; + case "Escape": + history.back(); + } + } + //

+ // + //

info1 info2

+ // + //
+ // ==> [ << ][Dissmiss][ >> ] + // ==> ## of ## article #xxx by AUTHOR + sl.textContent = " << "; + sr.textContent = " >> "; + sl.addEventListener("click", (e) => {switchTo(e, -1);}); + sr.addEventListener("click", (e) => {switchTo(e, +1);}); + sl.setAttribute("title", "to="+(mynum-1)); + sr.setAttribute("title", "to="+(mynum+1)); + document.body.appendChild(box); + bt.textContent = "Click to dismiss / もどる"+mynum; + + box.appendChild(p1); + p1.appendChild(sl); p1.appendChild(bt); p1.appendChild(sr); + { // TEST: Normal mode + let only = document.createElement("button"), + h = location.href; + only.textContent = ".oO□"; + only.setAttribute("title", "Open in Normal Window"); + only.addEventListener("click", function() { + location.replace(iframe.src); + }); + p1.appendChild(only); + } + p1.appendChild(loading); + info.appendChild(info1); info.appendChild(info2); + loading.textContent=" Loading..."; + loading.classList.add("hidden"); + loading.classList.add("loading"); + box.appendChild(info); + iframe.src = url; + + box.addEventListener("keydown", switchToByKey); + //box.addEventListener("click", (e) => {_resetPjax();}); + bt.addEventListener("click", (e) => {_resetPjax();}); + // dp.addEventListener("click", (e) => {_resetPjax();}); + info.addEventListener("click", (e) => {_resetPjax();}); + box.appendChild(iframe); + + setSwipeAct(iframe); + + _setPjaxCurposInfo(); + bt.focus(); + setTimeout(() => {box.classList.add("pjaxview2");}, 10); + // Finally update history stack + pjaxHistoryPush(box); + } + function pjaxHistoryPush(box) { + if (history.pushState) { + let h = location.href.replace(/#.*/, '')+"#pjaxview"; + history.pushState({url: h}, null, h); + window.addEventListener("popstate", (e) => { + if (box) { + box.remove(); box = null; + } + }, false); + } + } + function reverseChecks() { + var names = collectElementsByAttr("input", "name", "usel"); + for (let u of names) { + u.checked = !u.checked; + } + } + function renumberOL(str, start) { + var stra = str.split("\n"); + for (var i=1; i1 && area.value.charCodeAt(pos)==10) + b = area.value.lastIndexOf("\n", pos-1);; + return b>=0 ? b : 0; + } + function isInBeginEnd(area, pos){ + pos = pos||area.selectionStart; + let bol = beginningOfLine(area, pos); + let thisline = area.value.substr(bol); + console.log("curchar="+area.value.charCodeAt(pos)); + console.log("prechar="+area.value.charCodeAt(pos-1)); + console.log("bol="+bol+", thisline="+thisline); + let match = thisline.search(/\\(begin|end){([A-Za-z]*)/), lm, be; + if (match >= 0) { + lm = RegExp.lastMatch; + be = RegExp.$1; + return RegExp.$2 + } + return null; + } + function helpMarkdownBrace(e) { + if (!mathjax) return; + var area = e.target, pos = area.selectionStart, text = area.value, + begin = "\\begin", end = "\\end"; + if (pos < end.length) return; + if (text.substr(pos-end.length).startsWith(end)) { + let beg = text.lastIndexOf(begin, pos); + if (beg >= 0) { + let env = text.substr(beg).search(/\\begin{(.*?)}/); + if (env >= 0) { + textInsert(area, "{"+RegExp.$1+"}", pos); + e.preventDefault(); + } + } + } + } + function helpMarkdownBraceClose(e) { + if (!mathjax) return; + let area = e.target, pos = area.selectionStart, text = area.value, + begin = "\\begin", end = "\\end"; + if (text.substr(pos).startsWith("}")) { + area.setRangeText("", pos, pos+1); + // e.preventDefault(); + } + let inbegend = isInBeginEnd(area, pos); + if (!inbegend) return; + let nextendpos = text.substr(pos).indexOf("\\end{"); + let nextcurend = text.substr(pos).indexOf("\\end{"+inbegend+"}"); + if (nextcurend<0 || nextendpos!=nextcurend) { + area.setRangeText("}\n\n\\end{"+inbegend+"}", pos, pos); + area.selectionStart = pos+2; + e.preventDefault(); + } + console.log(inbegend); + + } + function helpMarkdownPreview(area) { + if (!mathjax) { + alert("no"+e.target) + dispInfoMomentary("This board has no MathJax mode.\n"+ + "この掲示板は数式モードOFFです。", + e.target.parentNode); + return; + } + let text = area.value; + let preview = document.createElement("div"); + let bp = document.createElement("p"); + let btn = document.createElement("button"); + btn.innerText = "Click or ESC to Dissmiss / クリックかESCで戻る"; + bp.classList.add("c"); + preview.classList.add("pjaxview"); + preview.classList.add("pjaxview2"); + let pre = document.createElement("p"); + bp.appendChild(btn); + preview.appendChild(bp); + preview.appendChild(pre); + pre.innerText = text; + document.body.appendChild(preview); + function dismiss(t) { + history.back(); + preview.remove(); + area.focus(); + } + preview.addEventListener("click", dismiss, false); + preview.addEventListener("keydown", dismiss, false); + MathJax.typesetPromise([pre]); + pjaxHistoryPush(preview); + btn.focus(); + } + function helpMarkdownAt(e) { + var area = e.target, pos = area.selectionStart; + if (pos == 0) { + area.value = "@all" + area.value; + area.selectionStart = area.selectionEnd = 4; + dispInfoMomentary("@all で全員に通知します", area.parentNode); + e.preventDefault(); + } + } + function helpMarkdown(e) { + switch (e.key) { + case "Backspace": helpMarkdownBS(e); break; + case "Enter": helpMarkdownEnter(e); break; + case "(": helpMarkdownParen(e); break; + case "p": if (e.metaKey) helpMarkdownPreview(e.target); break; + case "{": helpMarkdownBrace(e); break; + case "}": helpMarkdownBraceClose(e); break; + case "@": helpMarkdownAt(e); break; + } + } + /* Init event listeners */ + function addFileInput() { + var inpfile = collectElementsByAttr("input", "name", "image"); + if (!inpfile) return; + var filled = true; + var i, ih; + for (i of inpfile) { + if (! i.value) filled=false; + } + if (filled) { + ih = i.parentNode.innerHTML; + if (ih) { + var inpf = ih.substring(ih.indexOf("")+1); + i.insertAdjacentHTML("afterend", newi) + i.nextSibling.nextSibling.addEventListener('change', () => { + // next==br next.next==input[type=file] + warnFileSize(document.forms[0]); + }); + } + } + } + function initFileInput() { // Multiplies "input type=file" + var el, morefile = document.getElementById("morefile"); + if (morefile) { + for (el of collectElementsByAttr("input", "name", "image")) { + el.addEventListener("change", function(ev) { + if (ev.target.value > "" && ev.target.files.length == 1) + morefile.style.visibility = "visible"; + // No need to hide again, sure? + }); + } + morefile.addEventListener("click", addFileInput, null); + } + // When renaming, select basename part + for (el of collectElementsByAttr("input", "class", "mv")) { + el.addEventListener("focus", function(ev) { + var i = ev.target; + if (i) { + i.setSelectionRange(0, i.value.lastIndexOf(".")); + } + }); + } + } + function initTextarea() { + var te = collectElementsByAttr("textarea", "name", "text"); + if (!te || !te[0]) return; + te[0].addEventListener("keydown", helpMarkdown, false); + } + function atMarkView(elem) { + // Enclose "@all" with span + for (i of elem.querySelectorAll("td.repl")) { + let ii = i.innerHTML; + if (ii.startsWith("@all")) { + ii = ii.replace(/^@all/,'
@all
'); + i.innerHTML = ii; + } + } + return elem; + } + var quizwarnVisible = false; + function toggleAuthorVisibility(e) { + // In QUIZ mode, click to quizwarn line toggles visibility of author + e.stopPropagation(); + if (quizwarnVisible) { + for (let i of document.querySelectorAll("td.repatt")) { + i.classList.remove("hideauthor"); + } + quizwarnVisible = false; + } else { + for (let i of document.querySelectorAll("td.repatt")) { + i.classList.add("hideauthor"); + } + quizwarnVisible = true; + } + } + function initBlogs() { + // Auto-complete #xxxx + let i, check = collectElementsByAttr("input", "name", "notifyto"); + if (check) + for (i of check) { + i.addEventListener("click", insertRedirect, false); + } + registInsertDirect(document.querySelectorAll("a[href]")); + if (myurl.match(/replyblog\+[0-9]/) + && document.querySelector("td.repl")) { + // There's no need to provide ajax posting when + // no replies written to the blog. Therefore we + // assign ajax post when td.repl exists. + for (i of document.querySelectorAll('input#c[value="送信"]')) { + let b = document.createElement("button"); + b.textContent = "送信!"; + console.log("b="+b+", tc="+b.textContent); + b.addEventListener("click", ajaxPost, false); + // i.insertAdjacentElement('afterend', b); + b.setAttribute("class", i.getAttribute("class")) + b.setAttribute("title", i.getAttribute("title")) + i.parentNode.replaceChild(b, i); + b.id = i.id; + // i.remove(); + i.classList.add("aux"); + i.value = "送信(予備)" + b.parentNode.appendChild(i); + } + i = document.getElementById("reload"); + if (i) i.addEventListener("click", ajaxPost, false); + } + for (i of document.querySelectorAll('input[type="file"]')) { + i.addEventListener('change', (e) => { + warnFileSize(document.forms[0]); + }, false) + } + if (i=document.getElementById("quizwarn")) { + i.addEventListener('click', toggleAuthorVisibility, false); + } + // Hack article_m links + registPjaxViewers(document.querySelectorAll("a[href]")); + atMarkView(document); + } + function initGrpAction() { + var rev = document.getElementById("reverse"); + if (!rev) return; // Is not grpAction page + if (rev.tagName.match(/span/i)) { + rev.textContent = " 反転 "; + rev.addEventListener("click", reverseChecks, null); + } + var emailbtn = document.getElementById("email"); + emailbtn.addEventListener("click", function(ev){ + // Enlarge box and Select user's checkbox + if (!ev.target.checked) return; + var x = collectElementsByAttr("div", "class", "foldtabs"); + if (x && x[0] && x[0].style) { + x[0].style.height = "10em"; + } + let myuid = document.getElementById("myuid"); + if (myuid) { + let usel = collectElementsByAttr("input", "name", "usel"); + if (usel) { + for (u of usel) { + if (u.value == myuid.value) + u.checked = true; + } + } + } + }, null); + var teamsel = document.getElementById("selteam"); + if (teamsel) { + var usel, p, team; + // Select all members of the team + teamsel.addEventListener("change", function(ev) { + var teamname = teamsel.value, + selected = new RegExp('(^| )'+teamname+"($|,)"); + usel = collectElementsByAttr("input", "name", "usel"); + if (!usel) return; + for (u of usel) { + p = u.parentNode; // should be label + if (!p) continue; + if (teamname == "TEAM") { // Reset all checks + u.checked = false; // when "TEAM" is selected + } else { + p = p.parentNode.parentNode;// should be tr + team = nthChildOf(p, 5, "td") + if (team && team.textContent + && team.textContent.match(selected)) { + u.checked = true; + } + } + } + }, null); + } + } + function dispInfoMomentary(msg, elem) { + // Momentarily display MSG in tooltip-baloon relative to ELEM element. + let help = document.createElement("p"); + elem.style.position = 'relative'; + elem.style.overflow = 'visible'; + help.setAttribute("class", "info-tooltip"); + help.innerHTML = msg; + elem.appendChild(help); + setTimeout(() => { + help.classList.add("dissolving"); + setTimeout(() => help.remove(), 3000); + }, 1000); + } + function initGrphome() { + console.log("initGrphome"); + // (1)Setup Frozen State Changing Button + var ja = navigator.language.match(/ja/i); + + function toggleFrozen(e, rowid) { + let tgt = mypath+"?blog_setfrozen+"+rowid; + let td = e.target.parentNode; + let tr = td.parentNode; + fetch(tgt, { + method: "POST", + headers: {'Content-Type': 'text/html; charset=utf-8'}, + credentials: "include" + }).then(function(resp) { + return resp.text(); + }).then(function(tbody) { + try { + var json = JSON.parse(tbody); + } catch (e) { + return; + } + let state = json.state, newstate, info; + if (json.alert) { + alert(json.alert) + } + if (state.match(/frozen/i)) { + newstate = "凍結"; + info = ja ? newstate+"に設定しました" : 'Set Frozen'; + } else { + newstate = null; + info = ja ? '稼動に設定しました' : 'Set Running'; + } + tr.setAttribute("class", newstate); + dispInfoMomentary(info, td); + }); + } + let btn = document.querySelectorAll("button.toggle-frozen"); + for (let b of btn) { + let rowid = null; + let td=b.parentNode, tr = td.parentNode, fr, ru; + ru = ja ? "動" : "Running"; + fr = ja ? "凍" : "Frozen"; + b.setAttribute('frozen-marker', fr); + b.setAttribute('running-marker', ru); + for (let a of tr.querySelectorAll("a[href]")) { + if (a.getAttribute("href").match(/\?replyblog\+([0-9]+)/)) { + rowid = parseInt(RegExp.$1); + break; + } + } + if (rowid && rowid>0) { + b.addEventListener("click", function(e) { + if (!btn) return; + toggleFrozen(e, rowid); + }, false); + b.setAttribute("title", "稼動/凍結をその場で切り替えます\n\ +Toggle Running/Frozen ("+rowid+")"); + } + } + // (2)Setup Column Collapse Button + // INCOMPLETE: Cannot restore original state, but it's enough... + function toggleColmnWidth(th) { + let tbl = document.querySelector("table.dumpblogs"); + let colname = th.textContent, newwidth; + if (th.style.width) { + newwidth = null + // https://developer.mozilla.org/ja/docs/Web/CSS/table-layout + tbl.style.tableLayout = 'auto'; + tbl.style.width = null; + } else { + newwidth = "2em"; + tbl.style.tableLayout = 'fixed'; + tbl.style.width = '100%'; + } + th.style.width = newwidth; + th.style.overflow = "hidden"; + for (let td of document.querySelectorAll("td."+colname)) { + console.log(td.tagName); + td.style.width = newwidth; + console.log(td.style.width); + } + } + let row1 = document.querySelector("table.dumpblogs tr:first-child"); + if (row1) { + let heads = row1.querySelectorAll("th"); + for (let h of heads) { + h.addEventListener("click", function(e) { + toggleColmnWidth(h); + }, false); + h.setAttribute("title", "Click to shrink these columns"); + } + } + } + function initMath() { + mathjax = window.MathJax||document.getElementById("mathjax"); + if (!mathjax) return; + let ta = document.querySelector("textarea"); + if (!ta) return; + let btn = document.createElement("button"); + btn.setAttribute("title", "\\( と \\) で数式利用\n"+ + "\\[ と \\] で段組み数式モード\n"+ + "便利なマクロ:\n"+ + " \\boxed{aaa}, \\fcolorbox{framecolor}{bgcolor}{text}\n"+ + " \\underline{aaa}, \\fcolorbox{framecolor}{bgcolor}{text}\n"+ + "独自定義マクロ:\n"+ + " \\warn{xxx} 注意喚起用色付き枠\n"+ + " \\Warn{xxx} 大きな文字で注意喚起") + btn.innerHTML = "MathJax
Preview"; + btn.addEventListener('click', (e) => { + e.preventDefault(); + ta.focus(); + helpMarkdownPreview(ta); + }); + ta.parentNode.appendChild(btn); + } + function rewriteReplyHover(unit) { + function getTextById(id) { + let repltd = document.getElementById(id); + if (repltd) { + let txt = repltd.innerText, + authtd = repltd.parentNode.getElementsByTagName("td")[0], + author = authtd.querySelector("a.author").innerText, + digest = txt.split("\n").splice(0, hoverTextLines).join("\n"); + return escapeChars("[[ "+author+" ]]\n"+digest); + } else + return ""; + } + unit = unit||document; + for (let td of unit.querySelectorAll("td.repl")) { + let text = td.innerHTML; + if (text.startsWith("\>#")) { + let newline = text.indexOf("\n"); + let first, rest; + if (newline > 0) { + first = text.substring(0, newline); + rest = text.substring(newline); + } else { + first = text; + rest = ""; + } + td.innerHTML = first.replace( + /#([0-9]+)/g, + (match, start, whole) => { + let id = RegExp.$1 + return '' + match + ''; + } + ) + rest; + } + } + } + function initReplyHover(unit) { + // https://stackoverflow.com/questions/60154233/event-when-typesetting-is-done-mathjax-3 + if (mathjax && MathJax.startup) + MathJax.startup.promise.then(()=>rewriteReplyHover()); + else + rewriteReplyHover(); + } + function init() { + isOlderJS = !("insertAdjacentElement" in document.body); + initGrpAction(); + initBlogs(); + initFileInput(); + initTextarea(); + initGrphome(); + initMath(); + initReplyHover(); + } + document.addEventListener('DOMContentLoaded', init, null); +})(); diff --git a/birthstone3.rb b/birthstone3.rb new file mode 100755 index 0000000..a36b61c --- /dev/null +++ b/birthstone3.rb @@ -0,0 +1,12 @@ +#!/usr/koeki/env ruby +# -*- coding: utf-8 -*- + +month =%w (0:1月 1:2月 2:3月 3:4月 4:5月 5:6月 6:7月 7:8月 9:10月 10:11月 11:12月 ) + +stone = (ガーネット アメジスト アクアマリン ダイアモンド エメラルド パール ルビー ペリドット サファイア トルマリン トパーズ タンザナイト) + +puts month +puts"何月生まれですか?" +a =puts.to_i +printf ("あなたの誕生石は%s!\n",stone[a]) + diff --git a/index.cgi b/index.cgi new file mode 100644 index 0000000..ddaf0f8 --- /dev/null +++ b/index.cgi @@ -0,0 +1,33 @@ + + + +birthstone3.rb + + + +

[[ RAW TEXT(DOWNLOAD here) ]]

+
+#!/usr/koeki/env ruby
+# -*- coding: utf-8 -*-
+
+month =   (0:1月 1:2月 2:3月 3:4月 4:5月 5:6月 6:7月 7:8月 9:10月 10:11月 11:12月 )
+
+stone =   (ガーネット アメジスト アクアマリン ダイアモンド エメラルド パール ルビー ペリドット サファイア トルマリン トパーズ タンザナイト)
+
+puts 
+puts"何月生まれですか?"
+a = 
+     ("あなたの誕生石は%s!\n",       )
+
+
+ + diff --git a/kakezann.rb b/kakezann.rb new file mode 100755 index 0000000..d211540 --- /dev/null +++ b/kakezann.rb @@ -0,0 +1,5 @@ +#!/usr/bin/env ruby +# -*- coding: utf-8 -*- +printf"掛け算をします" +printf"かけられる数を入力してください" +kakerarerukazzu=