кто-нить помоги с js плиз+

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

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

вот ссылка с кодом 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';
}

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

Илья К · 24.08.2004, 20:37

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

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

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

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

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 в рисунок вставить забыл))

еще раз пасиб