将我的html dash菜单转换为php

时间:2016-01-26 14:09:23

标签: javascript php html

所以这就是我以前所拥有的:

<li><a class="selected0" href="/dbp/dbma.html">Dashboard 0</a></li>
<!--        First dashboard selection            -->
                    <li><a class="select1" href="#" onclick="return false;">Dashboard a</a></li>
                    <div class="db1sub">
                        <ul>
                            <li><a id="s1a" href="/dbp/db1/db1-1.html">Db 1</a></li>
                            <li><a id="s1b" href="/dbp/db1/db1-2.html">Db 2</a></li>
                            <li><a id="s1c" href="/dbp/db1/db1-3.html">Db 3</a></li>
                        </ul>
                    </div>
<!--        Second dashboard selection            -->
                    <li><a class="select2" href="#" onclick="return false;">Dashboard b</a></li>
                    <div class="db2sub">
                        <ul>
                            <li><a id="s2a" href="/dbp/db2/db2-1.html">Db 4</a></li>
                            <li><a id="s2b" href="/dbp/db2/db2-2.html">Db 5</a></li>
                            <li><a id="s2c" href="/dbp/db2/db2-3.html">Db 6</a></li>
                        </ul>
                    </div>
<!--        Third dashboard selection            -->
                    <li><a class="select3" href="#" onclick="return false;">Dashboard c</a></li>
                    <div class="db3sub">
                        <ul>
                            <li><a id="s3a" href="/dbp/db3/db3-1.html">Db 7</a></li>
                            <li><a id="s3b" href="/dbp/db3/db3-1.html">Db 8</a></li>
                            <li><a id="s3c" href="/dbp/db3/db3-1.html">Db 9</a></li>
                        </ul>
                    </div>

基本上,我的页面上有4个选项。如果我点击仪表板a,将出现3个选项(仪表板1,2,3)。如果我再次点击它,它就会消失。仪表板b也是如此,如果我点击它,那么就会出现仪表板4,5,6,等等。

以下是我将其更改为php所做的工作:

<li><a class="select0" href="/dbp/dbma.html">Dashboard 0</a></li>

                        <?php
                            $a=1;
                            $x=1;
                            while ($a<4){
                                echo "<li><a class=select$a href=# onclick=return false;>Dashboard $a</a></li>";
                                echo "<div class=db$a sub>";
                                    echo "<ul>";
                                        $t=1;
                                        $s='a';

                                        while ($t<4){
                                            echo "<li><a id=s$a$s href=/dbpages/db$a/db$a-$t.html>Dashboard $x</a></li>";
                                            $t++;
                                            $s++;
                                            $x++;
                                        }
                                    $a++;
                                    echo "</ul>";
                                echo "</div>";

                            }

                        ?>

所有内容都会出现,但是每当我打开页面时,所有选项卡都已打开,当我点击主仪表板选项卡时,它们不会显示/消失。

以下是我认为问题所在:

echo "<div class=db$a sub>";

之前,在HTML版本中,我有一个名为db1sub,db2sub,db3sub的类。每当我尝试输入class = db $ asub时,它都将$ asub识别为变量,而不是$ a。因此,当我将其分开时,该类不再是db1sub,db2sub,db3sub。他们成为db1 sub,db2 sub,db3 sub。

有谁知道如何解决这个问题?谢谢。

1 个答案:

答案 0 :(得分:1)

您可以使用{}字符隔离变量,如下所示:

echo "<div class=db{$a}sub>";

您也可以使用:

echo "<div class=db",$a,"sub>";