Форум Сайтостроение Веб-строительство

Как спрятать текст под кат.

Ikona
На сайте с 08.07.2009
Offline
80
Ikona
5277

Уважаемые форумчане!

Хочется несколько разгрузить страницы своего сайта от лишней информации и все лишнее спрятать под кат (чтобы видна была краткая информация и кнопка "Подробнее" нажимая на которую страница раздвигалась без обновления и появлялся скрытый текст, а внизу текста "Спрятать" чтобы все это обратно пряталось).

Кто может подсказать, как правильно использовать этот скрипт в html на сайте (не в блоге, а именно на сайте).

Нашел вот такой скрипт:

function ShowText()

{

document.getElementById("second_text").style.display = "";

document.getElementById("more_link").style.display = "none";

}

function HideText()

{

document.getElementById("second_text").style.display = "none";

document.getElementById("more_link").style.display = "";

}

Но что-то не очень все понимаю, поэтому не получается сделать так, как нужно.

Пишу вот так:

<div align="justify"><b><font size="2">Регистрация <font color="#009900">участников</font> на сайте Кастинг-центра "Икона" бывает трех видов:</font></b></div>

<ol type="1">

<li>

<div align="justify"><font size="2"><strong>предварительная (бесплатная) регистрация в базе данных сроком на 7 дней.</strong>

<br>

<span> <a id='more_link' onclick='ShowText()' class='empty_link'>Подробнее</a></span><span id='second_text' style='display:none'><br>

<br>Предварительная регистрация не обязательно обуславливает собой создание и размещение

анкеты участника на сайте Кастинг-центра "Икона", приглашение на пробы и кастинги,

представление интересов участника перед заказчиками.

<br>По истечении 7 дней анкета удаляется с сайта без возможности участия в кастингах

и пробах.

<br></font></div></li>

</b></span></font> <a class='empty_link' onclick='HideText()'>Свернуть</a></span>

Но в итоге только появляются надписи "Подробее" и "Спрятать" а сам текст не прячется под кат.

Как нужно сделать правильно, кто может подсказать?

Кастинг-центр Икона - Нам нужны ВСЕ типажи! www.ikona.by (www.ikona.by)
T.R.O.N
На сайте с 18.05.2004
Offline
314
T.R.O.N
#1

<sctipt>

function ShowText()

{

document.getElementById("text").style.display = "block";

return false;

}

function HideText()

{

document.getElementById("text").style.display = "none";

return false;

}

</sctipt>

<a href="#" onclick='return ShowText();' >Подробнее</a><br><br>

<div id="text" style="display:none;">

........................

.......................

<br><br>

<a href="#" onclick='return HideText();'>Свернуть</a>

</div>

От воздержания пока никто не умер. Хотя никто и не родился! Prototype.js был написан теми, кто не знает JavaScript, для тех, кто не знает JavaScript (Richard Cornford)
Ikona
На сайте с 08.07.2009
Offline
80
Ikona
#2

T.R.O.N

а куда именно добавлять сам текст? в ("text") ?

S
На сайте с 29.01.2006
Offline
404
Scaryer
#3
разгрузить страницы своего сайта от лишней информации и все лишнее спрятать под кат

Спрятать от посетителей или от поисковых систем?

maldivec
На сайте с 04.11.2008
Offline
160
maldivec
#4

Сам скрипт-то вы прописали?

ЗЫ какая ужасная верстка... брр....

Как-то так


<script>
function ShowText()
{
document.getElementById("second_text").style.display = "";
document.getElementById("more_link").style.display = "none";
return false;
}

function HideText()
{
document.getElementById("second_text").style.display = "none";
document.getElementById("more_link").style.display = "";
return false;
}
</script>

<div align="justify"><b><font size="2">Регистрация <font color="#009900">участников</font> на сайте Кастинг-центра "Икона" бывает трех видов:</font></b></div>
<ol type="1">
<li>
<div align="justify"><font size="2"><strong>предварительная (бесплатная) регистрация в базе данных сроком на 7 дней.</strong>
<p id='more_link'> <a onclick='ShowText()' class='empty_link'>Подробнее</a></p>

<div id='second_text' style='display:none'><br>
<br>Предварительная регистрация не обязательно обуславливает собой создание и размещение
анкеты участника на сайте Кастинг-центра "Икона", приглашение на пробы и кастинги,
представление интересов участника перед заказчиками.
<br>По истечении 7 дней анкета удаляется с сайта без возможности участия в кастингах
и пробах.
<br></font>
<p><a class='empty_link' onclick='HideText()'>Свернуть</a></p>
</div></li>

maldivec добавил 22.06.2010 в 13:38

T.R.O.N, В вашем варианте не будет исчезать ссылка "Подробнее..." :)

Ikona
На сайте с 08.07.2009
Offline
80
Ikona
#5
Scaryer:
Спрятать от посетителей или от поисковых систем?

От посетителей.

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

Ikona добавил 22.06.2010 в 13:40

maldivec

нет, сам скрипт писал не я, это мне подсказали.

ужасная верстка?( а что именно в ней ужасного (простите, я в программировании не особенно разбираюсь, учусь только можно сказать).

T.R.O.N
На сайте с 18.05.2004
Offline
314
T.R.O.N
#6
Ikona:
а куда именно добавлять сам текст? в ("text") ?

вместо точек...

maldivec:
T.R.O.N, В вашем варианте не будет исчезать ссылка "Подробнее..."

ну должно же оставаться поле для творчества ТС

maldivec
На сайте с 04.11.2008
Offline
160
maldivec
#7
Ikona:

нет, сам скрипт писал не я, это мне подсказали.

Я спрашивал не "писали", а "прописали".

Ikona:
ужасная верстка?( а что именно в ней ужасного (простите, я в программировании не особенно разбираюсь, учусь только можно сказать).

Много лишнего и все очень громоздко. Изучите CSS.

Ikona
На сайте с 08.07.2009
Offline
80
Ikona
#8
maldivec:
Я спрашивал не "писали", а "прописали".


Много лишнего и все очень громоздко. Изучите CSS.

Да, прописал сам. Я только начинаю изучать CSS.

К сожалению приведенный вами код эффекта не дал, ничего не изменилось, текст не убрался под спойлер, надписи "Подробнее" не появилось.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий