Скрытый текст

ГлавнаяJava скрипты → Скрытый текст

Содержание:

Скрипт Скрытый текст в основном используется при создание сайта с большим объёмом содержания страницы, или для сокрытия определённой информации, которая нужна только заинтересованным пользователям (например: "Наша ссылка - баннер").

Работу данного скрипта "Скрытый текст" вы можете наблюдать при нажатии на "Читать далее..." в конце данной статьи. Но, хочу сразу предупредить об одном довольно важном моменте - вся информация помещённая в "скрытый текст" не читается роботами-поисковиками, и соответственно не индексируется. Поэтому старайтесь помещать в данный скрипт тот текст, где информация не является особо важной.

HTML-код скрипта Скрытый текст


//Первый блок
<script type="text/javascript"> function displ(ddd) { if (document.getElementById(ddd).style.display == 'none') {document.getElementById(ddd).style.display = 'block'} else {document.getElementById(ddd).style.display = 'none'} } </script>

//Второй блок
<a href="javascript: displ('var')"><b>Читать далее...</b></a>
<div id="var" style="display: none;">
Ваша текстовая информация<br />
<a href="javascript: displ('var')"> <b>Закрыть текст.</b></a>
</div>

Данный код помещаете в нужное для вас место на вашей странице, где вы хотите разместить данную информацию. Если вы хотите использовать на одной странице более одного такого скрипта, то код из первого блока далее прописывать не обязательно, а во втором блоке обязательно сделайте изменения в ('var'), т.е. в первом скрипте можете оставить как есть, а в последующих добавляйте цифры, например: ('var002') и т.д. Только изменения нужно делать во всех ('var') - в каждом коде их 3-и штуки. Если вы не будете делать эти изменения, то при нажатии одного из скрипта - сработают все. Будьте внимательны!

Первый пример работы скрипта "Скрытый текст"

Читать далее...


Второй пример работы скрипта "Скрытый текст"

Читать далее...


Третий пример работы скрипта "Скрытый текст"

Читать далее...


А следущий раздел у нас будет посвящён опросам на сайте, а более точнее - Вы узнаете, как просто самому установить рабочий скрипт опросы на сайте.

Поделись ссылкой с друзьями:

Комментарии к статье

Вадим 07-02-2014

Здравствуйте! На странице нужно разместить три таких скрипта. Скрипт первого блока разместил перед </body>. Скрипт второго блока разместил в трех местах на одной странице, с изменением var. Получилось var, var002, var003. Первый скрипт работает, два других - нет.
Почему?

Admin 07-02-2014

Добрый день!
Покажите пожалуйста, где у меня написано, что первый блок с кодом нужно размещать в любом месте перед </body>?
Специально для вас я добавил ещё 2 примера, и как видите все работают исправно. Если сами не разобрались - не получилось найти ошибку, пришлите мне ваш весь код страницы (в формате TXT) и я укажу вам вашу ошибку, либо просто пришлите адрес вашей страницы, где установлен этот скрипт.
e-mail: admin@age-dragon.com

Вадим 09-02-2014

Ошибку нашел. Вроде мелочь, а скрипт не работал. Сейчас хорошо.
Спасибо.

Cергей 28-03-2014

Спасибо))
скрипт работает как "часы"

Ольга 06-11-2014

Большое спасибо за помощь!
Очень помогло с расписанием уроков на сайте.