PDA

Показать полную графическую версию : Проблема с меню на js


Bullet-Avalon
15-02-2009, 09:21
Добрый день, вот скачал прогу по созданию меню на javascript - Easy Button&Menu Maker.
Создал там по шаблону меню, все норм , в папку закинул файлы картинок кнопок, файл со стилями и js. Прога выдала код выставил его в основоной код на сайте все норм появилось меню с эффектами .
А вот когда проделываю туже самую операцию, но создаю еще одно меню, ну например чтобы было на сайте верт и горизон менюшки, и когда вставляю второе меню на сайт (указываю уже др папку где хранятся файлы от 2 менюшки, стили и js файл), беру код и так же его вставляю на сайт, то почемуто и у 1-го и у 2-го меню пропадают эффекты, ну типа чтобы при наведении мыши оно подсвечивалось и тп. (если 1 меню то все есть, если 2 менюшки, то все норм - тока нет эффектов).
Какие будут у вас соображения по этому поводу.

D_Master
15-02-2009, 09:35
Какие будут у вас соображения по этому поводу. »
Ну, для начала, неплохо бы продемонстрировать эти скрипты ;)

Igor_I
15-02-2009, 20:26
Если ты скопировал скрипты, то возможно получились одинаковые id, а этого быть не должно.

pasha4ur
21-02-2009, 15:13
Не буду создавать новую тему :) :

Всем привет.

Есть время свободное и захотел сайт сделать.
С версткой НТМЛ проблем нет(кроме блочной, которую я не знаю), но захотелось сделать менюшку с меняющимися кнопками.

Есть 2 варианта:
1. Сделать кнопки рисунками, но надо будет рисовать по 2 кнопки с текстом, а если потом добавлять, то еще и дорисовывать. + сайт будет много весить.
2. Менять фоновые изображения в каждой клетке меню при наведении.

Я в ДжаваСкриптах не шарю. Нашел в Интернет только, как фоновые цвета менять при наведении. Я её отредактировал, но что-то с картинками не получается. Подскажите, где подправить?

<script type="text/JavaScript">
<!--

function newColor(idCell1) {
eval('document.all.'+idCell1+'.style.background-image= "url(images/hov_gr_but.jpg)"');
eval('document.getElementById("' + idCell1 + '").style.background-image= "url(images/hov_gr_but.jpg)"');
}

function backColor(idCell1) {
eval('document.all.'+idCell1+'.style.background-image = "url(images/hov_bl_but.jpg)"');
eval('document.getElementById("' + idCell1 + '").style.background-image = "url(images/hov_bl_but.jpg)"');
}
//-->
</script>

<table width="163" cellpadding="10" cellspacing="0" align="center">
<tr height="44" onMouseOver="newColor('c1')" onMouseOut="backColor('c1')">
<td id="c1" background="./images/hov_gr_but.jpg">1</td>
</tr>
<tr height="44">
<td background="./images/hov_bl_but.jpg">2</td>
</tr>
<tr height="44">
<td background="./images/hov_bl_but.jpg">3</td>
</tr>
<tr height="44">
<td background="./images/hov_bl_but.jpg">4</td>
</tr>
<tr height="44">
<td background="./images/hov_bl_but.jpg">5</td>
</tr>
</table>
При наведении пункт меню становится зеленым

Igor_I
21-02-2009, 17:21
pasha4ur, мне кажется это можно сделать при помощи CSS.
Проверить сейчас не могу, редактор занят. :)

pasha4ur
21-02-2009, 17:59
:search:

Igor_I
21-02-2009, 19:01
Что бы это значило? :)
Скажем примерно так:

.navimages li span{cursor:pointer; }
.navimages li span:hover{background-image: url(i/3.png); }
.navimages li span:active{ background-image: url(i/2.png); }

<div class="navimages">
<ul>
<li><span onclick="" > Получить ссылки </span></li>
<li><span onclick=""> Сортировать </span> </li>
</ul>
</div>
Правда вот для каждой кнопки нужно своё изображение. Как указать ширину и высоту кнопки не понятно.

pasha4ur
22-02-2009, 16:11
Спан - это блочная верстка? Я в ней вообще не шарю
Правда вот для каждой кнопки нужно своё изображение. »
Так можно такое и в дримвивере сделать :(

Блин в прошлом году загорелся и на этом же этапе остановился. Никто не знал как сделать. И теперь снова :( Эх-х-х-х-

pasha4ur
23-02-2009, 14:49
А есть ли какой-нибудь мегапрошаренный форум веб-программистов?
Дайте плиз ссылочку. Пойду на третем форуме помощь просить :(

Igor_I
23-02-2009, 19:58
pasha4ur
http://forum.vingrad.ru/index.php - форум программистов
http://forum.javascript.ru/ - скорее всего тот самый :)

Igor_I
24-02-2009, 22:24
pasha4ur, если что получиться - поделись. :)




© OSzone.net 2001-2012