2012-11-29 57 views
0

我會盡量簡短明瞭。PHP中隱藏的數組(下拉式)

我不太瞭解PHP。我有一個數組,只是看起來太長:

http://i.stack.imgur.com/u4y11.jpg(不能發表圖片呢,所以請點擊)

正如你所看到的,有7個選項,它看起來醜陋,長。

我想將它們分爲可隱藏的部分。像:

3首選項[點擊這裏到下拉選項] 4最新的選項[點擊這裏到下拉選項]

相反

選項1 選項2 選項3 選項4 期權5 選項6 選項7

你知道嗎?

如果有人可以給我在這個問題上一盞燈,我會深深感謝:

它基本上是7拷貝和粘貼這樣的:您的網頁上

 

    $url_bgcolor = get_bloginfo('stylesheet_directory') . '/admin/images/bgcolor/'; 
    $options[] = array("name" => "Cor da letra do titulo da pagina", 
         "desc" => "Selecione a cor secundária do seu website.", 
         "id" => $shortname."_style2", 
         "std" => "", 
         "type" => "images", 
         "options" => array(
           'default2.css' => $url_bgcolor . 'dark.png', 
           'black2.css' => $url_bgcolor . 'black.png', 
           'green2.css' => $url_bgcolor . 'green.png', 
           'blue2.css' => $url_bgcolor . 'blue.png', 
           'purple2.css' => $url_bgcolor . 'purple.png', 
           'orange2.css' => $url_bgcolor . 'orange.png', 
           'red2.css' => $url_bgcolor . 'red.png' 
       )); 

回答

0

爲了hide/show元素,你需要使用像JavaScript這樣的客戶端腳本。這裏有一個簡單的javascript函數,可以在你的陣列的showinghiding之間切換。

在你的<head> HTML代碼添加下面的腳本/函數 -

<script type="text/javascript"> 
function toggleView(aid, id, text) { 
    var divView = document.getElementById(id); 
    var anchor = document.getElementByID(aid); 

    if (divView.style.display != "block") { 
     divView.style.display = "block"; 
     anchor.innerHTML = "click here to hide " + text + " options"; 
    } else { 
     divView.style.display = "none"; 
     anchor.innerHTML = "click here to show " + text + " options"; 
    } 
} 
</script> 

然後在你的<body>您可以創建一個<a>錨,然後<div>

你的錨標記和DIV會看像這樣:

<a id="toggle3" onclick="toggleView('toggle3', 'options3', 'first 3')">click here to show first 3 options</a> 
<div id="options3" style="display: none"> 
Option 1 
Option 2 
Option 3 
</div> 

<a id="toggle4" onclick="toggleView('toggle4', 'options4', 'last 4')">click here to show last 4 options</a> 
<div id="options4" style="display: none"> 
Option 4 
Option 5 
Option 6 
Option 7 
</div> 

EDITED 11/30

這裏是我會怎麼做 -

的Javascript
線#438 admin-interface.php<?php }添加的JavaScript function()

<?php 
    //Hide/Show Image Groups 
    ?> 
<script type="text/javascript"> 
function toggleView(aid, id, text) { 
    var divView = document.getElementById(id); 
    var anchor = document.getElementByID(aid); 

if (divView.style.display != "block") { 
    divView.style.display = "block"; 
    anchor.innerHTML = "click here to hide " + text + " options"; 
} else { 
    divView.style.display = "none"; 
    anchor.innerHTML = "click here to show " + text + " options"; 
} 
} 
</script> 

Anchor/DIV
線#603 admin-interface.php,前//$output .= '<div class="section ...添加anchors<div>
注:如果您已經添加的JavaScript function()以上,這可能是線#621,而不是603#

if ($value['type'] == "images" && $counter == 1) 
{$output .= '<a id="toggle3" onclick="toggleView(\'toggle3\', \'options3\', \'first 3\')">click here to show first 3 options</a>'."\n" . '<div id="options3" style="display: none">'."\n";} 
if ($value['type'] == "images" && $counter == 4) 
{$output .= '<a id="toggle4" onclick="toggleView(\'toggle4\', \'options4\', \'last 4\')">click here to show last 4 options</a>'."\n" . '<div id="options4" style="display: none">'."\n";} 

線#957的admin-interface.php}$output .= '</div>';return array($output,$menu);上#958-960之前,添加</div>關閉標籤
注:如果您已經添加的JavaScript function()和上述210和<div>的,它可能是線#979,而不是957#

if ($value['type'] == "images" && ($counter == 1 || $counter == 4)) 
{$output .= '</div>'."\n";} 
+0

感謝您的回答 我編輯一個WordPress主題,因此它在PHP。 的文件我想我已經管理,通過增加它的header.php 但身體的一部分,它更復雜,因爲它是一個PHP文件中,一個PHP函數...我應該使用echo「<一個ID [等]'? –

+0

所以,這不是workign ... 當我添加回聲「」,它出現在標記上方,因爲我認爲$選項是某種功能,被稱爲別的地方,內容是數組,你懂? 這裏是完整的文件: http://www.mediafire.com/?qxfeiay872e2i3a –