[英]How can I add specific css id to parent menu with php or javascript
We are developing a menu which is taking datas from mysql. 我们正在开发一个从mysql获取数据的菜单。
DB Structure; 数据库结构;
id | name | link | parent_id
-----------------------------------------
1 | Home | p.php | 0
2 | Portfolio | p.php | 0
3 | Projects | p.php | 0
4 | Contact | p.php | 0
5 | Web Design| p.php | 2
6 | Grap. Desg| p.php | 2
.
.
.
14 | Quote | p.php | 6
.
-----------------------------------------
PHP and PDO; PHP和PDO;
<?php
$baseUri = $_SERVER['PHP_SELF'];
$menuHtml='';
function createMenu($parentId){
global $baseUri;
global $menuHtml;
global $db;
$query = $db->prepare('SELECT * FROM menu_options WHERE `parent_id` = ?');
$query->bindParam(1, $parentId, PDO::PARAM_INT);
$query->execute();
$rowCount = $query->rowCount();
if ($rowCount == 0) return;
if ($parentId == 0)
$menuHtml.="<ul id=\"menu\">\r\n";
else
$menuHtml.='<ul>';
while($row = $query->fetch(PDO::FETCH_OBJ))
{
$menuHtml.='<li><a href="'.$row->url.'">'.$row->name.'</a>';
createMenu($row->id);
$menuHtml.='</li>';
}
$menuHtml.='</ul>';
return $menuHtml;
}
echo createMenu(0);
?>
And HTML Result; 和HTML结果;
<ul>
<li><a href="index.php">HOMEPAGE</a></li>
<li class=""><a href="articles.php">CORPORATE</a>
<ul style="visibility: hidden; display: none;">
<li><a href="article.php?i=1">About Us</a></li>
<li><a href="article.php?i=1">Mission Vision</a></li>
<li><a href="project2.php">Company Tag</a></li>
<li><a href="project2.php">Production</a></li>
</ul>
</li>
<li class=""><a href="projects.php">PRODUCTS</a>
<ul style="visibility: hidden; display: none;">
<li><a href="project4.php">Meltblown</a></li>
<li><a href="support.php">Spunbond</a></li>
<li><a href="quote.php">Sms & Smms</a></li>
<li><a href="">Composites</a></li>
</ul>
</li>
<li><a href="articles.php?i=1">QUALITY</a></li>
<li><a href="articles.php?i=1">NEWS</a></li>
<li><a href="gallery.php">GALLERY</a></li>
<li><a href="contact.php">CONTACT</a></li>
</ul>
We think some kind of if else statement with $baseUri = $_SERVER['PHP_SELF'];
我们认为
$baseUri = $_SERVER['PHP_SELF'];
的if if语句$baseUri = $_SERVER['PHP_SELF'];
but it doesnt solve our problem. 但这并不能解决我们的问题。 We want to add a css class with PHP for Eg.;
我们要为PHP添加一个CSS类。 If we are in index.php Menu must look like;
如果我们在index.php中,菜单必须看起来像;
<ul>
<li><a class="current" href="index.php">HOMEPAGE</a></li>
<li class=""><a href="articles.php">CORPORATE</a>
We have submenus, and those submenus has parent menu. 我们有子菜单,那些子菜单有父菜单。 We want to add specific CSS class to only
parent_id = 0
. 我们只想将特定的CSS类添加到
parent_id = 0
。 If a submenu's parent menu is bigger than 0 it should be look up parent menu's parent menu. 如果子菜单的父菜单大于0,则应查找父菜单的父菜单。 It's a little bit complicated and we are confused.
这有点复杂,我们很困惑。
You could add a p parameter in your URLs, representing the parentId 您可以在网址中添加一个p参数,代表parentId
<ul>
<li><a href="index.php?p=0">HOMEPAGE</a></li>
<li class=""><a href="articles.php?p=1">CORPORATE</a>
<ul style="visibility: hidden; display: none;">
<li><a href="article.php?i=1&p=1">About Us</a></li>
<li><a href="article.php?i=1&p=1">Mission Vision</a></li>
<li><a href="project2.php&p=1">Company Tag</a></li>
<li><a href="project2.php&p=1">Production</a></li>
</ul>
</li>
<li class=""><a href="projects.php?p=2">PRODUCTS</a>
<ul style="visibility: hidden; display: none;">
<li><a href="project4.php?p=2">Meltblown</a></li>
<li><a href="support.php?p=2">Spunbond</a></li>
<li><a href="quote.php?p=2">Sms & Smms</a></li>
<li><a href="">Composites</a></li>
</ul>
</li>
<li><a href="articles.php?i=1&p=3">QUALITY</a></li>
<li><a href="articles.php?i=1&p=4">NEWS</a></li>
<li><a href="gallery.php?p=5">GALLERY</a></li>
<li><a href="contact.php?p=6">CONTACT</a></li>
</ul>
And then in your PHP you write this : 然后在您的PHP中编写以下代码:
$page=-1;
if(isset($_GET['p'])){
$page = htmlspecialchars($_GET['p']);
}
and later in the code when you add your <li>
elements, you write that (note the add of theClassYouWantToAdd ) 然后在代码中,当您添加
<li>
元素时,您将其编写(请注意theClassYouWantToAdd的添加)
if($parentId == $page){
$menuHtml.='<li class="theClassYouWantToAdd"><a href="'.$row->url.'">'.$row->name.'</a>';
} else {
$menuHtml.='<li><a href="'.$row->url.'">'.$row->name.'</a>';
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.