Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   DHTML/JS/CSS (http://www.flasher.ru/forum/forumdisplay.php?f=24)
-   -   кто-нить помоги с js плиз+ (http://www.flasher.ru/forum/showthread.php?t=62154)

полосатый КОТ. 20.08.2004 13:24

кто-нить помоги с js плиз+
 
проблемма такая, мне нужно, чтобы при наведении картинка менялась - меняется(книжка открыта/закрыта), при нажатии "вылазит" слой с текстом и картинка должна поменятся.(книжка открыта, о она собака закрыта((( )

вот ссылка с кодом http://www.kot.vw-seat.ru/book.htm

у меня слой висит на onСlick, смена на Out и Over.

пробовал по разному, ничего не выходит, надо вместо Over что-то придумать...


плиз.

Илья К 24.08.2004 13:26

onMouseOver="функцияКотораяМеняетКартинку() функцияКотораяМеняетЕщеОднуКартинку(), ещеФункция()"

Или я не понял чего?

полосатый КОТ. 24.08.2004 17:16

да что-то разобраться не могу((
 
вот фрагмент кода:

<tr>
<td height="30" onclick="switchElem('book_text');switchImg1('book_text1');switchImg('book_text');return false;" onmouseout="Swap('imgbook_text1', 'arrow')" onmouseover="Swap 'imgbook_text1', 'arrow_on')">
<img src="img/book_closed.gif" width="58" height="30" border="0" class="book" name="imgbook_text1" ></td>
<td>Комплексная автоматизация управления предприятий, постановка учета в разрезе
нескольких юридических лиц, обобщения данных учета нескольких филиалов...</td>
</tr >
<tr>
<td height="35" ><img src="img/clear.gif" width="10" height="15"></td>
<td valign="top" align="center" onclick="switchElem('book_text');switchImg('book_text');switchImg1('book_text1');return false;"><img src="img/arrow_long.gif" name="imgbook_text" class="book"></td>
</tr>
<tr>
<td colspan="2" valign="top" align="center" id="book_text" style="DISPLAY: none">

вот скрипты:
function Preload(imgObj,imgSrc) {
if (document.images) {
eval(imgObj+' = new Image()')
eval(imgObj+'.src = "'+imgSrc+'"')
}
}
function Swap(imgName,imgObj) {
if (document.images) document.images[imgName].src = eval(imgObj+".src");
}
if (document.images){
//книжка
Preload('arrow','img/book_closed.gif')
Preload('arrow_on','img/book.gif')
//стрелки
Preload('arrow1','img/book_closed.gif')
Preload('arrow1_on','img/book.gif')
Preload('arrow2','img/book_closed.gif')
Preload('arrow2_on','img/book.gif')
Preload('arrow3','img/book_closed.gif')
Preload('arrow3_on','img/book.gif')
Preload('arrow4','img/book_closed.gif')
Preload('arrow4_on','img/book.gif')
}


var dom = true ;

function switchElem(elemId) {
if (dom) var elem = document.getElementById(elemId);
else if (ie4) var elem = document.all[elemId].style.display;
else return;
if (elem.style.display == "none") elem.style.display = "block";
else elem.style.display = "none";
}
function switchImg(elemId) {
var elem = document.images['img' + elemId];
if (elem.src.indexOf('img/arrow_long_180.gif') != -1) elem.src = 'img/arrow_long.gif';
else elem.src = 'img/arrow_long_180.gif';
}
function switchImg1(elemId) {
var elem = document.images['img' + elemId];
if (elem.src.indexOf('img/book.gif') != -1) elem.src = 'img/book_closed.gif';
else elem.src = 'img/book.gif';
}

голова уже опухла((( :confused:

Илья К 24.08.2004 20:37

Сформулируй (по пунктам), что нужно и что из этого непонятно.

полосатый КОТ. 25.08.2004 11:16

формулирую))
 
нужно, чтобы при нажатии на книжку открывался скрытый блок (открывается) и книжка оставалась открытой!!.

но поскольку книжка висит на Over u Out (при наведении открывается при отведении закрывается) после "клика" по ней, книжка опять закрыта(((

:confused:

mishinaelle 25.08.2004 12:07

введите булеву переменную состояния и в обработчиках Over и Out выполняй действия в зависимости от ее значения

полосатый КОТ. 25.08.2004 13:00

знать бы что это такое))
 
с JS я знаком только по книжкам))

для меня вся проблемма в синтаксе... запарили эти ошибки...

Илья К 25.08.2004 14:09

Код:

<script language="JavaScript">
var knijkaOtkryta = false;
function myTrigger()
{
        if(knijkaOtkryta == false)
        {
                knijkaOtkryta = true;
        }
        else
        {
                knijkaOtkryta = false;
        }
}
function bookOpen()
{
        if(knijkaOtkryta == false)
        {
                ..........src="otkrytayaKnijka.jpg";
        }
}
function bookClose()
{
        if(knijkaOtkryta == true)
        {
                ..........src="zakrytayaKnijka.jpg";
        }
}
</script>

<img src="zakrytayaKnijka.jpg" onclick="myTrigger()" onmouseover="bookOpen()" onmouseout="bookClose()">


Илья К 25.08.2004 14:32

Извиняюсь -- ошибка. А вот так правильно:
 
Код:

<html>
<body>
<script language="JavaScript">
var permitChange = true;
function myTrigger()
{
        if(permitChange == true)
        {
                permitChange = false;
        }
        else
        {
                permitChange = true;
        }
}
function bookOpen()
{
        if(permitChange == true)
        {
                document.getElementById("myImg").src="bookOpen.jpg";
        }
}
function bookClose()
{
        if(permitChange == true)
        {
                document.getElementById("myImg").src="bookClose.jpg";
        }
}
</script>

<img src="bookClose.jpg" onclick="myTrigger()" onmouseover="bookOpen()" onmouseout="bookClose()">

</body>
</html>


полосатый КОТ. 25.08.2004 14:40

пасиб, все работает..))+
 
не знал даже про триггер))

только ты name в рисунок вставить забыл))


еще раз пасиб :)


Часовой пояс GMT +4, время: 13:12.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.