Mercurial > hgrepos > hgweb.cgi > skipweb
changeset 3695:416020682701
link
author | KANNO Yuito <c116053@e.koeki-u.ac.jp> |
---|---|
date | Fri, 29 Jun 2018 13:47:20 +0900 |
parents | 636c2fd59013 (current diff) 0f0d8e58f4f5 (diff) |
children | |
files | HowtoEdit.txt |
diffstat | 38 files changed, 968 insertions(+), 44 deletions(-) [+] |
line wrap: on
line diff
--- /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 +を参照。
--- 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 -を参照。
--- /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
--- /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)
--- /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)
--- /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 @@ +<!DOCTYPE html> +<html lang="ja"> + +<head> +<meta charset="UTF-8"> +<title>BabyChuChu</title> +<style type="text/css"> +<!-- + +--> +</style> +<link rel="stylesheet" type="text/css" href="pra.css"> +<link rel="stylesheet" type="text/css" href="onari.css"> +<script type="text/javascript" src="phos.js"></script> +</head> +<body onload="asyncSend()"> + +<div class="top"> +<h1> +<img class="kamo" src="skip-kamo-small.png" alt="≪潟"> +Baby Chu Chu</h1> +</div> +<!-- top end--> + +<h2 id="baby">綺膣剛</h2> + +<div class="kwsk"> +<p> +2017綛3違若潟吾с若絮с<br> +綺сBaby Chu Chu医蚊潟莨若篁с<br> +篏睡蕋c絖絎綽蕋鴻我篏帥c障<br> +潟宴若若絖宴障 +</p> + +<p><a href="baby1.jpg"><img class="mimg" src="baby1_2.jpg"></a></p> + +<p><a href="baby1.jpg"><img class="mimg" src="baby1_2.jpg"></a></p> +</div> + +<!-- kwsk end--> + +<h2>綺</h2> + +<div class="kwsk"> + +<h3>Baby chu chu</h3> + +<table border="0"> + <tr> + <td>篏</td><td>絮怨就医篋10-12</td> + </tr> + <tr> + <td>倶キ</td><td>11:00~17:00(罨∞腟篋)</td> + </tr> + <tr> + <td>絎篌</td><td>筝絎篌</td> + </td> +</table> + +<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3104.4231221009377!2d139.83774311535075!3d38.91430537956813!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x5f8e9e5c9bce4273%3A0x9d1373d7158abe5f!2sBaby+Chu+Chu!5e0!3m2!1sja!2sjp!4v1516266609005" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe> + +</div> + +<!-- kwsk end--> +<div class="section"> +<div class="textArea" id="textArea"> +<div id="nk"></div> +</div> +</div> +<form name="fm"> +<p>your name:<input type="text" name="name" size="15"></p> +<p>stars:<input type="number" name="star" max="5" min="1" required>/5</p> +<p>comments:<br> +<textarea name="comments" cols="40" rows="5" maxlength="200" required></textarea></p> +<input type="button" id="btnsend" name="submit" value="submit" onclick="asyncSend()"> +<input type="hidden" name="shop" id="shop" value="bchu"> +</form> + +<div id="result"></div> + +<div class="footer"> + Copyright © 怨腱紊у絖泣若 SKIP. All Rights Reserved. +</div> +<!-- footer end--> + +</body> +</html>
--- /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
--- /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
--- /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
--- /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
--- /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 @@ +<!DOCTYPE html> +<html lang="ja"> + +<head> +<meta charset="UTF-8"> +<title>激</title> +<style type="text/css"> +<!-- + +--> +</style> +<link rel="stylesheet" type="text/css" href="pra.css"> +</head> +<body> + +<div class="top"> +<h1> +<img class="kamo" src="skip-kamo-small.png" alt="≪潟"> +Ajax違激括換篁</h1> +</div> +<!-- top end--> + +<h2>荐篋筝荀</h2> +<div class="list"> +<ul> + <li><a href="#baby">Baby chu chu</a> + <li><a href="#moare">≪≪</a> +</ul> +</div> + + + +<h2 id="baby">Baby chu chu</h2> +<div class="kwsk"> +<p><a href="baby1.jpg"><img class="mimg" src="baby1_2.jpg"></a></p> +<p> +<a href="http://roy.e.koeki-u.ac.jp/~c115121/skip/babychuchu/babychuchu.html"><h3>膣剛若</h3></a> +</p> +<a href="#TOP" class="tlink"><h4>蚊御祉</h4></a> +</div> + +<h2 id="moare">&吾с若 ≪≪</h2> +<div class="kwsk"> +<p><a href="moare1.jpg"><img class="mimg" src="moare1_2.jpg"></a></p> +<p> +<a href="http://roy.e.koeki-u.ac.jp/~c115121/skip/moare/moare.html"> +<h3>膣剛若</h3></a> +</p> +<a href="#TOP" class="tlink"><h4>蚊御祉</h4></a> +</div> + +<!-- kwsk end--> + + + + +<div class="footer"> + Copyright © 怨腱紊у絖泣若 SKIP. All Rights Reserved. +</div> +<!-- footer end--> + +</body> +</html>
--- /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
--- /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)
--- /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 @@ +<!DOCTYPE html> +<html lang="ja"> + +<head> +<meta charset="UTF-8"> +<title>≪≪</title> +<style type="text/css"> +<!-- + +--> +</style> +<link rel="stylesheet" type="text/css" href="pra.css"> +<link rel="stylesheet" type="text/css" href="onari.css"> +<script type="text/javascript" src="phos.js"></script> +</head> +<body onload="asyncSend()"> + +<div class="top"> +<h1> +<img class="kamo" src="skip-kamo-small.png" alt="≪潟"> +&吾с若 ≪≪</h1> +</div> +<!-- top end--> + +<h2 id="moare">綺膣剛</h2> +<div class="kwsk"> +<p> +違吾с若絮с<br> +с吾с若篁絖g若鴻帥箴障<br> +吾с若激潟違吾鴻障<br> +若若綺篏с医蕋蕋篏帥c篏障<br> +罸6腮蕁祉帥若若冴蕋純ャ障<br> +21障у倶キ羇祉篁篋絽違絲сс +</p> + +<table border="0"> + <tr> +<td><a href="moare1.jpg"><img class="mimg" src="moare1_2.jpg"></a></td> + +<td> </td> + +<td><a href="moare3.jpg"><img class="mimg" src="moare3_2.jpg"></a></td> + +<td> </td> + +<td><a href="moare4.jpg"><img class="mimg" src="moare4_2.jpg"></a></td> + </tr> +</table> + +</div> + +<!-- kwsk end--> + + +<h2>綺</h2> +<div class="kwsk"> +<h3>&吾с若 ≪≪</h3> + +<table border="0"> + <tr> + <td>篏</td><td>絮怨就医 筝1筝7-18</td> + </tr> + <tr> + <td>肢援</td><td>0234-22-5280</td> + </tr> + <tr> + <td>倶キ</td><td>10:00~21:00</td> + </tr> + <tr> + <td>絎篌</td><td></td> + </tr> +</table> + +<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3104.3271891814493!2d139.83532121535083!3d38.916498479567686!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x5f8e9e5d74ee910b%3A0xb144cb3582e6fae5!2z44Kr44OV44KnJuOCuOOCp-ODqeODvOODiOODouOCouODrA!5e0!3m2!1sja!2sjp!4v1513929158680" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe> + +</div> + +<!-- kwsk end--> +<div class="section"> +<div class="textArea" id="textArea"> +<div id="nk"></div> +</div> +</div> +<form name="fm"> +<p>your name:<input type="text" name="name" size="15"></p> +<p>stars:<input type="number" name="star" max="5" min="1" required>/5</p> +<p>comments:<br> +<textarea name="comments" cols="40" rows="5" maxlength="200" required></textarea></p> +<input type="button" id="btnsend" name="submit" value="submit" onclick="asyncSend()"> +<input type="hidden" name="shop" id="shop" value="moare"> +</form> + +<div id="result"></div> + +<div class="footer"> + Copyright © 怨腱紊у絖泣若 SKIP. All Rights Reserved. +</div> +<!-- footer end--> + +</body> +</html>
--- /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
--- /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
--- /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
--- /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
--- /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
--- /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
--- /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