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

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

  Все выпуски  

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


Хостинг Портала RusFAQ.ru:
MosHoster.ru - Профессиональный хостинг на Windows 2008

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

Чемпионы рейтинга экспертов в этой рассылке

Товарищ Бородин
Статус: Профессионал
Рейтинг: 110
∙ повысить рейтинг >>
BahuL
Статус: 3-й класс
Рейтинг: 75
∙ повысить рейтинг >>
Hubbitus
Статус: 4-й класс
Рейтинг: 68
∙ повысить рейтинг >>

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

Выпуск № 457
от 20.03.2009, 20:35

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

Нам важно Ваше мнение об этой рассылке.
Оценить этот выпуск рассылки >>

Вопрос № 162443: Здравствуйте, эксперты! Подскажите как сделать так, чтобы при нажатии на сслыку в первый раз текст показывался, а при повторном нажатии убирался. И куда мне следует поместить этот текст при верстке странице. Пример, как спойлеры на форумах. ...


Вопрос № 162.443
Здравствуйте, эксперты!
Подскажите как сделать так, чтобы при нажатии на сслыку в первый раз текст показывался, а при повторном нажатии убирался. И куда мне следует поместить этот текст при верстке странице. Пример, как спойлеры на форумах.
Отправлен: 15.03.2009, 20:13
Вопрос задал: Puma (статус: Практикант)
Всего ответов: 3
Мини-форум вопроса >>> (сообщений: 3)

Отвечает: Rok-set
Здравствуйте, Puma!

если я правильно вас понял - то, что вы хотите сделать относится не к html, а к java-script
при этом текст, который нужно отобразить/скрыть обычно помещается в контейнер (больше для удобства работы)
при нажатии на объект (а им может быть ссылка, кнопка, div-область или любой другой объектв дереве браузера) запускается скрипт, который
- добавляет/убирает контейнер из объектной модели браузера
- может поместить его вниз/вверх (то есть спрятать-показать за основным слоем)
- заполняет/очищает уже существующий объект текстом
- или как вариант делает контейнер 0 размера по ширине/высоте

сам я с джава-скриптом не очень дружу, поэтому готовой наработки показать не могу.
скажу только, что зачастую это делается оператором InnerHtml , но при его использовании могут проявиться всяческие нюансы, которые зависят от верстки страницы и используемого браузера
Ответ отправил: Rok-set (статус: Студент)
Ответ отправлен: 16.03.2009, 09:25

Как сказать этому эксперту "спасибо"?
  • Отправить SMS #thank 245403 на номер 1151 (Россия) | Еще номера >>
  • Отправить WebMoney:
  • Вам помогли? Пожалуйста, поблагодарите эксперта за это!


    Отвечает: Hubbitus
    Здравствуйте, Puma!
    Если как спойлеры на форумах, так лушче оттда и взять :)
    Я когда на форум делал похожее, взял JavaScript код именно с какого-то хака форума IPB. Например можете взять вот из этого http://mods.invisionize.com/db/index.php/f/5535
    Ответ отправил: Hubbitus (статус: 4-й класс)
    Ответ отправлен: 16.03.2009, 16:16

    Как сказать этому эксперту "спасибо"?
  • Отправить SMS #thank 245430 на номер 1151 (Россия) | Еще номера >>
  • Отправить WebMoney:
  • Вам помогли? Пожалуйста, поблагодарите эксперта за это!


    Отвечает: Web-Extrime
            Здравствуйте, Puma!

            Можно воспользоваться вот таким примером:

    <HTML>
    <HEAD>
    <TITLE> NONE </TITLE>
    <META NAME="description" content="None">
    <META NAME="keywords" content="None">
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
    </HEAD>
    <BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#0099FF">

    <script language="JavaScript">
    <!--
    viewmode = 'none'; function expand(str)
    {
    s = document.all[str].style.display;
    if (s == 'none')
    document.all[str].style.display = 'block';
    else
    document.all[str].style.display = 'none';
    }
    function openAll()
    {
    if (viewmode == 'none')
    {
    document.all['openall' ].innerText = 'Закрыть';
    viewmode = 'block';
    }
    else
    {
    document.all['openall'].innerText = 'Открыть';
    viewmode = 'none';
    }
    mes = document.all.tags('div');
    len = mes.length;
    for (i = 0;i < len;i++)
    {
    if (mes(i).className == 'm')
    mes(i).style.display = viewmode;
    }
    }
    -->
    </script>

    <CENTER>
    <TABLE WIDTH="300" BORDER="1" CELLSPACING="2" CELLPADDING="2">
    <TR ALIGN="CENTER" VALIGN="MIDDLE">
    <TD WIDTH="300" ALIGN="CENTER" VALIGN="MIDDLE">

    <HR>

    <a id="openall" name="openall" href="JavaScript:openAll();">
    Открыть
    </a>

    <HR>

    <div class="m" id="d7581609" name="d7581609" style=""margin-left:" 20; display: none; width: 100%;">
    <span class="forum_message">Тут ваш текст</span>
    </div>

    <HR>

    </TD>
    </TR>
    </TABLE>
    </CENTER>

    </BODY>
    </HTML>

            При нажатии на ссылку у вас будет появляться текст (или что то еще), при повторном нажатии текст исчезнет. В каком месте реализовать показ текста зависит от дизайна страницы.
            Файл с примером (0,7 Кб.) можете загрузить по ссылке ниже.

            Успехов!

    Прикреплённый файл: Загрузить >>
    Срок хранения файла на сервере RusFAQ.ru составляет 30 суток с момента отправки ответа.
    ---------
    Делай добро сам, и всегда помни что сделали для тебя!

    Ответ отправил: Web-Extrime (статус: Специалист)
    Ответ отправлен: 16.03.2009, 20:10

    Как сказать этому эксперту "спасибо"?
  • Отправить SMS #thank 245458 на номер 1151 (Россия) | Еще номера >>
  • Отправить WebMoney:
  • Вам помогли? Пожалуйста, поблагодарите эксперта за это!

    Оценка за ответ: 5
    Комментарий оценки:
    Спасибо за совет. Это то, что было нужно.


    Вы имеете возможность оценить этот выпуск рассылки.
    Нам очень важно Ваше мнение!
    Оценить этот выпуск рассылки >>

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

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

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

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

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


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

    Скажите "спасибо" эксперту, который помог Вам!

    Отправьте СМС-сообщение с тестом #thank НОМЕР_ОТВЕТА
    на короткий номер 1151 (Россия)

    Номер ответа и конкретный текст СМС указан внизу каждого ответа.

    Полный список номеров >>

    * Стоимость одного СМС-сообщения от 7.15 руб. и зависит от оператора сотовой связи. (полный список тарифов)
    ** При ошибочном вводе номера ответа или текста #thank услуга считается оказанной, денежные средства не возвращаются.
    *** Сумма выплаты эксперту-автору ответа расчитывается из суммы перечислений на портал от биллинговой компании.


    © 2001-2009, Портал RusFAQ.ru, Россия, Москва.
    Авторское право: ООО "Мастер-Эксперт Про"
    Техподдержка портала, тел.: +7 (926) 535-23-31
    Хостинг: "Московский хостер"
    Поддержка: "Московский дизайнер"
    Авторские права | Реклама на портале

    ∙ Версия системы: 5.13 от 01.12.2008

    Яндекс Rambler's Top100
    RusFAQ.ru | MosHoster.ru | MosDesigner.ru
    RusIRC.ru | Kalashnikoff.ru | RadioLeader.ru

    В избранное