javascript — подменю остаются активными, когда пользователь нажимает на него и открывает новую страницу
У меня проблема, когда посетитель нажимает на подменю и ссылка открывается на новой странице, поэтому я хочу, чтобы это подменю было активным на этой странице.
У меня есть класс CSS и Javascript для его открытия, что мне нужно, чтобы сделать его с php, чтобы быть активным.
Это UL с классом:
Это мой код Это может быть сделано с помощью php или javascript.
<ul>
<?php
$qKategori = ("SELECT * FROM kategori WHERE kprind = 0");
$rKategori = mysqli_query($dbc, $qKategori);
if ($rKategori) {
while ($exKat = mysqli_fetch_array($rKategori, MYSQLI_ASSOC)){
$emrikategorise = $exKat['kemri'];
$idkategori = $exKat['kid'];
$idprind = $exKat['kprind'];
?>
<li><a href="#"><?=$emrikategorise;?></a>
<ul>
<?php
$qPrind = ("SELECT * FROM kategori WHERE kprind = '".$idkategori."'");
$rPrind = mysqli_query($dbc,$qPrind);
while($prind = mysqli_fetch_array($rPrind)) {
?>
<li><a href="kategori.php?kid=<?=$prind['kid']?>"><?=$prind['kemri']?></a> </li>
<?php
}
mysqli_free_result($rPrind);
?>
</ul>
</li>
<?php }
mysqli_free_result($rKategori);
}
?>
</ul>
Вы можете увидеть меню слева на сайте www.sitimobil.mk
Решение
Вам, вероятно, потребуется построить массив перед выводом, чтобы определить, какие меню должны быть активными. Вы также можете объединить его с оптимизацией запроса, чтобы не выполнять 1 запрос на категорию.
Что-то вроде:
$active = isset($_GET['kid'] ? $_GET['kid'] : -1;
$tree = array();
$list = array();
$qKategori = ("SELECT * FROM kategori ORDER BY kprind");
$rKategori = mysqli_query($dbc, $qKategori);
if ($rKategori) {
while ($exKat = mysqli_fetch_array($rKategori, MYSQLI_ASSOC)){
$id = $exKat['kid'];
//To prevent numerical array with unused space
$name = 'kategori'.$exKat['kid'];
$list[$name] = $exKat;
//Calculate depth to see if the menu is a sub..sub..sub menu etc.
$parent = $list[$name]['kprind'];
if($parent == 0) {
$list[$name]['depth'] = 0;
$list[$name]['childCount'] = 0;
}
else {
$list['kategori'.$parent]['childCount']++;
$list[$name]['depth'] = $list['kategori'.$parent]['depth']+1; //Increment
}
if($id == $active) {
$list[$name]['active'] = true;
while($parent != 0) {
$parentName = 'kategori'.$parent;
$list[$parentName]['active'] = true;
$parent = $list[$parentName]['kprind'];
}
}
else
$list[$name]['active'] = false;
}
mysqli_free_result($rPrind);
//Once we have that we can output the results...
function output_menu($list, $parent = 0, $active = false)
$activeClass = $active ? ' class="active"' : '';
echo '<ul'.$activeClass.'>';
foreach($list as $row){
if($row['kprind'] != $parent) continue;
$link = $row['kprind'] == 0 ? '#' : 'kategori.php?kid='.$row['kid'];
echo '<li><a href="'.$link.'">'.$row['kemri'].'</a>';
if($row['childCount'] > 0)
output_menu($list, $row['kprind'], $row['active']);
echo '</li>';
}
echo '</ul>';
}
output_menu($list);
}
Это все еще немного грубо, но должно сработать. Вероятно, его можно оптимизировать так, чтобы нам не приходилось просматривать список слишком много раз, но было бы полезно не запрашивать слишком много обращений к базе данных. Это должно привести к снижению рабочей нагрузки на БД и ускорению вывода.
Другие решения
Других решений пока нет …