0

簡潔かつ明確にしようと思います。

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" => "ウェブサイトを選択してください。",
                        "id" => $shortname."_style2",
                        "std" => "",
                        "タイプ" => "画像",
                        "オプション" => 配列(
                                '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 . '紫.png',
                                'orange2.css' => $url_bgcolor . 'オレンジ.png',
                                'red2.css' => $url_bgcolor . 「赤.png」
                ));
4

1 に答える 1

0

ページにhide/show要素を追加するには、javascript などのクライアント側スクリプトを使用する必要があります。showingとhiding配列を切り替える単純な JavaScript 関数を次に示します。

あなたの<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>

11/30編集

これが私がそれを行う方法です-

Javascript
の 438 行目に、javascript を追加するadmin-interface.php前に<?php }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前に注記:上記のJavaScript を既に追加している場合は、603 行目ではなく 621 行目である可能性があります//$output .= '<div class="section ...anchors<div>
function()

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";}

#958-960admin-interface.phpの前に、#957 の の #957 行に、終了タグを追加します。注: JavaScriptと上記のandを既に追加している場合は、#957 ではなく #979 行になる可能性があります。}$output .= '</div>';return array($output,$menu);</div>
function()anchors<div>

if ($value['type'] == "images" && ($counter == 1 || $counter == 4))
{$output .= '</div>'."\n";}
于 2012-11-29T06:04:21.410 に答える