Показать сообщение отдельно
  #1 (permalink)  
Старый 01.11.2008, 10:48
Интересующийся
Отправить личное сообщение для vovasvv Посмотреть профиль Найти все сообщения от vovasvv
 
Регистрация: 01.11.2008
Сообщений: 14

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

Последний раз редактировалось Андрей Параничев, 03.11.2008 в 19:07. Причина: Пользуйтесь bb-кодами [js] и [html] для оформления листингов кода в теле сообщения
Ответить с цитированием