Подскажите скрипт древовидного меню. (+)
Ищу реализацию меню-дерева, содержимое которого не генерится через JavaScript, а представлено в виде текста, непосредственно в HTML коде страницы.
А вот потом уже это содержимое с помощью все того же JS/CSS преобразуется в дерево. Нужен динамический функционал - раскрытие/закрытие узлов.
Где можно найти нечто подобное?
P.S. Цель - индексация содержимого меню поисковиками.
А вот потом уже это содержимое с помощью все того же JS/CSS преобразуется в дерево. Нужен динамический функционал - раскрытие/закрытие узлов.
Где можно найти нечто подобное?
P.S. Цель - индексация содержимого меню поисковиками.
Вот вариант:
Код:
function MenuBlockCode($title,$blockHtml)
{
global $menu_blocks_count;
$menu_blocks_count++;
$out .= '<a href="#" onclick="return show_hide_menu_div(' . $menu_blocks_count . ');"><img src="img/plus.gif" id="menu_img_' . $menu_blocks_count . '">' . $title . '</a>';
$out .= '<div style="display:none" id="menu_div_' . $menu_blocks_count . '">' . $blockHtml . '</div>';
return $res;
}
function GenerateMenuScript()
{
?>
<script language="javascript" type="text/javascript">
function show_hide_menu_div(num){
var disp=document.getElementById("menu_div_" + num).style.display;
if (disp=='none')
{
document.getElementById("menu_div_" + num).style.display='block';
document.getElementById("menu_img_" + num).src='img/plus.gif';
}
else
{
document.getElementById("menu_div_" + num).style.display='none';
document.getElementById("menu_img_" + num).src='img/minus.gif';
}
}
</script>
<?php
}
#Пример
GenerateMenuScript();
echo MenuBlockCode('Форум','<a href="forum/register.php">Регистрация</a><a href="forum/index.php">Вход</a>');
echo MenuBlockCode('Проги','<a href="drivers.php">Драйвера</a>');
{
global $menu_blocks_count;
$menu_blocks_count++;
$out .= '<a href="#" onclick="return show_hide_menu_div(' . $menu_blocks_count . ');"><img src="img/plus.gif" id="menu_img_' . $menu_blocks_count . '">' . $title . '</a>';
$out .= '<div style="display:none" id="menu_div_' . $menu_blocks_count . '">' . $blockHtml . '</div>';
return $res;
}
function GenerateMenuScript()
{
?>
<script language="javascript" type="text/javascript">
function show_hide_menu_div(num){
var disp=document.getElementById("menu_div_" + num).style.display;
if (disp=='none')
{
document.getElementById("menu_div_" + num).style.display='block';
document.getElementById("menu_img_" + num).src='img/plus.gif';
}
else
{
document.getElementById("menu_div_" + num).style.display='none';
document.getElementById("menu_img_" + num).src='img/minus.gif';
}
}
</script>
<?php
}
#Пример
GenerateMenuScript();
echo MenuBlockCode('Форум','<a href="forum/register.php">Регистрация</a><a href="forum/index.php">Вход</a>');
echo MenuBlockCode('Проги','<a href="drivers.php">Драйвера</a>');
смотри вложение
Вот, нашел я таки именно то, что хотел. http://www.dynamicdrive.com/dynamicindex1/navigate1.htm
Чтобы без яваскрипта меню выглядело бы в виде стандартного html кода, а с яваскриптом преобразовывалось бы в меню.
Правда в меню присутствует несколько глючков...
Чтобы без яваскрипта меню выглядело бы в виде стандартного html кода, а с яваскриптом преобразовывалось бы в меню.
Правда в меню присутствует несколько глючков...