編集履歴

回答編集履歴

修正

2016/10/26 00:19

投稿

スコア114883

test CHANGED Viewed

@@ -290,12 +290,24 @@
 <body>
+<!-- //手書きをプログラムに
 <a href="#" onclick="return show_block(1);">表示切替1</a>
 <a href="#" onclick="return show_block(2);">表示切替2</a>
 <a href="#" onclick="return show_block(3);">表示切替3</a>
+//-->
+<?php for($i=1;$i<=count($xml->shop);$i++){
+print "<a href=\"#\" onclick=\"return show_block({$i});\">表示切替{$i}</a>";
+}>
 <?php foreach($xml->shop as $rest){
 $count++;

api版

2016/10/26 00:19

投稿

スコア114883

test CHANGED Viewed

@@ -221,3 +221,131 @@
 </html>
 ```
+# なんかよくわからないapiを組み込んだもの
+```PHP
+<?php
+$key='My Key';
+$count='10';
+$large_area='Z011';
+$start =1;
+$format='xml';
+$url='http://webservice.recruit.co.jp/hotpepper/gourmet/v1/?key='.$key.'&count='.$count.'&large_area='.$large_area.'&start='.$start.'&format='.$format;
+$xml=simplexml_load_file($url);
+$total_count=$xml->results_available;
+?>
+<?php
+if(!$xml->shop){
+  echo 'We can not find!!';
+} else {
+ $count=0;
+?>
+<!DOCTYPE html>
+<html>
+<head>
+<script>
+function show_block(num){
+   if(document.getElementById("hoge"+num).style.display != "none"){
+      document.getElementById("hoge"+num).style.display = "none";
+   }else{
+      document.getElementById("hoge"+num).style.display = "block";
+   }
+   return false;
+}
+</script>
+</head>
+<body>
+<a href="#" onclick="return show_block(1);">表示切替1</a>
+<a href="#" onclick="return show_block(2);">表示切替2</a>
+<a href="#" onclick="return show_block(3);">表示切替3</a>
+<?php foreach($xml->shop as $rest){
+$count++;
+?>
+<table border="1" class="a" id="hoge<?PHP print $count;?>">
+<tr>
+<td>
+<?php echo $rest->name; ?>
+</td>
+</tr>
+<tr>
+<td>
+<?php echo $rest->lng; ?>
+<?php echo $rest->lat; ?>
+</td>
+</tr>
+<tr>
+<td>
+<?php echo $rest->address; ?>
+</td>
+</tr>
+</table>
+<?php }?>
+</body>
+</html>
+<?php }?>
+```

調整

2016/10/25 14:14

投稿

スコア114883

test CHANGED Viewed

@@ -156,7 +156,7 @@
 function show_block(num){
-  var t=document.getElementsByTagName("table");
+  var t=document.getElementById("hoge").getElementsByTagName("table");
   if(t[num].style.display!="none"){
@@ -168,8 +168,6 @@
   }
-  return false;
 }
 </script>
@@ -184,6 +182,8 @@
 <a href="#" onclick="return show_block(2);">表示切替3</a>
+<div id="hoge">
 <table border>
 <tr>
@@ -214,6 +214,8 @@
 </table>
+</div>
 </body>
 </html>

typo

2016/10/25 13:12

投稿

スコア114883

test CHANGED Viewed

@@ -168,6 +168,8 @@
   }
+  return false;
 }
 </script>

追記

2016/10/25 13:09

投稿

スコア114883

test CHANGED Viewed

@@ -141,3 +141,79 @@
 </html>
 ```
+# idをつかわずに順番だけで判断
+```HTML
+<html>
+<head>
+<script>
+function show_block(num){
+  var t=document.getElementsByTagName("table");
+  if(t[num].style.display!="none"){
+    t[num].style.display="none";
+  }else{
+    t[num].style.display="";
+  }
+}
+</script>
+</head>
+<body>
+<a href="#" onclick="return show_block(0);">表示切替1</a>
+<a href="#" onclick="return show_block(1);">表示切替2</a>
+<a href="#" onclick="return show_block(2);">表示切替3</a>
+<table border>
+<tr>
+<td>name1</td>
+</tr>
+</table>
+<table border>
+<tr>
+<td>name2</td>
+</tr>
+</table>
+<table border>
+<tr>
+<td>name3</td>
+</tr>
+</table>
+</body>
+</html>
+```

追記

2016/10/25 13:08

投稿

スコア114883

test CHANGED Viewed

@@ -51,3 +51,93 @@
 </html>
 ```
+# 複数件数
+複数件数バージョンを追記します
+```HTML
+<html>
+<head>
+<script>
+function show_block(num){
+   if(document.getElementById("hoge"+num).style.display != "none"){
+      document.getElementById("hoge"+num).style.display = "none";
+   }else{
+      document.getElementById("hoge"+num).style.display = "block";
+   }
+   return false;
+}
+</script>
+</head>
+<body>
+<a href="#" onclick="return show_block(1);">表示切替1</a>
+<a href="#" onclick="return show_block(2);">表示切替2</a>
+<a href="#" onclick="return show_block(3);">表示切替3</a>
+<div id="hoge1" style="display:none;">
+<table border>
+<tr>
+<td>name1</td>
+</tr>
+</table>
+</div>
+<div id="hoge2" style="display:none;">
+<table border>
+<tr>
+<td>name2</td>
+</tr>
+</table>
+</div>
+<div id="hoge3" style="display:none;">
+<table border>
+<tr>
+<td>name3</td>
+</tr>
+</table>
+</div>
+</body>
+</html>
+```

修正

2016/10/25 12:56

投稿

スコア114883

test CHANGED Viewed

@@ -1,4 +1,12 @@
+とりあえず、HTMLも含めて
+```HTML
+<html>
+<head>
-```javascript
+<script>
 function show_block(){
@@ -12,8 +20,34 @@
    }
+   return false;
 }
+</script>
+</head>
+<body>
+<a href="#" onclick="return show_block();">表示切替</a>
+<div id="hoge" style="display:none;">
+<table border>
+<tr>
+<td><?php echo $r->food->name; ?></td>
+</tr>
+</table>
+</div>
+</body>
+</html>
 ```