# HG changeset patch # User KANNO Yuito # Date 1530247640 -32400 # Node ID 416020682701ed218704af50e7f41a95b275e752 # Parent 636c2fd5901380f82247b465ae9794287bfe2e41# Parent 0f0d8e58f4f56da0072955153fb7e3204dca83cd link diff -r 636c2fd59013 -r 416020682701 HowtoEdit.md --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/HowtoEdit.md Fri Jun 29 13:47:20 2018 +0900 @@ -0,0 +1,42 @@ +# [SKIP Web](https://skip.koeki-prj.org/) 編集作業の流れ +## Mercurial version + + +## まとめ +1. リポジトリのクローンを作る + +2. クローンした作業ディレクトリに移動(cd) +3. リポジトリからの更新を手元に引き込む(hg pull -uv) +4. 編集する +5. コミットする +6. 4と5を繰り返す +7. 更新をリポジトリに送信する(hg push) + + +## 各手順 +1. リポジトリのクローンを作る 最初に一回だけ + + % hg clone ssh://skip/web + +2. クローンした作業ディレクトリに移動(cd) その日の作業開始時 +3. リポジトリからの更新を手元に引き込む + + % cd 「クローンしたwebディレクトリ」 + % hg pull -uv これを忘れるとハマる + +4. 編集する +5. コミットする +6. 4と5を繰り返す + + → emacsでファイルを保存したら C-x v v で更新メモを入れて C-c C-c + +7. 更新をリポジトリに送信する(hg push) + 更新がまとまったらpushする + + % hg push これも忘れないように + +## 事前準備 +ssh用の公開鍵を作成しておく。 +くわしくは +http://roy.e.koeki-u.ac.jp/~yuuji/2018/seminar/hgrepos.html +を参照。 diff -r 636c2fd59013 -r 416020682701 HowtoEdit.txt --- a/HowtoEdit.txt Fri Jun 29 13:45:40 2018 +0900 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,44 +0,0 @@ -# -# SKIP web 編集作業の流れ -# - -■ -■ まとめ -■ -0. リポジトリのクローンを作る - -1. クローンした作業ディレクトリに移動(cd) -2. リポジトリからの更新を手元に引き込む(hg pull -uv) -3. 編集する -4. コミットする -5. 3と4を繰り返す -6. 更新をリポジトリに送信する(hg push) - - -■ -■ 各手順 -■ -0. リポジトリのクローンを作る 最初に一回だけ - % hg clone ssh://skip/web - -1. クローンした作業ディレクトリに移動(cd) その日の作業開始時 -2. リポジトリからの更新を手元に引き込む - % cd 「クローンしたwebディレクトリ」 - % hg pull -uv これを忘れるとハマる - -3. 編集する -4. コミットする -5. 3と4を繰り返す - → emacsでファイルを保存したら C-x v v で更新メモを入れて C-c C-c - -6. 更新をリポジトリに送信する(hg push) - 更新がまとまったらpushする - % hg push これも忘れないように - -■ -■ 事前準備 -■ -ssh用の公開鍵を作成しておく。 -くわしくは -http://roy.e.koeki-u.ac.jp/~yuuji/2018/seminar/hgrepos.html -を参照。 diff -r 636c2fd59013 -r 416020682701 shuzai/ice/.htaccess --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/shuzai/ice/.htaccess Fri Jun 29 13:47:20 2018 +0900 @@ -0,0 +1,3 @@ +AddHandler cgi-script .rb +Options +ExecCGI +AddType "text/html; charset=utf-8" .html diff -r 636c2fd59013 -r 416020682701 shuzai/ice/ajax.rb --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/shuzai/ice/ajax.rb Fri Jun 29 13:47:20 2018 +0900 @@ -0,0 +1,52 @@ +#!/usr/bin/env ruby +# -*- coding: utf-8 -*- + +require 'cgi' +require 'json' + +#moare = "moare.js" +#bchu = "bchu.js" + +c = CGI.new +s = c['shop'] +name = c['name'] +star = c['star'] +comment = c['comment'] +sjs = '' +inputs = {} + +if s == "moare" + sjs = 'moare.json' +elsif s == "bchu" + sjs = 'bchu.json' +end + +if star.to_i == 0 + star = 3 +elsif star.to_i > 5 + star = 5 +elsif star.to_i < 1 + star = 1 +end + +#p sjs +data = File.open(sjs) do |io| + JSON.load(io) +end +inputs["name"] = name +inputs["star"] = star +inputs["comment"] = comment + +if name != "" && star != "" && comment != "" +data.unshift(inputs) +end + +poi = File.open(sjs, "w") do |file| + str = JSON.dump(data, file) +end +#sleep(3) + +print "Content-type: text/plain; charset=UTF-8\n\n" + +#puts "#{s},#{name},#{star},#{comment}" +puts JSON.pretty_generate(data) diff -r 636c2fd59013 -r 416020682701 shuzai/ice/baby1.jpg Binary file shuzai/ice/baby1.jpg has changed diff -r 636c2fd59013 -r 416020682701 shuzai/ice/baby1_2.jpg Binary file shuzai/ice/baby1_2.jpg has changed diff -r 636c2fd59013 -r 416020682701 shuzai/ice/babychuchu/ajax.rb --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/shuzai/ice/babychuchu/ajax.rb Fri Jun 29 13:47:20 2018 +0900 @@ -0,0 +1,52 @@ +#!/usr/bin/env ruby +# -*- coding: utf-8 -*- + +require 'cgi' +require 'json' + +#moare = "moare.js" +#bchu = "bchu.js" + +c = CGI.new +s = c['shop'] +name = c['name'] +star = c['star'] +comment = c['comment'] +sjs = '' +inputs = {} + +if s == "moare" + sjs = 'moare.json' +elsif s == "bchu" + sjs = 'bchu.json' +end + +if star.to_i == 0 + star = 3 +elsif star.to_i > 5 + star = 5 +elsif star.to_i < 1 + star = 1 +end + +#p sjs +data = File.open(sjs) do |io| + JSON.load(io) +end +inputs["name"] = name +inputs["star"] = star +inputs["comment"] = comment + +if name != "" && star != "" && comment != "" +data.unshift(inputs) +end + +poi = File.open(sjs, "w") do |file| + str = JSON.dump(data, file) +end +#sleep(3) + +print "Content-type: text/plain; charset=UTF-8\n\n" + +#puts "#{s},#{name},#{star},#{comment}" +puts JSON.pretty_generate(data) diff -r 636c2fd59013 -r 416020682701 shuzai/ice/babychuchu/baby1.jpg Binary file shuzai/ice/babychuchu/baby1.jpg has changed diff -r 636c2fd59013 -r 416020682701 shuzai/ice/babychuchu/baby1_2.jpg Binary file shuzai/ice/babychuchu/baby1_2.jpg has changed diff -r 636c2fd59013 -r 416020682701 shuzai/ice/babychuchu/baby3.jpg Binary file shuzai/ice/babychuchu/baby3.jpg has changed diff -r 636c2fd59013 -r 416020682701 shuzai/ice/babychuchu/baby3_2.jpg Binary file shuzai/ice/babychuchu/baby3_2.jpg has changed diff -r 636c2fd59013 -r 416020682701 shuzai/ice/babychuchu/babychuchu.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/shuzai/ice/babychuchu/babychuchu.html Fri Jun 29 13:47:20 2018 +0900 @@ -0,0 +1,87 @@ + + + + + +BabyChuChu + + + + + + + +
+

+≪潟 +Baby Chu Chu

+
+ + +

綺膣剛

+ +
+

+2017綛3違若潟吾с若絮с
+綺сBaby Chu Chu医蚊潟莨若篁с
+篏睡蕋ｃ絖絎綽蕋鴻我篏帥ｃ障
+潟宴若若絖宴障 +

+ +

+ +

+
+ + + +

綺

+ +
+ +

Baby chu chu

+ + + + + + + + + + + +
篏絮怨就医篋10-12
倶キ11:00~17:00(罨∞腟篋)
絎篌筝絎篌
+ + + +
+ + +
+
+
+
+
+
+

your name:

+

stars:/5

+

comments:
+

+ + +
+ +
+ +
+ Copyright © 怨腱紊у絖泣若 SKIP. All Rights Reserved. +
+ + + + diff -r 636c2fd59013 -r 416020682701 shuzai/ice/babychuchu/bchu.json --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/shuzai/ice/babychuchu/bchu.json Fri Jun 29 13:47:20 2018 +0900 @@ -0,0 +1,1 @@ +[{"name":"絽","star":3,"comment":""}] \ No newline at end of file diff -r 636c2fd59013 -r 416020682701 shuzai/ice/babychuchu/onari.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/shuzai/ice/babychuchu/onari.css Fri Jun 29 13:47:20 2018 +0900 @@ -0,0 +1,20 @@ +div.section{ +width:70%; +background-color: #c6c6ff; +border: 1px red solid; +font-size: 80%; +} + +div.section div.textArea{ +height: 200px; +overflow: auto; +} + +div.section div.textArea p{ +margin: 1em 10px; +} + +div.com{ +border: 3px solid navy; +border-radius: 3em 3em; +} \ No newline at end of file diff -r 636c2fd59013 -r 416020682701 shuzai/ice/babychuchu/phos.js --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/shuzai/ice/babychuchu/phos.js Fri Jun 29 13:47:20 2018 +0900 @@ -0,0 +1,82 @@ +/*function read(){ + var field = document.getElementById('textArea'); +} +function write(){//ajax +}*/ + +function mkfield(note){ + var a = 0; + var b = note.length; + var c = document.createElement('div'); + +// console.log(a < b); + + while (a < b){ + +// console.log(c); + + var box = document.createElement('div'); + var nas = document.createElement('p'); + var coms = document.createElement('p'); + + var name = note[a]["name"]; + var star = note[a]["star"].toString(); + var comment = note[a]["comment"]; + + var nas2 = document.createTextNode(name + " | " + star + " stars"); + var coms2 = document.createTextNode(comment); + + box.setAttribute('class','com'); + + nas.appendChild(nas2); + coms.appendChild(coms2); + box.appendChild(nas); + box.appendChild(coms); + + c.appendChild(box); + + a++; + } +// console.log(c); + c.setAttribute('id','nk'); + return c; +} + +function asyncSend(){ + var req = new XMLHttpRequest(); + req.onreadystatechange = function() { + var result = document.getElementById('result'); +// var shop = document.getElementById('shop').value; + if (req.readyState == 4){//篆≦篋 + if (req.status == 200){//篆≧ + var note = JSON.parse(req.responseText); + var field = document.getElementById('textArea'); + + field.replaceChild(mkfield(note),document.getElementById('nk')); + +// field.innerHTML = mkfield(note); +// mkfield(note); + console.log(mkfield(note).childNodes); + + result.innerHTML = "";//req.responseText; +// console.log(note[0]["name"]); + } + }else{ +// console.log(req.responseText); +// result.innerHTML = JSON.parse(req.responseText); + result.innerHTML = "篆＞賢"; + } + } + req.open('POST', 'ajax.rb', true); + req.setRequestHeader('content-type', + 'application/x-www-form-urlencoded;charset=UTF-8'); + req.send('shop='+ encodeURIComponent(document.fm.shop.value) + '&'+ + 'name=' + encodeURIComponent(document.fm.name.value) + '&' + + 'star=' + encodeURIComponent(document.fm.star.value) + '&' + + 'comment=' + encodeURIComponent(document.fm.comments.value) + ); +} + + + +//https://qiita.com/katsunory/items/9bf9ee49ee5c08bf2b3d diff -r 636c2fd59013 -r 416020682701 shuzai/ice/babychuchu/pra.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/shuzai/ice/babychuchu/pra.css Fri Jun 29 13:47:20 2018 +0900 @@ -0,0 +1,69 @@ +body { + background: #EEF9FF; +} + +div.menu{ + background: #B4DAED; + padding-left: 5px; + +} +div.menu ul{ + width: 810px; + height: 50px; + margin:0 auto; + border-right:#ffffff 2px solid; + overflow:hidden; +} +div.menu li{ + width: 160px; + height: 50px; + float: left; + border-left:#ffffff 2px solid; + list-style-type: none; + text-align: center; + padding-top: 12px; +} + +div.top{ + margin-left: 100px; +} + +h2 { + padding: .5em .75em; + background-color: #B4DAED; + border-left: 8px solid #FC9D9D; +} + +div.list { + background: #fff; + border: 5px double #FC9D9D; + margin: 20px 50px; padding: 10px 5px; +} + +div.kwsk { + background: #fff; + border: 5px double #FC9D9D; + margin: 20px 50px; padding: 10px 20px; +} + +p.mimg { + float: left; + margin-right: 2px; + margin-bottom: 1px; +} + +a.tlink{ + text-align: right; + color: black; +} + + + +.footer { + padding-top: 5px; + padding-bottom: 10px; + padding-left: 5px; + margin-left: 2px; + margin-top: 10px; + background: #B4DAED; +} \ No newline at end of file diff -r 636c2fd59013 -r 416020682701 shuzai/ice/babychuchu/skip-kamo-small.png Binary file shuzai/ice/babychuchu/skip-kamo-small.png has changed diff -r 636c2fd59013 -r 416020682701 shuzai/ice/bchu.json diff -r 636c2fd59013 -r 416020682701 shuzai/ice/ice.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/shuzai/ice/ice.html Fri Jun 29 13:47:20 2018 +0900 @@ -0,0 +1,63 @@ + + + + + +激 + + + + + +
+

+≪潟 +Ajax違激括換篁

+
+ + +

荐篋筝荀

+
+ +
+ + + +

Baby chu chu

+
+

+

+

膣剛若

+

+

蚊御祉

 +
+ +

&吾с若 ≪≪

+
+

+

+ +

膣剛若

+

+

蚊御祉

 +
+ + + + + + +
+ Copyright © 怨腱紊у絖泣若 SKIP. All Rights Reserved. +
+ + + + diff -r 636c2fd59013 -r 416020682701 shuzai/ice/moare.json --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/shuzai/ice/moare.json Fri Jun 29 13:47:20 2018 +0900 @@ -0,0 +1,1 @@ +[{"name":"絽","star":"3","comment":"壕\n鴻"},{"name":"絽","star":"5","comment":"綺医我"},{"name":"ji","star":"4","comment":"kokok"},{"name":"jode","star":4,"comment":"momomo"},{"name":"hoge","star":3,"comment":"yummy"}] \ No newline at end of file diff -r 636c2fd59013 -r 416020682701 shuzai/ice/moare/ajax.rb --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/shuzai/ice/moare/ajax.rb Fri Jun 29 13:47:20 2018 +0900 @@ -0,0 +1,52 @@ +#!/usr/bin/env ruby +# -*- coding: utf-8 -*- + +require 'cgi' +require 'json' + +#moare = "moare.js" +#bchu = "bchu.js" + +c = CGI.new +s = c['shop'] +name = c['name'] +star = c['star'] +comment = c['comment'] +sjs = '' +inputs = {} + +if s == "moare" + sjs = 'moare.json' +elsif s == "bchu" + sjs = 'bchu.json' +end + +if star.to_i == 0 + star = 3 +elsif star.to_i > 5 + star = 5 +elsif star.to_i < 1 + star = 1 +end + +#p sjs +data = File.open(sjs) do |io| + JSON.load(io) +end +inputs["name"] = name +inputs["star"] = star +inputs["comment"] = comment + +if name != "" && star != "" && comment != "" +data.unshift(inputs) +end + +poi = File.open(sjs, "w") do |file| + str = JSON.dump(data, file) +end +#sleep(3) + +print "Content-type: text/plain; charset=UTF-8\n\n" + +#puts "#{s},#{name},#{star},#{comment}" +puts JSON.pretty_generate(data) diff -r 636c2fd59013 -r 416020682701 shuzai/ice/moare/moare.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/shuzai/ice/moare/moare.html Fri Jun 29 13:47:20 2018 +0900 @@ -0,0 +1,101 @@ + + + + + +≪≪ + + + + + + + +
+

+≪潟 +&吾с若 ≪≪

+
+ + +

綺膣剛

+
+

+違吾с若絮с
+с吾с若篁絖ｇ若鴻帥箴障
+吾с若激潟違吾鴻障
+若若綺篏с医蕋蕋篏帥ｃ篏障
+罸6腮蕁祉帥若若冴蕋純ャ障
+21障у倶キ羇祉篁篋絽違絲сс +

+ + + + + + + + + + + + + +
+ +
+ + + + +

綺

+
+

&吾с若 ≪≪

+ + + + + + + + + + + + + + +
篏絮怨就医 筝1筝7-18
肢援0234-22-5280
倶キ10:00~21:00
絎篌
+ + + +
+ + +
+
+
+
+
+
+

your name:

+

stars:/5

+

comments:
+

+ + +
+ +
+ +
+ Copyright © 怨腱紊у絖泣若 SKIP. All Rights Reserved. +
+ + + + diff -r 636c2fd59013 -r 416020682701 shuzai/ice/moare/moare.json --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/shuzai/ice/moare/moare.json Fri Jun 29 13:47:20 2018 +0900 @@ -0,0 +1,1 @@ +[{"name":"nyar","star":"3","comment":"umashi"},{"name":"絽","star":"3","comment":"壕\n鴻"},{"name":"絽","star":"5","comment":"綺医我"},{"name":"ji","star":"4","comment":"kokok"},{"name":"jode","star":4,"comment":"momomo"},{"name":"hoge","star":3,"comment":"yummy"}] \ No newline at end of file diff -r 636c2fd59013 -r 416020682701 shuzai/ice/moare/moare1.jpg Binary file shuzai/ice/moare/moare1.jpg has changed diff -r 636c2fd59013 -r 416020682701 shuzai/ice/moare/moare1_2.jpg Binary file shuzai/ice/moare/moare1_2.jpg has changed diff -r 636c2fd59013 -r 416020682701 shuzai/ice/moare/moare3.jpg Binary file shuzai/ice/moare/moare3.jpg has changed diff -r 636c2fd59013 -r 416020682701 shuzai/ice/moare/moare3_2.jpg Binary file shuzai/ice/moare/moare3_2.jpg has changed diff -r 636c2fd59013 -r 416020682701 shuzai/ice/moare/moare4.jpg Binary file shuzai/ice/moare/moare4.jpg has changed diff -r 636c2fd59013 -r 416020682701 shuzai/ice/moare/moare4_2.jpg Binary file shuzai/ice/moare/moare4_2.jpg has changed diff -r 636c2fd59013 -r 416020682701 shuzai/ice/moare/onari.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/shuzai/ice/moare/onari.css Fri Jun 29 13:47:20 2018 +0900 @@ -0,0 +1,20 @@ +div.section{ +width:70%; +background-color: #c6c6ff; +border: 1px red solid; +font-size: 80%; +} + +div.section div.textArea{ +height: 200px; +overflow: auto; +} + +div.section div.textArea p{ +margin: 1em 10px; +} + +div.com{ +border: 3px solid navy; +border-radius: 3em 3em; +} \ No newline at end of file diff -r 636c2fd59013 -r 416020682701 shuzai/ice/moare/phos.js --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/shuzai/ice/moare/phos.js Fri Jun 29 13:47:20 2018 +0900 @@ -0,0 +1,82 @@ +/*function read(){ + var field = document.getElementById('textArea'); +} +function write(){//ajax +}*/ + +function mkfield(note){ + var a = 0; + var b = note.length; + var c = document.createElement('div'); + +// console.log(a < b); + + while (a < b){ + +// console.log(c); + + var box = document.createElement('div'); + var nas = document.createElement('p'); + var coms = document.createElement('p'); + + var name = note[a]["name"]; + var star = note[a]["star"].toString(); + var comment = note[a]["comment"]; + + var nas2 = document.createTextNode(name + " | " + star + " stars"); + var coms2 = document.createTextNode(comment); + + box.setAttribute('class','com'); + + nas.appendChild(nas2); + coms.appendChild(coms2); + box.appendChild(nas); + box.appendChild(coms); + + c.appendChild(box); + + a++; + } +// console.log(c); + c.setAttribute('id','nk'); + return c; +} + +function asyncSend(){ + var req = new XMLHttpRequest(); + req.onreadystatechange = function() { + var result = document.getElementById('result'); +// var shop = document.getElementById('shop').value; + if (req.readyState == 4){//篆≦篋 + if (req.status == 200){//篆≧ + var note = JSON.parse(req.responseText); + var field = document.getElementById('textArea'); + + field.replaceChild(mkfield(note),document.getElementById('nk')); + +// field.innerHTML = mkfield(note); +// mkfield(note); + console.log(mkfield(note).childNodes); + + result.innerHTML = "";//req.responseText; +// console.log(note[0]["name"]); + } + }else{ +// console.log(req.responseText); +// result.innerHTML = JSON.parse(req.responseText); + result.innerHTML = "篆＞賢"; + } + } + req.open('POST', 'ajax.rb', true); + req.setRequestHeader('content-type', + 'application/x-www-form-urlencoded;charset=UTF-8'); + req.send('shop='+ encodeURIComponent(document.fm.shop.value) + '&'+ + 'name=' + encodeURIComponent(document.fm.name.value) + '&' + + 'star=' + encodeURIComponent(document.fm.star.value) + '&' + + 'comment=' + encodeURIComponent(document.fm.comments.value) + ); +} + + + +//https://qiita.com/katsunory/items/9bf9ee49ee5c08bf2b3d diff -r 636c2fd59013 -r 416020682701 shuzai/ice/moare/pra.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/shuzai/ice/moare/pra.css Fri Jun 29 13:47:20 2018 +0900 @@ -0,0 +1,69 @@ +body { + background: #EEF9FF; +} + +div.menu{ + background: #B4DAED; + padding-left: 5px; + +} +div.menu ul{ + width: 810px; + height: 50px; + margin:0 auto; + border-right:#ffffff 2px solid; + overflow:hidden; +} +div.menu li{ + width: 160px; + height: 50px; + float: left; + border-left:#ffffff 2px solid; + list-style-type: none; + text-align: center; + padding-top: 12px; +} + +div.top{ + margin-left: 100px; +} + +h2 { + padding: .5em .75em; + background-color: #B4DAED; + border-left: 8px solid #FC9D9D; +} + +div.list { + background: #fff; + border: 5px double #FC9D9D; + margin: 20px 50px; padding: 10px 5px; +} + +div.kwsk { + background: #fff; + border: 5px double #FC9D9D; + margin: 20px 50px; padding: 10px 20px; +} + +p.mimg { + float: left; + margin-right: 2px; + margin-bottom: 1px; +} + +a.tlink{ + text-align: right; + color: black; +} + + + +.footer { + padding-top: 5px; + padding-bottom: 10px; + padding-left: 5px; + margin-left: 2px; + margin-top: 10px; + background: #B4DAED; +} \ No newline at end of file diff -r 636c2fd59013 -r 416020682701 shuzai/ice/moare/skip-kamo-small.png Binary file shuzai/ice/moare/skip-kamo-small.png has changed diff -r 636c2fd59013 -r 416020682701 shuzai/ice/moare1.jpg Binary file shuzai/ice/moare1.jpg has changed diff -r 636c2fd59013 -r 416020682701 shuzai/ice/moare1_2.jpg Binary file shuzai/ice/moare1_2.jpg has changed diff -r 636c2fd59013 -r 416020682701 shuzai/ice/onari.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/shuzai/ice/onari.css Fri Jun 29 13:47:20 2018 +0900 @@ -0,0 +1,20 @@ +div.section{ +width:70%; +background-color: #c6c6ff; +border: 1px red solid; +font-size: 80%; +} + +div.section div.textArea{ +height: 200px; +overflow: auto; +} + +div.section div.textArea p{ +margin: 1em 10px; +} + +div.com{ +border: 3px solid navy; +border-radius: 3em 3em; +} \ No newline at end of file diff -r 636c2fd59013 -r 416020682701 shuzai/ice/phos.js --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/shuzai/ice/phos.js Fri Jun 29 13:47:20 2018 +0900 @@ -0,0 +1,82 @@ +/*function read(){ + var field = document.getElementById('textArea'); +} +function write(){//ajax +}*/ + +function mkfield(note){ + var a = 0; + var b = note.length; + var c = document.createElement('div'); + +// console.log(a < b); + + while (a < b){ + +// console.log(c); + + var box = document.createElement('div'); + var nas = document.createElement('p'); + var coms = document.createElement('p'); + + var name = note[a]["name"]; + var star = note[a]["star"].toString(); + var comment = note[a]["comment"]; + + var nas2 = document.createTextNode(name + " | " + star + " stars"); + var coms2 = document.createTextNode(comment); + + box.setAttribute('class','com'); + + nas.appendChild(nas2); + coms.appendChild(coms2); + box.appendChild(nas); + box.appendChild(coms); + + c.appendChild(box); + + a++; + } +// console.log(c); + c.setAttribute('id','nk'); + return c; +} + +function asyncSend(){ + var req = new XMLHttpRequest(); + req.onreadystatechange = function() { + var result = document.getElementById('result'); +// var shop = document.getElementById('shop').value; + if (req.readyState == 4){//篆≦篋 + if (req.status == 200){//篆≧ + var note = JSON.parse(req.responseText); + var field = document.getElementById('textArea'); + + field.replaceChild(mkfield(note),document.getElementById('nk')); + +// field.innerHTML = mkfield(note); +// mkfield(note); + console.log(mkfield(note).childNodes); + + result.innerHTML = "";//req.responseText; +// console.log(note[0]["name"]); + } + }else{ +// console.log(req.responseText); +// result.innerHTML = JSON.parse(req.responseText); + result.innerHTML = "篆＞賢"; + } + } + req.open('POST', 'ajax.rb', true); + req.setRequestHeader('content-type', + 'application/x-www-form-urlencoded;charset=UTF-8'); + req.send('shop='+ encodeURIComponent(document.fm.shop.value) + '&'+ + 'name=' + encodeURIComponent(document.fm.name.value) + '&' + + 'star=' + encodeURIComponent(document.fm.star.value) + '&' + + 'comment=' + encodeURIComponent(document.fm.comments.value) + ); +} + + + +//https://qiita.com/katsunory/items/9bf9ee49ee5c08bf2b3d diff -r 636c2fd59013 -r 416020682701 shuzai/ice/pra.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/shuzai/ice/pra.css Fri Jun 29 13:47:20 2018 +0900 @@ -0,0 +1,69 @@ +body { + background: #EEF9FF; +} + +div.menu{ + background: #B4DAED; + padding-left: 5px; + +} +div.menu ul{ + width: 810px; + height: 50px; + margin:0 auto; + border-right:#ffffff 2px solid; + overflow:hidden; +} +div.menu li{ + width: 160px; + height: 50px; + float: left; + border-left:#ffffff 2px solid; + list-style-type: none; + text-align: center; + padding-top: 12px; +} + +div.top{ + margin-left: 100px; +} + +h2 { + padding: .5em .75em; + background-color: #B4DAED; + border-left: 8px solid #FC9D9D; +} + +div.list { + background: #fff; + border: 5px double #FC9D9D; + margin: 20px 50px; padding: 10px 5px; +} + +div.kwsk { + background: #fff; + border: 5px double #FC9D9D; + margin: 20px 50px; padding: 10px 20px; +} + +p.mimg { + float: left; + margin-right: 2px; + margin-bottom: 1px; +} + +a.tlink{ + text-align: right; + color: black; +} + + + +.footer { + padding-top: 5px; + padding-bottom: 10px; + padding-left: 5px; + margin-left: 2px; + margin-top: 10px; + background: #B4DAED; +} \ No newline at end of file diff -r 636c2fd59013 -r 416020682701 shuzai/ice/skip-kamo-small.png Binary file shuzai/ice/skip-kamo-small.png has changed