Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Help: Появляющиеся кнопки??? (https://javascript.ru/forum/misc/2100-help-poyavlyayushhiesya-knopki.html)

vovasvv 01.11.2008 10:48

Help: Появляющиеся кнопки???
 
Привет всем!!! Подскажите:
Задача - хочу сделать, чтобы при наведении на картинку
1) над картинкой появлялись кнопки-ссылки. Кнопки-ссылки должны ОСТАВАТЬСЯ доступными до перевода мышки на другую картинку

2)При переводе мышки на другую картинку Кнопки-ссылки над "старой" (предыдущей) картинкой пропадали и появлялись над новой картинкой

Что я использую:
1)
<SCRIPT LANGUAGE='JavaScript'>
dd=document
function showlr(L){
if(dd.layers)dd.layers[L].visibility='show'
else obg=dd.getElementById(L);obg.style.visibility='visible'}

function hidelr(L){
if(dd.layers)dd.layers[L].visibility='hide'
else obg=dd.getElementById(L);obg.style.visibility='hidden'}

</SCRIPT>


2) в веб-странице

<div id="container">

<div id="pic">
<div id="knopki">
<a href="untitled1.cfm"><img src = "../knopka1.gif"/></a> <img src="../knopka2.gif"/> <img src="../knopka3.gif" />
</div>
<a href="untitled2.cfm" onmouseover="showlr('knopki') & hidelr('knopki1')"><img src="Моя_картинка.jpg" /></a>
</div>

<div id="pic1">
<div id="knopki1">
<a href="untitled1.cfm"><img src = "../knopka1.gif"/></a> <img src="../knopka2.gif"/> <img src="../knopka3.gif" />
</div>
<a href="untitled2.cfm" onmouseover="showlr('knopki1') & hidelr('knopki')"><img src="Моя_картинка.jpg" /></a>
</div>


Если бы у меня было всего 2 картинки - меня бы это устраивало
НО у меня Галлерея! (допустим 30 картинок)
Поэтому моя "логика":
onmouseover="showlr('knopki1') & hidelr('knopki')

сработает если я в hidelr буду перечислять все Divы кроме того,на который наведена мышка - а это ПОЛНЫЙ ИЗВРАТ!!!

Подскажите пожалуйста как сделать такБ чтобы при выполнении onmouseover="showlr('*') ВСЕ предыдущие onmouseover="showlr('*') - пропадали.
Большое спасибо!!!!


Или хотя бы подскажите - как воспользоваться этим????:

(function(){
var selected = null;
window.activate = function(element) {
if (selected) selected.className='passive';
if (element) element.className='active';
selected = element;
};
})();


- взято из похожей темы:
http://www.javatalks.ru/ftopic6144.php

Еще раз спасибо!!!
Очень жду ответа!!!! нужно ПОЗАРЕЗ!!! (т.к. var javaknowedge = null;)


Часовой пояс GMT +3, время: 00:11.