クリック時の処理(onClick)を使ってJavascriptで表示・非表示の切り替えを実装したいのですが、元のサイト(http://nandani.sakura.ne.jp/web_all/javascript/36/)の通りに作れません。
表示すると、表示切り替えをクリックしても反応しません。
※<?php echo $r->food->name; ?>はホットペーパーapiのコードです。これを10件表示したいです。idが原因かな?と思っています。
php
1<?php 2$key='My Key'; 3$count='10'; 4$large_area='Z011'; 5$start =1; 6$format='xml'; 7$url='http://webservice.recruit.co.jp/hotpepper/gourmet/v1/?key='.$key.'&count='.$count.'&large_area='.$large_area.'&start='.$start.'&format='.$format; 8$xml=simplexml_load_file($url); 9$total_count=$xml->results_available; 10?> 11<?php 12if(!$xml->shop){ 13 echo 'We can not find!!'; 14 } else { 15?> 16 17 <!DOCTYPE html> 18 <html> 19 20 21<body> 22<?php foreach($xml->shop as $rest){ 23?> 24<table border="1" class="a"> 25 <tr> 26 <td> 27 <?php echo $rest->name; ?> 28 </td> 29 </tr> 30 <tr> 31 <td> 32 <?php echo $rest->lng; ?> 33 <?php echo $rest->lat; ?> 34 </td> 35 </tr> 36 <tr> 37 <td> 38 <?php echo $rest->address; ?> 39 </td> 40 </tr> 41 </tr> </table> 42 43 44 <?php 45 46 47 } } ?> 48 </body> 49</html>
html
1スペースダイニング ひだまり Space Dining HIDAMARI 2139.3358618369 35.6584013912 3東京都八王子市中町7-10 紅洋ビル5F 4山内農場 八重洲中央口駅前店 5139.7697812651 35.6798366251 6東京都中央区八重洲2-1-4 東京駅前八重洲ビル 2F 7お魚に恋をして 8139.7550123200 35.6571293417 9東京都港区浜松町1-27-13 八大浜松町ビル8・9F 10バリバリ鶏 新宿西口本店 11139.6980686670 35.6887492603 12東京都新宿区西新宿1-18-13 近江ビル2・3階(おうみビル) 13かまどか 北千住店 14139.8039682895 35.7505895731 15東京都足立区千住3-77 きたテラス3F 16はなの舞 池袋西口公園前店 17139.7087272305 35.7296088308 18東京都豊島区西池袋1-10-8 1F 19相席屋 大井町店 20139.7354692873 35.6078385326 21東京都品川区東大井5丁目2-13 大井町大井ビル4F 22RUBY JACK'S steak house&bar 23139.7394163600 35.6656060263 24東京都港区六本木1-4-5 アークヒルズ サウスタワー 2F 25眞巴石 シンバセイ 上野店 26139.7728156405 35.7096819570 27東京都台東区上野2-12-23 上野ユーワン3F 28円舞 ENBU 新宿東口店 29139.7027737491 35.6905825128 30東京都新宿区新宿3-34-11 ピースビル3F 31
html
1<script> 2function show_block(){ 3 if(document.getElementById("hoge").style.display == ""){ 4 document.getElementById("hoge").style.display = "none"; 5 }else{ 6 document.getElementById("hoge").style.display = ""; 7 } 8} 9</script> 10 11<html> 12<table> 13<tr><td><a href="javascript:void(0)" onclick="show_block();">表示切替</a></td></tr> 14 <tr><td><div id="hoge" style="display:none;"><?php echo $r->food->name; ?></div></td> 15</tr> 16</table> 17</html> 18
html
1<html> 2<tr><td><a href="javascript:void(0)" onclick="show_block();">表示切替</a></td></tr> 3<table> 4<div id="hoge" style="display:none;"> 5 <tr><td><?php echo $r->food->name; ?></td> 6</tr> 7</div> 8</table> 9</html>
回答1件
あなたの回答
tips
プレビュー