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" => "Selecione a cor secundária do seu 网站。",
                        "id" => $shortname."_style2",
                        “标准” => “”，
                        “类型”=>“图像”，
                        “选项” => 数组（
                                'default2.css' => $url_bgcolor 。'dark.png',
                                'black2.css' => $url_bgcolor 。'黑色.png',
                                'green2.css' => $url_bgcolor 。'绿色.png',
                                'blue2.css' => $url_bgcolor 。'蓝色.png',
                                'purple2.css' => $url_bgcolor 。'紫色.png',
                                'orange2.css' => $url_bgcolor 。'橙色.png',
                                'red2.css' => $url_bgcolor 。'红色.png'
                ));
4

1 回答 1

0

为了hide/show在您的页面上添加元素，您需要使用像 javascript 这样的客户端脚本。这是一个简单的 javascript 函数，用于在您的数组showing之间切换。hiding

在<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
On line #438 of 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 ...添加anchorsand之前注意：如果您已经添加了上面的 javascript <div>，它可能是第 #621 行而不是 #603
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";}

在第 #957 行admin-interface.php，}$output .= '</div>';return array($output,$menu);在 #958-960 之前，添加</div>结束标签
注意：如果您已经添加了 javascriptfunction()和上面的anchorsand <div>，它可能是第 #979 行而不是 #957

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