Jump to content
  • 0

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


ktak
 Share

Question

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

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

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

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

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

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

Link to comment
Share on other sites

Recommended Posts

  • 0
ой блин, скопировал пример, поправил с картинками, и посмотрел что в мозилке все работал, даже не обратил внимание... дурак *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>

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

  • 0

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

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

Link to comment
Share on other sites

  • 0

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

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

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

Link to comment
Share on other sites

  • 0

Еще вариант:

<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>

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy