Форум

fsingle · #1 (**permalink**) 09.02.2011, 00:35

хочу чтобы после нажатия картинки открылась вторая невидимая картинка...)
<html>
<head>
<title></title>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<P id="Lib"><Img src="book.jpg" align="buttom" onclick="Otkr()">Библиотека</P>
<P id="Fis"><Img src="Fishing.jpg" align="buttom">Рыболовство</p>
<script type="javascript">
function Otkr(){
Vid='visible';
Fish=docyment.getElementById('Fis').style;
Libr=docyment.getElementById('Lib').style;
if (Libr.visibility==Vid)
{Fish.visibility='visible';
}
else
{Fish.style.visibility=='hidden';
}
}
</script>
</body>
</html>

Gvozd · #2 (**permalink**) 09.02.2011, 01:01

Шаг первый:
учимся пользоваться форумом. а именно форматируем свое сообщение

Цитата:

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Шаг второй:
Читаем статью.
http://javascript.ru/tutorial/foundation/errors
Используя фаербаг, или другую консоль ошибок JS(есть в каждом браузере, в том или ином виде. гугл в помощь, как отобразить ошибки)
Так, вот, с помощью фаербага вы увидите последовательно все свои ошибки
PS первая ваша ошибка может быть неочевидной:
Надо писать так:

<script type="text/javascript"></script>

а не как вы:

<script type="javascript"></script>

fsingle · #3 (**permalink**) 09.02.2011, 01:07

Спасибо)в дальнейшем буду делать так как указано))

fsingle · #4 (**permalink**) 09.02.2011, 02:04

<html>
<head>
<title></title>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<P id="Lib"><Img src="book.jpg" align="buttom" onclick="Otkr()">Библиотека</P>
<P id="Fis"><Img src="Fishing.jpg" align="buttom">Рыболовство</p>
<script type="text/javascript">
function Otkr(){
Vid='visible';
Fish=document.getElementById('Fis').style;
Libr=document.getElementById('Lib').style;
if (Libr.visibility==Vid)
{Fish.visibility='visible';
}
else
{Fish.visibility=='hidden';
}
}
</script>
</body>
</html>

Исправил вроде все ошибки..все равно не работает..

Gvozd · #5 (**permalink**) 09.02.2011, 11:36

Сообщение от fsingle

Fish.visibility=='hidden';

опечатка здесь
будьте внимательнее

fsingle · #6 (**permalink**) 09.02.2011, 16:44

Уважаемый Gvozd...не хочу быть навязчивым)вроде все ошибки исправил с вашей помощью...но все равно не работает...

<html>
<head>
<title></title>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<P id="Lib"><Img src="book.jpg" align="buttom" onclick="Otkr()">Библиотека</P>
<P id="Fis"><Img src="Fishing.jpg" align="buttom">Рыболовство</p>
<script type="text/javascript">
function Otkr(){
Vid='visible';
Fish=document.getElementById('Fis').style;
Libr=document.getElementById('Lib').style;
if (Libr.visibility==Vid)
{Fish.visibility='visible';
}
else
{Fish.visibility='hidden';
}
}
</script>
</body>
</html>

надеюсь вы посоветуете еще что нибудь..и укажете что сделать...

ksa · #7 (**permalink**) 09.02.2011, 16:55

Сообщение от fsingle

хочу чтобы после нажатия картинки открылась вторая невидимая картинка

Так?

<!doctype html>
<html>
<head>
<title></title>
<style>
#Fis {
	display: none;
}
</style>
<script type="text/javascript">
function Otkr(){
	document.getElementById('Fis').style.display='inline'
}
</script>
</head>
<body>
<P id="Lib"><Img src="http://javascript.ru/forum/images/smilies/smile.gif" align="buttom" onclick="Otkr()">Библиотека</P>
<P id="Fis"><Img src="http://javascript.ru/forum/images/smilies/victory.gif" align="buttom">Рыболовство</p>
</body>
</html>

fsingle · #8 (**permalink**) 10.02.2011, 20:15

ksa, спасибо)ваш вариант подошел)а можно узнать почему мой вариант не приелся скрипте?...

ksa · #9 (**permalink**) 11.02.2011, 09:52

Сообщение от fsingle

можно узнать почему мой вариант не приелся скрипте?

Конечно.

Просто поставь после каждой строчки алерты с разными значениями - увидишь как работает твой алгоритм...

Форум

Справочник

Discord чат

Курсы javascript