Помогите сделать меню без java

S

46

Skam

22 июля 2006, 05:35

2236

Коллеги, очень прошу помочь с подбором грамотного кода для меню сайта. Эскиз здесь - http://spiridonov.ru/frage.png

Каждый зеленый пункт меню должен “расщелкиваться” без перезагрузки

страницы и соответственно “защелкиваться” при нажатии на крестик.

Вот как это сделать без java? Так, чтобы все текстовые ссылки, что внутри меню, нормально индексировались?..

Премного благодарен заранее.

130

lexwrlk

22 июля 2006, 05:56

#1

ИМХО без скриптов этого не сделать, но можно сделать это меню доступным к индексации поисковиками если конечно они индексируют ссылки типа:

СДЛ СДЛу рознь (с) Форест Гамп

228

nickspring

22 июля 2006, 05:59

#2

Skam, во-первых не java, a javascript - это совершенно разные языки.

lexwrlk, имхо, сделать и еще как, без всяких скриптов можно, используя лишь один CSS.

Навскидку:

HTML (любое меню рекомендуют делать при помощи списков):

<ul class="menu">

Пункт

  <li>Подпункт 1</li>

  <li>Подпункт 2</li>

  <li>Подпункт 3</li>

  <li>Подпункт 4</li>

</ul>

CSS:

.menu li {display:none}

.menu:hover li {display:block}

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие

S

46

Skam

22 июля 2006, 06:01

#3

nickspring:
Skam, во-первых не java, a javascript - это совершенно разные языки.
lexwrlk, имхо, сделать и еще как, без всяких скриптов можно, используя лишь один CSS.

Подскажите пожалуйста как.

228

nickspring

22 июля 2006, 06:04

#4

Дописал в предыдущем посту. Это примерно, т.к. могут быть еще кое-какие мелочи.

120

СКОРПИОН

22 июля 2006, 06:06

#5

Skam! nickspring предложил хороший вариант.

Но если Вам нужно, чтобы открывалось именно по клику, то без JavaScript-а здесь не обойтись, но чтобы всё нормально индексировалось я сделал бы примерно так:


<script type="text/javascript">

function hideshow(__div)

{

  if(document.getElementById(__div).style.display == 'block')

    document.getElementById(__div).style.display = 'none';

  else

    document.getElementById(__div).style.display = 'block';

}

</script>





<div>

<img src="" onclick="hideshow('msk');" /> Moscow

  <div id="msk" style="display: none;">

    <a href="">Moskau das Herz</a><br />

    <a href="">Russlands</a>

  </div>

</div>

А дальше вешаете на каждую картинку эту функцию с указанием иидентификатора того слоя, который должен показываться.

Это самый простой путь.

• Контекстные ссылки с внутренних страниц навсегда (/ru/forum/370882) • Качественные сайты для заработка на контекстной рекламе и ссылках

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие

130

lexwrlk

22 июля 2006, 06:06

#6

nickspring, Ага, можно и так - вот только как вы по клику обратно их скрывать будете?

228

nickspring

22 июля 2006, 06:15

#7

Вот рабочий вариант при наведении:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">

<head>

<style type="text/css">

<!--

	.menu {float:left; margin:0 20px; padding:0; background:#f0f0c0; width:100px; cursor:pointer}

	.menu li {display:none; background:#f0f0f0}

	.menu:hover li {display:block}

-->

</style>

</head>

<body>



<ul class="menu">

Пункт 1

  <li>Подпункт 1</li>

  <li>Подпункт 2</li>

  <li>Подпункт 3</li>

  <li>Подпункт 4</li>

</ul>





<ul class="menu">

Пункт 2

  <li>Подпункт 1</li>

  <li>Подпункт 2</li>

  <li>Подпункт 3</li>

  <li>Подпункт 4</li>

</ul>





<ul class="menu">

Пункт 3

  <li>Подпункт 1</li>

  <li>Подпункт 2</li>

  <li>Подпункт 3</li>

  <li>Подпункт 4</li>

</ul>



</body>

</html>

По клику, хм... сорри, невнимательно прочел.

228

nickspring

22 июля 2006, 06:17

#8

Ребят не поверите, без JS можно и по клику. Век живи - век учись. Сейчас раб. вариант сделаю.

130

lexwrlk

22 июля 2006, 06:17

#9

Skam, СКОРПИОН вам дело говорит тем более если у Вас каждое подменю такое обширное - оно должно иметь возможность сворачиваться обратно иначе рискуете получить меню на два экрана прокрутки.

130

lexwrlk

22 июля 2006, 06:23

#10

nickspring, при всем моем уважении, но рабочий вариант при наведении не работает в моем Эксплорере ( В файрфоксе все ок).

Если решите задачу на CSS - вечный мой респект Вам.

Как удалить плохие SEO-ссылки и очистить ссылочную массу сайта

Дзен реализовал для авторов возможность вывода денег через СПБ