Появление текста при нажатии на строчку

[kostii]

Здравствуйте!

Помогите сделать такую вещь, чтоб при нажатии на некоторую строчку появлялся текст, а при повторном нажатии текст исчезал.

Никак не получается...)

[Nekromancer]

а что мне за это будет?

[psywalker]

Nekromancer

А он тебе 20 баксов заплатит, правда ведь kostii, заплатишь?

[Nekromancer]

ну а чё, 20 баксов вполне норм

[kostii]

мда...

[Nekromancer]

мда...

что мда? воспользоваться поиском..

"спрятать/показать блок по клику"

Edited May 27, 2009 by Nekromancer

[Victor Ananiev]

юзаем onclick & style.display

[Dimitry Wolotko]

Стилями данная задача не решается. Как минимум JS. Топик переношу.

[Игорь Ермаков]

Ну блин, вопрос элементарный, я JS не знаю, но если захочу такую фигню полюбому сделаю.

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

Такой элементарный вопрос при незнании JS можно решить максимум за 10 минут.

[Dimitry Wolotko]

Такой элементарный вопрос при незнании JS можно решить максимум за 10 минут.

Ты прав - он прост, вот и реши, заодно и научишься.

[Игорь Ермаков]

Ты прав - он прост, вот и реши, заодно и научишься.

Если бы ты не написал это пост, то у меня был бы нормальный здоровый сон (вру, всё равно бы до 3-х ночи в инете просидел)

А так я начал гуглить на литературу по JS.

Нашёл одну забавную недокнижку, в течение, пары часов фигачился головой о стену, как оказалось не зря.

Сумел понять основы, и вроде бы немного рублю в объектной модели, как выяснилось JS не очень то и отличается от PHP.

К сожалению результата, самостоятельно я так и не достиг, то что сделал я выводило текст, но переводило пользователя на другую страницу но сумел найти готовое решение. Выкладываю его сюда.

<a href="#" onclick="this.nextSibling.style.display = this.nextSibling.style.display == 'block' ? 'none' : 'block'; return false;">
ЖМИ! </a><div align="justify" style="padding: 5px;" class="alt2">
 Скрытый текст 

Вобщем спасибо автору, и Dimitry Wolotko, благодаря этой теме, я теперь начал учить жабаскрипт, а самое главное у меня пропал перед ним аццкий страх.

[vvsh]

вот более норм код:

<a href="java script://" onclick="var h = document.getElementById('h'); if(h.style.display=='') {h.style.display = 'none';} else {h.style.display = '';}">ЖМИ!</a>

<div id="h">Текст</div>

Вообще js очень хорошая, у меня как и у тебя, Игорь Ермаков, был перед ним аццкий страх, но мне понадобилось кое-что сделать, и мне пришлось его учить.

Edited May 27, 2009 by vvsh

[kostii]

Всем, спасиБо! Помогло))

[Great Rash]

мда...

[Игорь Ермаков]

Вообще js очень хорошая, у меня как и у тебя, Игорь Ермаков, был перед ним аццкий страх, но мне понадобилось кое-что сделать, и мне пришлось его учить.

Да я уже начал понимать, что зря боялся. Конечно этот язык довольно сильно отличается от тех, что я учил ранее, но впринципе, всё нормально.

Сейчас в соответсвующий топик, выложу хорошую полукнижку по JS.

[e1f]

имхо, лучший учебник по JS -- мануал по методам, хорошо структурированный + гугл. Когда мне понадобилось разобраться в JS, этого хватило с головой

[Aleko]

Вот мой вариант скрипта. При нажатии на плюсик - появляется текст а плюсик заменяется минусом. Так же ко всем подвинчены печеньки, которые запоминают выбор при перезагрузке страницы:

<div id="name">
Блок с информацией
</div>

<img src="http://src.ucoz.net/img/icon/minus.png" alt="" id="showHide" border="0" style="cursor:pointer;"/>

<script>
div=document.getElementById('name');
but=document.getElementById('showHide');
cooc=document.cookie;
if(cooc.match('showHide=true')){div.style.display='none';but.src="http://src.ucoz.net/img/icon/plus.png";}
but.onclick = function(){if(div.style.display=='none'){div.style.display="";but.src="http://src.ucoz.net/img/icon/minus.png";document.cookie='showHide=false;expires=Mon, 1 Jan 3000 00:00:00 UTC';}else{div.style.display="none";but.src="http://src.ucoz.net/img/icon/plus.png";document.cookie='showHide=true;expires=Mon, 1 Jan 3000 00:00:00 UTC';}};
</script>