2013-07-02 38 views
0

我有一些HTML默認顯示第一卡的foreach

<ul class='ipsList_inline newClass' id='community_app_menu'> 
<foreach loop="$pages as $page"> 
<li class='map_{$page['map_id']}'><a>{$page['map_title']}</a></li> 
</foreach> 
</ul> 

這讓我頭 卡#1卡2號卡#3

我想添加到每個結果(的foreach)默認顯示一張卡的iframe(總是第一個),其他iframe(默認隱藏)通過點擊卡顯示。

我不知道從哪裏開始以及使用什麼,php java?我會很感激的例子,解決方案等

+2

什麼語言使用您的代碼示例中的''標籤? –

+1

添加了標籤,這實際上給了未知讀者的線索... –

+0

哦,謝謝。任何人 ? –

回答

1

雖然我不會給你一個解決方案,通過使用IPB的專有語法,我會用PHP代碼來說明實現原則。您可以在PhpFiddle上看到工作示例。

jQuery還用於處理iframe的可見性。

<html> 
<head> 
    <title>PHP Script Execution</title> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" 
    type="text/javascript"></script> 
    <script type="text/javascript"> 
     function show(id) { 
      $('iframe[id^="frame_"]').hide(); 
      $("#frame_" + id).show(); 
    } 
    </script> 
</head> 

<body> 
    <?php 
    $pages=array(
     array('map_title'=>'PHP','map_id'=>1), 
     array('map_title'=>'HTML','map_id'=>2) 
    ); 
    ?> 
    <ul class='ipsList_inline newClass' id='community_app_menu'> 
     <?php 
     foreach ($pages as $page) { 
     ?> 
     <li style="display:inline;"> 
      <a id="link_<?php echo($page['map_id']);?>" onclick= 
      "show(<?php echo($page['map_id']);?>);"><?php echo $page['map_title']?></a> 
     </li><?php 
     } 
     ?> 
    </ul><?php 
    foreach ($pages as $page) { 
    ?><iframe height="500px" id="frame_<?php echo($page['map_id']);?>" 
    name="frame_<?php echo($page['map_id']);?>" src= 
    "http://www.wolframalpha.com/input/?i=<?php echo($page['map_title']);?>" 
    width="100%" 
    <?php 
     if ($page['map_id'] != 1) { echo "style='display:none'"; } 
    ?> 
    ></iframe> <?php 
    } 
    ?> 
</body> 
</html>