編集履歴

質問編集履歴

行番号を無くしました．よろしくお願いします．

2017/11/07 16:05

投稿

FumineAnli

スコア6

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -48,211 +48,215 @@
-  1 <!doctype html>
-  4 <title>
-  5 join us!
-  6 </title>
-  7 <link rel="stylesheet"  href="m1.css">
-  8 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
-  9 </script>
- 10 <script type="text/javascript" src="m1.js">
- 11 </script>
- 12 </head>
- 13
- 14 <body onload="init()">
- 15 <h1>ジョイナス！</h1>
- 16 <h2>イベント参加者募集・希望サイト</h2>
- 17 <p>
- 18
- 19 <div id="here"></div>
- 20
- 21 <form id="myform" action="m1.html">
- 22
- 23 ID _____  <input type="text" name="id" value=""/>
- 24 <p>
- 25 password  <input type="password" value=""/>
- 26 <p>
- 27
- 28 <h3>参加申し込み可能なイベント </h3>
- 29 <p>
- 30
- 31 <!--
- 32 <input type="checkbox" name="ck" value="江津湖の清掃活動">江津湖の清掃活動……</input>
- 33 <font color="red">あと3名</font>
- 34 <p>
- 35 <input type="checkbox" name="ck" value="熊本城の観光案内">熊本城の観光案内……</input>
- 36 <font color="red">あと5名</font>
- 37 <p>
- 38 <input type="checkbox" name="ck" value="坪井川の灯篭流し">坪井川の灯篭流し……</input>
- 39 <font color="red">あと2名</font>
- 40 <p>
- 41 -->
- 42
- 43 <select id ="ck" size="3">
- 44 <option value="熊本県熊本市東区中央区江津3丁目7">江津湖の清掃活動</option>
- 45 <option value="熊本県熊本市中央区本丸1-1">熊本城の観光案内</option>
- 46 <option value="熊本県熊本市北区打越町44">坪井川の灯篭流し</option>
- 47 </select>
- 48
- 49 <p>
- 50 <div id="mymap" style="width:600px;height:400px;"></div>
- 51 <p>
- 52
- 53 <p>
- 55 <p>
- 56
- 57 <h3>参加できる日程</h3>
- 58 <p>
- 59   To  <input type="date" name="to" value="2017-10-27"/>
- 60 ～  From  <input type="date" name="from "value="2017-10-28"/>
- 61 <p>
- 62
- 63 <h3>当日の集合場所</h3>
- 64 <p>
- 65 <input type="radio" name="rd" value="現地">現地</input>
- 66 <input type="radio" name="rd" value="学校">学校</input>
- 67 <p>
- 68
- 69 <h3>学年</h3>
- 70 <p>
- 71 <select name="n1" size="5">
- 72     <option name="list" value="1年生">1</option>
- 73     <option name="list" value="2年生">2</option>
- 74     <option name="list" value="3年生">3</option>
- 75     <option name="list" value="4年生">4</option>
- 76     <option name="list" value="5年生">5</option>
- 77     <option name="list" value="専攻科1年生">AE1</option>
- 78     <option name="list" value="専攻科2年生">AE2</option>
- 79 </select>
- 80 <p>
- 81
- 82 <h3>Tシャツのサイズ</h3>
- 83 <p>
- 84 <select name="n2">
- 85     <option name="drop" value="XSサイズ">XS</option>
- 86     <option name="drop" value="Sサイズ">S</option>
- 87     <option name="drop" value="Mサイズ">M</option>
- 88     <option name="drop" value="Lサイズ">L</option>
- 89     <option name="drop" value="XLサイズ">XL</option>
- 90 </select>
- 91 <p>
- 92
- 93 <h3>備考欄</h3>
- 94 <p>
- 95 <textarea name="memo" cols="10" rows="10"></textarea>
- 96 <p>
- 97
- 98 <input type="submit" class="sm" onclick="set()" value="確定"/>
- 99 <input type="reset" class="re" value="クリア"/>
-100
-101
-102 </form>
-103
-104 </body>
-105 </html>
-106
+<!doctype html>
+<html lang="ja">
+<head>
+<title>
+join us!
+</title>
+<link rel="stylesheet"  href="m1.css">
+<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
+</script>
+<script type="text/javascript" src="m1.js">
+</script>
+</head>
+<body onload="init()">
+<h1>ジョイナス！</h1>
+<h2>イベント参加者募集・希望サイト</h2>
+<p>
+<div id="here"></div>
+<form id="myform" action="m1.html">
+ID _____  <input type="text" name="id" value=""/>
+<p>
+password  <input type="password" value=""/>
+<p>
+<h3>参加申し込み可能なイベント </h3>
+<p>
+<!--
+<input type="checkbox" name="ck" value="江津湖の清掃活動">江津湖の清掃活動……</input>
+<font color="red">あと3名</font>
+<p>
+<input type="checkbox" name="ck" value="熊本城の観光案内">熊本城の観光案内……</input>
+<font color="red">あと5名</font>
+<p>
+<input type="checkbox" name="ck" value="坪井川の灯篭流し">坪井川の灯篭流し……</input>
+<font color="red">あと2名</font>
+<p>
+-->
+<select id ="ck" size="3">
+<option value="熊本県熊本市東区中央区江津3丁目7">江津湖の清掃活動</option>
+<option value="熊本県熊本市中央区本丸1-1">熊本城の観光案内</option>
+<option value="熊本県熊本市北区打越町44">坪井川の灯篭流し</option>
+</select>
+<p>
+<div id="mymap" style="width:600px;height:400px;"></div>
+<p>
+<p>
+<button class="plc" name="place" type="button" onclick="search()" value="PLACE">場所をみる</button>
+<p>
+<h3>参加できる日程</h3>
+<p>
+  To  <input type="date" name="to" value="2017-10-27"/>
+～  From  <input type="date" name="from "value="2017-10-28"/>
+<p>
+<h3>当日の集合場所</h3>
+<p>
+<input type="radio" name="rd" value="現地">現地</input>
+<input type="radio" name="rd" value="学校">学校</input>
+<p>
+<h3>学年</h3>
+<p>
+<select name="n1" size="5">
+    <option name="list" value="1年生">1</option>
+    <option name="list" value="2年生">2</option>
+    <option name="list" value="3年生">3</option>
+    <option name="list" value="4年生">4</option>
+    <option name="list" value="5年生">5</option>
+    <option name="list" value="専攻科1年生">AE1</option>
+    <option name="list" value="専攻科2年生">AE2</option>
+</select>
+<p>
+<h3>Tシャツのサイズ</h3>
+<p>
+<select name="n2">
+    <option name="drop" value="XSサイズ">XS</option>
+    <option name="drop" value="Sサイズ">S</option>
+    <option name="drop" value="Mサイズ">M</option>
+    <option name="drop" value="Lサイズ">L</option>
+    <option name="drop" value="XLサイズ">XL</option>
+</select>
+<p>
+<h3>備考欄</h3>
+<p>
+<textarea name="memo" cols="10" rows="10"></textarea>
+<p>
+<input type="submit" class="sm" onclick="set()" value="確定"/>
+<input type="reset" class="re" value="クリア"/>
+</form>
+</body>
+</html>
@@ -262,143 +266,143 @@
 ```css
- 1 h1{
-  2         font-size:40px;
-  3         font-weight: bold;
-  4         padding:10px 30px;
-  5         background-color: lightgreen;
-  6         color:#123456;
-  7         border-style:none;
-  8 }
-  9
- 10 h2{
- 11         color:#123456;
- 12 }
- 13
- 14 h3{
- 15         font-size: 1.2em;
- 16         font-weight: bold;
- 17         padding: 10px 30px;
- 18         background-color: lightgreen;
- 19         color:#fff;
- 20         border-style:none;
- 21 }
- 22
- 23   #myform {
- 24         // float:left;
- 25          margin:0px 0px 10px 30px;
- 26    }
- 27
- 28   #but{
- 29          //float:left;
- 30          margin:0px 10px 0px 100px;
- 31   }
- 32
- 33 input.sm {
- 34         font-size: 1.2em;
- 35         font-weight: bold;
- 36         padding: 10px 30px;
- 37         background-color: crimson;
- 38         color:#fff;
- 39         border-style:none;
- 40 }
- 41
- 42 input.sm:hover{
- 43         background-color:maroon;
- 44         color:lightgray;
- 45 }
- 46
- 47
- 48 input.re {
- 49         font-size: 1.2em;
- 50         font-weight: bold;
- 51         padding: 10px 30px;
- 52         background-color: cornflowerblue;
- 53         color:#fff;
- 54         border-style:none;
- 55 }
- 56
- 57 input.re:hover{
- 58         background-color:steelblue;
- 59         color:lightgray;
- 60 }
- 61
- 62 button.plc {
- 63         font-size: 1.2em;
- 64         font-weight: bold;
- 65         padding: 10px 30px;
- 66         background-color: orange;
- 67         color:#fff;
- 68         border-style:none;
- 69 }
+h1{
+        font-size:40px;
+        font-weight: bold;
+        padding:10px 30px;
+        background-color: lightgreen;
+        color:#123456;
+        border-style:none;
+}
+h2{
+        color:#123456;
+}
+h3{
+        font-size: 1.2em;
+        font-weight: bold;
+        padding: 10px 30px;
+        background-color: lightgreen;
+        color:#fff;
+        border-style:none;
+}
+  #myform {
+        // float:left;
+         margin:0px 0px 10px 30px;
+   }
+  #but{
+         //float:left;
+         margin:0px 10px 0px 100px;
+  }
+input.sm {
+        font-size: 1.2em;
+        font-weight: bold;
+        padding: 10px 30px;
+        background-color: crimson;
+        color:#fff;
+        border-style:none;
+}
+input.sm:hover{
+        background-color:maroon;
+        color:lightgray;
+}
+input.re {
+        font-size: 1.2em;
+        font-weight: bold;
+        padding: 10px 30px;
+        background-color: cornflowerblue;
+        color:#fff;
+        border-style:none;
+}
+input.re:hover{
+        background-color:steelblue;
+        color:lightgray;
+}
+button.plc {
+        font-size: 1.2em;
+        font-weight: bold;
+        padding: 10px 30px;
+        background-color: orange;
+        color:#fff;
+        border-style:none;
+}
 ```
@@ -406,199 +410,103 @@
 ```js
-  1
-  2 function set()
-  3 {
-  4
-  5         var msg = myform.id.value;
-  6             msg = "ID:" + msg + "\n" + "password:*****\n";
-  7             msg += "参加するイベントは";
-  8
-  9             for(var i=0; i<myform.ck.length;i++){
- 10                 if(myform.ck[i].checked == true){
- 11                     msg += myform.ck[i].value + "  ";
- 12                 }
- 13             }
- 14
- 15             msg += "\n";
- 17             msg += "当日の集合場所は";
- 18
- 19             for(var j=0; j<myform.rd.length;j++){
- 20                 if(myform.rd[j].checked == true){
- 21                     msg += myform.rd[j].value + ".  ";
- 22                 }
- 23             }
- 24
- 25             msg += "\n";
- 26             msg += "学年は" + myform.n1.value + "\n";
- 27             msg += "Tシャツのサイズは" + myform.n2.value + "\n";
- 28             msg += "備考欄は" + myform.memo.value + "\n";
- 29
- 30             msg += "\n上記の内容を送信します.\n"
- 31
- 32         window.alert(msg);
- 33     //  informTime();
- 34 }
- 35
- 36 /*function informTime()
- 37 {
- 38   var t = new Date();
- 39
- 40   var d = t.toLocaleDateString();
- 41   var time = t.toLocaleTimeString();
- 42   var str = "現在 " + d + ", " + time + ". 参加申し込みを完了しました．";
- 43
- 44   var info = document.getElementById("here");
- 45   info.innerHTML = str;
- 46
- 47 }*/
- 48
- 49 function init()
- 50 {
- 51         var p = new google.maps.LatLng(32.806222, 130.705791);
- 52
- 53         var opt ={
- 54                 zoom:15,
- 55                 center:p,
- 56                 mapTypeId:google.maps.MapTypeId.ROADMAP
- 57         };
- 58         var mm = document.getElementById("mymap");
- 59         var map = new google.maps.Map(mm,opt);
- 60 }
- 61
- 62 function search()
- 63 {
- 64         //var str = ["江津湖","熊本城","坪井川"];
- 65         var geo= new google.maps.Geocoder();
- 66         var value=myform.ck.value;
- 67        // var value="名古屋市";
- 68         /*
- 69         if(val == "江津湖"){
- 70               value = str[0];
- 71         }
- 72         else if(val == "熊本城"){
- 73               value = str[1];
- 74         }
- 75         else if(val == "坪井川"){
- 76               value = str[2];
- 77         }
- 78        */
- 79         //var value = "江津湖";
- 80
- 81         var ad={address:value};
- 82          geo.geocode(ad,getResult);
- 83 }
- 84
- 85 function getResult(res,status)
- 86 {
- 87   if (status == google.maps.GeocoderStatus.OK){
- 88      var p =res[0].geometry.location;
- 89          map.setCenter(p);
- 90         var mp={
- 91                  map:map,
- 92                  position:p
- 93              }
- 94         var mk=new google.maps.Marker(mp);
- 95        }else{
- 96            window.alert("NG");
- 97        }
- 98 }
+function init()
+{
+        var p = new google.maps.LatLng(32.806222, 130.705791);
+        var opt ={
+                zoom:15,
+                center:p,
+                mapTypeId:google.maps.MapTypeId.ROADMAP
+        };
+        var mm = document.getElementById("mymap");
+        var map = new google.maps.Map(mm,opt);
+}
+function search()
+{
+        //var str = ["江津湖","熊本城","坪井川"];
+        var geo= new google.maps.Geocoder();
+        var value=myform.ck.value;
+       // var value="名古屋市";
+        /*
+        if(val == "江津湖"){
+              value = str[0];
+        }
+        else if(val == "熊本城"){
+              value = str[1];
+        }
+        else if(val == "坪井川"){
+              value = str[2];
+        }
+       */
+        //var value = "江津湖";
+        var ad={address:value};
+         geo.geocode(ad,getResult);
+}
+function getResult(res,status)
+{
+  if (status == google.maps.GeocoderStatus.OK){
+     var p =res[0].geometry.location;
+         map.setCenter(p);
+        var mp={
+                 map:map,
+                 position:p
+             }
+        var mk=new google.maps.Marker(mp);
+       }else{
+           window.alert("NG");
+       }
 ```