Появление "элемента" при нажатии на ссылку.

[DMGaster]

Здраствуйте, не знал в какой раздел написать эту тему, поскольку мой вопрос касается применения сло?в, CSS, JS.

Так как идея находится на стадии размммышления то кода нет.

А вопрос такой, каким образом можно сделать появление "элемента" на странице (в данном случае интересует - слоя с текстом) при нажатии на ссылку, которая находится выше этого "элемента". И соответственно его исчезновение при нажатии либо на сам элемент, либо на ссылку его вызвавшую?

Вопрос второй, как сделать так, чтобы при нажатии на изображение - окно содержащее данное изображение закрывалось?

P.S.: В js полный чайник, но хотя бы подскажите направление в котором копать и наставьте на путь истинный...

[Fed]

Вопрос второй, как сделать так, чтобы при нажатии на изображение - окно содержащее данное изображение закрывалось?

ну в данном случае есть функция window.close();

а первый вопрос не очень понял - можно прислать как должно выглядеть?

[kiD]

document.getElementById('layer_name').style.visibility=='hidden'

[DMGaster]

Должно выглядеть вот так:

До

После

И код целевого блока:

<div class="frame_out" id="border_top">
 <div class="text_article text"><a href="">Авдеев Владимир Александрович</a>
 [b]<div class="text_article">(р. 1957, г. Новосибирск), художник театра, член Союза художников СССР, России с 1991 г.

В 1993 г. окончил факультет истории и теории искусств Уральского государственного университета им. А.М. Горького.

С 1982 по 1997 г. оформил более 60 спектаклей, а также фильмы: ?Группа риска?, ?Загадки звездного неба?, ?Тайга?.

Произведения художника находятся в частной собственности за рубежом в Дании, Германии, Греции, Италии, Израиля, США, Франции.</div>

 </div>[/b]
 </div>

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

[DMGaster]

kiD, а можно пояснить?

[Fed]

ну открытие - это яваскрипт в чистом виде. поиграйтесь с onclick

[DMGaster]

Fed, ага, это ясно, а вот закрытие как?

У меня просто была идея что при событии onclick определ?нному слою присваивается значение id, которое прописано в css и содержит display: hidden. Соответственно при повторном нажатии на ссылку, этот id обнуляется. Как сделать действия при закрытии?

[Fed]

очень просто. в событии onclick сделайте проверку на значение параметра id к примеру. если 1 - то закрыть,а если 0 - то открыть

[Dimitry Wolotko]

может просто по display:block и none? Зачем проверку по id?

[DMGaster]

я тут подумал, логика по идее должна быть такая:

по событию onclick присвоить слою id="visibility"

if id слоя ==visibility

else по событию onclick присвоить слою id="hidden"

В этой схеме есть одна проблема, если эти два id прописаны в css - то будут ли они в реальном времени работать после загрузки страницы? Скорее всего нет, и потому надо менять непосредственно в слое значение display, с visibility на none и обратно.

to: Дмитрий

Да вы правы, я позже уже об этом подумал. Так будет лучше всего:

по событию onclick присвоить слою display="block"

if id слоя ==block

else по событию onclick присвоить слою display="none"

Или же логика должна быть другой?

[Fed]

может просто по display:block и none? Зачем проверку по id?

а я знаю зачем?) DMGaster хотел через id я дал вариант

[Dimitry Wolotko]

Выдрал с одного из своих ресурсов.

<script type="text/javascript" language="JavaScript">
function so( objName )
{oObj = document.getElementById( objName );
oImg = document.getElementById( "i" + objName );
if ( oObj.style.display == "none" )
{oObj.style.display = "block";oImg.src = "/images/point2.gif";}
else
{oObj.style.display = "none";oImg.src = "/images/point1.gif";}
}
</script>

<div id="so1">
dwdfawighihgag
</div>

В таком ключе.

[Dimitry Wolotko]

http://transmeta.ru/buy.php

Отсюда.

[DMGaster]

Dimitry Wolotko, спасибо большое! Буду разбираться. Как раз то что мне нужно. Ещ? раз спасибо большое! :up:

[Dimitry Wolotko]

Да в общем не за что