Отправляет email-рассылки с помощью сервиса Sendsay

RFpro.ru: Элементы HTML и CSS

  Все выпуски  

RusFAQ.ru: Элементы HTML


РАССЫЛКИ ПОРТАЛА RUSFAQ.RU

/ КОМПЬЮТЕРЫ И ПО / Языки программирования / Элементы HTML

Выпуск № 349
от 16.09.2007, 20:35

Администратор:Калашников О.А.
В рассылке:Подписчиков: 368, Экспертов: 68
В номере:Вопросов: 1, Ответов: 4


Вопрос № 101707: Здраствуйте! Искал везде в интернете, не нашел ответа. Мне нужен код, но как делать не умею. Например: Пишу вопрос: Как приучить кошку в туалет? Когда нажимаешь на этот вопрос, и под этим вопросом появляется ответ на это...

Вопрос № 101.707
Здраствуйте! Искал везде в интернете, не нашел ответа.
Мне нужен код, но как делать не умею.

Например:
Пишу вопрос:
Как приучить кошку в туалет?

Когда нажимаешь на этот вопрос, и под этим вопросом появляется ответ на этой же странице.

Есть ли такой код HTML?
Спасибо всем!

Отправлен: 11.09.2007, 20:30
Вопрос задал: Шарипов Фарид Ханифович (статус: Посетитель)
Всего ответов: 4
Мини-форум вопроса >>> (сообщений: 0)

Отвечает: Зенченко Константин Николаевич
Здравствуйте, Шарипов Фарид Ханифович!

Есть два свойства стиля visibility:visible|hidden и dysplay:block|none.
visibility:hidden- скрывает объект и оставляет место для него пустым,
dysplay:none- скрывает объект и не оставляет места для него.
т.е. пишете обработчик в теге вопроса onClick="myAnswer.style.visibility|dysplay=visible|block;"
выбор варианта использования за Вами.
Удачи!
---------
И только наступив на грабли мы приобретаем драгоценный опыт!
Ответ отправил: Зенченко Константин Николаевич (статус: Специалист)
Ответ отправлен: 11.09.2007, 21:06
Оценка за ответ: 2
Комментарий оценки:
Не понял, мне нужен готовый код HTML.

Отвечает: Errandir
Здравствуйте, Шарипов Фарид Ханифович!

Разберём следующий кусок кода:
<img height=100px width=50px onclick="document.getElementById('toshow').setAttribute('style', 'display:inline');">
<img id="toshow" height=100px width=50px style=""display:none;">"
<img height=100px width=50px onclick="document.getElementById('toshow').setAttribute('style', 'display:none;');">

в данном примере представлены картинки, хотя в общем случае это может быть таблица, текстовая область, блочный контейнер 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


Отправить вопрос экспертам этой рассылки

Приложение (если необходимо):

* Код программы, выдержки из закона и т.п. дополнение к вопросу.
Эта информация будет отображена в аналогичном окне как есть.

Обратите внимание!
Вопрос будет отправлен всем экспертам данной рассылки!

Для того, чтобы отправить вопрос выбранным экспертам этой рассылки или
экспертам другой рассылки портала RusFAQ.ru, зайдите непосредственно на RusFAQ.ru.


Форма НЕ работает в почтовых программах The BAT! и MS Outlook (кроме версии 2003+)!
Чтобы отправить вопрос, откройте это письмо в браузере или зайдите на сайт RusFAQ.ru.


© 2001-2007, Портал RusFAQ.ru, Россия, Москва.
Авторское право: ООО "Мастер-Эксперт Про"
Техподдержка портала, тел.: +7 (926) 535-23-31
Хостинг: "Московский хостер"
Поддержка: "Московский дизайнер"
Авторские права | Реклама на портале
Версия системы: 4.58 от 10.09.2007
Яндекс Rambler's Top100
RusFAQ.ru | MosHoster.ru | MosDesigner.ru | RusIRC.ru
Kalashnikoff.ru | RadioLeader.ru | RusFUCK.ru

В избранное