Вопрос № 101707: Здраствуйте! Искал везде в интернете, не нашел ответа.
Мне нужен код, но как делать не умею.
Например:
Пишу вопрос:
Как приучить кошку в туалет?
Когда нажимаешь на этот вопрос, и под этим вопросом появляется ответ на это...
Вопрос № 101.707
Здраствуйте! Искал везде в интернете, не нашел ответа.
Мне нужен код, но как делать не умею.
Например:
Пишу вопрос:
Как приучить кошку в туалет?
Когда нажимаешь на этот вопрос, и под этим вопросом появляется ответ на этой же странице.
Отвечает: Зенченко Константин Николаевич
Здравствуйте, Шарипов Фарид Ханифович!
Есть два свойства стиля visibility:visible|hidden и dysplay:block|none.
visibility:hidden- скрывает объект и оставляет место для него пустым,
dysplay:none- скрывает объект и не оставляет места для него.
т.е. пишете обработчик в теге вопроса onClick="myAnswer.style.visibility|dysplay=visible|block;"
выбор варианта использования за Вами.
Удачи!
--------- И только наступив на грабли мы приобретаем драгоценный опыт!
Ответ отправил: Зенченко Константин Николаевич (статус: Специалист)
Ответ отправлен: 11.09.2007, 21:06 Оценка за ответ: 2 Комментарий оценки: Не понял, мне нужен готовый код HTML.
в данном примере представлены картинки, хотя в общем случае это может быть таблица, текстовая область, блочный контейнер DIV и неблочный контейнер SPAN, и многие другие.
Атрибут id — это уникальный идентификатор элемента внутри документа. (хотя его может и не быть, но он не должен повторяться!) С помощью него нам легче будет обращаться к нужному элементу.
Наш целевой элемент с id="toshow" . Изначально у него выставлен атрибут style=""display:none;"" , который возвещает, что изначально элемент показываться не будет.
У первой картинки/элемента есть атрибут onclick="document.getElementById('toshow').setAttribute('style', 'display:inline');" . Что же он значит? А значит он следующее: при нажатии на данный элемент, он отыщет в данном документе элемент с id="toshow" (следует отметить, что то, что находится в атрибуте onclick является JavaScript'ом и в нем строка toshow выделяется одинарными кавычками) и выставляет атрибут style=""display:inline"," тем самым отображая его.
У последней onclick делает обратное, хотя можно вставить этот onclick в целевой элемент, чтобы по нажатии на него он исчезал.
Надеюсь я вас удовлетворил своим ответом. Будут вопросы — пишите.
--------- Si vox est - canta!
Ответ отправил: Errandir (статус: 4-ый класс)
Ответ отправлен: 11.09.2007, 22:07
Отвечает: Katyass
language="javascript">
function getAnswer(id)
{
var el = document.getElementById('answ'+id);
if (el.style.display == 'none') el.style.display = 'block';
else el.style.display = 'none';
}
</script>
<!-- в функцию getAnswer передаешь номер вопроса
в данном случае - 1 - те getAnswer(1) -->
<a href="javascript: getAnswer(1)">Как приучить кошку в туалет?</a>
<!-- в поле id дива с ответом пишешь answ и номер вопроса
в данном случае - 1 - те answ1 -->
<div id="answ1" style=""display:none">"
Ответ на вопрос Как приучить кошку в туалет?
</div>
<!-- нажимаешь на вопрос появляется ответ
нажимкет еще раз - ответ сворачивается -->
<br>
<!-- и далее по аналогии сколько угодно раз -->
<a href="javascript: getAnswer(2)">Как сделать еще что-то?</a>
<div id="answ2" style=""display:none">"
Ответ на вопрос Как сделать еще что-то?
</div>
Ответ отправила: Katyass (статус: 3-ий класс)
Ответ отправлен: 12.09.2007, 10:58
Отвечает: vovikha
Здравствуйте, Шарипов Фарид Ханифович!
просто в ссылке задаете параметр target = "_self" и страницы будет открыватся в том же окне
<a href = "www.mysite_answer.com" target = "_self">вопрос</a>
иначе нужен java Script
--------- УЧИТСЯ УЧИТСЯ УЧИТСЯ
Ответ отправил: vovikha (статус: 3-ий класс)
Ответ отправлен: 12.09.2007, 17:23