Скрвание текста

ktak · April 21, 2008

Здравствуйте, я делаю сайт помощи для игры Requiem.

Веб-программинг никогда не учил, всю инфу нахожу в интернете. Но вот столкнулся с проблемой.

Не могу найти скрипт для скрытия/свертывания текста.

Типа чтоб при нажатии на "Показать текст" разворачивался текст, а при повторном нажатии, но там уже будет "Скрыть текст" он сворачивался обратно. А вместо текста хочу записать туда таблицу.

Пожалуйсто, подскажите как это можно сделать.

Заранее благодарен.

Иван Шумов · April 28, 2008

ой блин, скопировал пример, поправил с картинками, и посмотрел что в мозилке все работал, даже не обратил внимание... дурак *wall*

rus · April 28, 2008

ой блин, скопировал пример, поправил с картинками, и посмотрел что в мозилке все работал, даже не обратил внимание... дурак *wall*

Не переживай ты так, в этом нет ничего страшного.

Вот, специально с таким длинным путем к картинке сделал чтобы наглядно и понятно было:

<body>
<div style="text-align: center;">
<div>
<a href="java script: void(0);" onClick="if (hidtext1004.style.display == '') { this.innerHTML = '<img src='Мои проекты (сайты и все что связанно с ними)/Мир снов/Compass/контент/enlarge.gif' width='12' height='12' alt='' />'; hidtext1004.style.display = 'none'; } else { this.innerHTML = 'Нажми сюда еще раз'; hidtext1004.style.display = ''; }"><img src="Мои проекты (сайты и все что связанно с ними)/Мир снов/Compass/контент/enlarge.gif" width="12" height="12" /></a></div>
<div id="hidtext1004" style="display: none;">
<div style="text-align: center;">
сам текст
сам текст2
</div></div>

Alexx · April 28, 2008

Спасибо, парни! Вы просто монстры, сам бы ни за что не разобрался!!!

Иван Шумов · April 28, 2008

Спасибо, парни! Вы просто монстры, сам бы ни за что не разобрался!!!

будешь это изучать - тоже с пол тычка все всем объяснять будешь

ну а если нет.... ну на нет и суда нет:cool:

Dimitry Wolotko · April 28, 2008

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

rus · April 28, 2008

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

:)

Котяра · May 1, 2008

rus, а твой код не во всех браузерах работает... да уж. =(

Mallotig · May 7, 2008

доброй ночи. а код не работает ни в опере, ни в IE.. только в мозиле. как это поправить?

З.Ы. ребята, вы даже не представляете сколько я этот скрипт искала ) спасибо вам)

rus · May 7, 2008

Ну дык это ж ява скрипт, он может и в IE не работать, если поставить галочку "блокировать всплывающие окна".

Ява скрипт исполняется на стороне клиента, то есть у пользователя на компе, поэтому его можно отключить, или заблокировать его выполнение.

Mallotig · May 8, 2008

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

tur · February 4, 2009

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

Вот как сделана на Хабре: http://habrahabr.ru/blogs/linux/51077/#comment_1348029

Пытался выдернуть его от туда, но не получилось, слишком много все в файле .js, не могу разобраться

spdif · February 5, 2009

Еще вариант:

<html>
<style>

* { margin: 0; padding: 0; }
p { font-size: 24px; }
body { padding: 50px; } 
#hiddiv {
	position: absolute;
	width: 300px;
	border: 1px solid #3366cc;
	background: white;
	display: none;
	padding: 30px 20px 30px 20px;
	text-align: center;
}
#openbut {
	position: absolute;
	width: 50px;
	border: 1px solid #3366cc;
	font-weight: bold;
	color: #ff0000;
	cursor: pointer;
	text-align: center;
	padding: 2px 4px 2px 4px;
}
#closebut {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px;
	border-bottom: 1px solid #3366cc;
	border-right: 1px solid #3366cc;
	font-weight: bold;
	color: #ff0000;
	cursor: pointer;
	padding: 2px 4px 2px 4px;
}

</style>
<body>

<div id="openbut" onclick="document.getElementById('hiddiv').style.display='block'">Open</div>
<div id="hiddiv">
<div id="closebut" onclick="document.getElementById('hiddiv').style.display='none'">Close</div>
<p>Скрытый текст</p><p>или</p><p>другое содержимое</p>
</div>

</body>
</html>

dber · February 5, 2009

почитай инфу по jquery там кучу всего можно сделать рекомендую сначала Это потом это

Sign In

Скрвание текста

Question

Link to comment

Share on other sites

38 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information