diff --git a/shuzai/ice/.htaccess b/shuzai/ice/.htaccess new file mode 100644 index 0000000..d2f361b --- /dev/null +++ b/shuzai/ice/.htaccess @@ -0,0 +1,3 @@ +AddHandler cgi-script .rb +Options +ExecCGI +AddType "text/html; charset=utf-8" .html diff --git a/shuzai/ice/ajax.rb b/shuzai/ice/ajax.rb new file mode 100755 index 0000000..7e74e3f --- /dev/null +++ b/shuzai/ice/ajax.rb @@ -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 --git a/shuzai/ice/babychuchu/ajax.rb b/shuzai/ice/babychuchu/ajax.rb new file mode 100755 index 0000000..7e74e3f --- /dev/null +++ b/shuzai/ice/babychuchu/ajax.rb @@ -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 --git a/shuzai/ice/babychuchu/babychuchu.html b/shuzai/ice/babychuchu/babychuchu.html index b67a79b..2684ef7 100644 --- a/shuzai/ice/babychuchu/babychuchu.html +++ b/shuzai/ice/babychuchu/babychuchu.html @@ -10,8 +10,10 @@ --> + + - +

@@ -60,6 +62,21 @@

+
+
+
+
+
+
+

your name:

+

stars:/5

+

comments:
+

+ + +
+ +
Copyright © 東北公益文科大学学内サークル SKIP. All Rights Reserved. diff --git a/shuzai/ice/babychuchu/bchu.json b/shuzai/ice/babychuchu/bchu.json new file mode 100755 index 0000000..c2c3641 --- /dev/null +++ b/shuzai/ice/babychuchu/bchu.json @@ -0,0 +1 @@ +[{"name":"帆","star":3,"comment":"おいしい"}] \ No newline at end of file diff --git a/shuzai/ice/babychuchu/onari.css b/shuzai/ice/babychuchu/onari.css new file mode 100644 index 0000000..e78b8e1 --- /dev/null +++ b/shuzai/ice/babychuchu/onari.css @@ -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 --git a/shuzai/ice/babychuchu/phos.js b/shuzai/ice/babychuchu/phos.js new file mode 100644 index 0000000..c3d3cdc --- /dev/null +++ b/shuzai/ice/babychuchu/phos.js @@ -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 --git a/shuzai/ice/bchu.json b/shuzai/ice/bchu.json new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/shuzai/ice/bchu.json diff --git a/shuzai/ice/moare.json b/shuzai/ice/moare.json new file mode 100644 index 0000000..1666d30 --- /dev/null +++ b/shuzai/ice/moare.json @@ -0,0 +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 --git a/shuzai/ice/moare/ajax.rb b/shuzai/ice/moare/ajax.rb new file mode 100755 index 0000000..7e74e3f --- /dev/null +++ b/shuzai/ice/moare/ajax.rb @@ -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 --git a/shuzai/ice/moare/moare.html b/shuzai/ice/moare/moare.html index 5de047c..2de117f 100644 --- a/shuzai/ice/moare/moare.html +++ b/shuzai/ice/moare/moare.html @@ -10,8 +10,10 @@ --> + + - +

@@ -74,6 +76,21 @@

+
+
+
+
+
+
+

your name:

+

stars:/5

+

comments:
+

+ + +
+ +
Copyright © 東北公益文科大学学内サークル SKIP. All Rights Reserved. diff --git a/shuzai/ice/moare/moare.json b/shuzai/ice/moare/moare.json new file mode 100755 index 0000000..447f1f8 --- /dev/null +++ b/shuzai/ice/moare/moare.json @@ -0,0 +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 --git a/shuzai/ice/moare/onari.css b/shuzai/ice/moare/onari.css new file mode 100644 index 0000000..e78b8e1 --- /dev/null +++ b/shuzai/ice/moare/onari.css @@ -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 --git a/shuzai/ice/moare/phos.js b/shuzai/ice/moare/phos.js new file mode 100644 index 0000000..c3d3cdc --- /dev/null +++ b/shuzai/ice/moare/phos.js @@ -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 --git a/shuzai/ice/onari.css b/shuzai/ice/onari.css new file mode 100644 index 0000000..e78b8e1 --- /dev/null +++ b/shuzai/ice/onari.css @@ -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 --git a/shuzai/ice/phos.js b/shuzai/ice/phos.js new file mode 100644 index 0000000..c3d3cdc --- /dev/null +++ b/shuzai/ice/phos.js @@ -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