Перейти к контенту

Скрыть текст


Рекомендуемые сообщения

немогу вспомнить как сделать что бы с помощью нажатия кнопки скрывался и появлялся бы текст в теге <div> текст </div> ну или таблица и т.д.

 

просто есть на форуме блок новостей и вот некоторые нехотят его видеть, а некоторые хотят, вот и появилдась идея скрывать блок с помощью кнопочки

Ссылка на комментарий
Поделиться на других сайтах

<script language="javascript">
<!--
var D = document;
function expMenu(id) {
 var itm = null;
 if (D.getElementById) {
itm = D.getElementById(id);
 } else if (D.all){
itm = D.all[id];
 } else if (D.layers){
itm = D.layers[id];
 }
 if (!itm) {
// do nothing
 }
 else if (itm.style) {
if (itm.style.display == "none") { itm.style.display = ""; }
else { itm.style.display = "none"; }
 }
 else { itm.visibility = "show"; }
}
function ShowHide(id1, id2) {
 if (id1 != "") expMenu(id1);
 if (id2 != "") expMenu(id2);
}
-->
</script>

  <table id='chide2' width='100%' border='0' style='display:none'>
  <tr>
 <td colspan='2'>
   <a id='nound' href="java script:ShowHide('chide2','ohide2');"><img src='http://forum.sysman.ru/style_images/Main/minus.gif' border='0' alt='-'> <b>Скрытый текст</b></a>
 </td>
  </tr>
  <tr>
 <!-- <td width='2%'> </td> -->
 <td colspan='2'>ЫЫЫЫЫЫЫЫЫыыыыыыы</td>
  </tr>
  </table>

  <div id='ohide2' style='display:show'>
 <a id='nound' href="java script:ShowHide('chide2','ohide2');">
 <img src='http://forum.sysman.ru/style_images/Main/plus.gif' border='0' alt='+'> <b>Скрытый текст</b></a></div>

© Song :D

Ссылка на комментарий
Поделиться на других сайтах

Дык JS-то стандартный. Это обычная IPB функция. Используется для скрытия формы быстрого ответа. Наверно в любой версии.
Ссылка на комментарий
Поделиться на других сайтах

  • 2 недели спустя...
  • 3 месяца спустя...

Делаем собственный бб-код сл. содержания:

   <table id='chide2' width='100%' border='0' style='display:none'>
  <tr>
 <td colspan='2'>
   <a id='nound' href="java script:ShowHide('chide2','ohide2');"><img src='http://forum.sysman.ru/style_images/Main/minus.gif' border='0' alt='-'> <b>Скрытый текст</b></a>
 </td>
  </tr>
  <tr>
 <!-- <td width='2%'> </td> -->
 <td colspan='2'>{content}</td>
  </tr>
  </table>

  <div id='ohide2' style='display:show'>
 <a id='nound' href="java script:ShowHide('chide2','ohide2');">
 <img src='http://forum.sysman.ru/style_images/Main/plus.gif' border='0' alt='+'> <b>Скрытый текст</b></a></div>

 

Не уверен, что {content} - там в подсказке будет написано как это назвать + javascript нужно писать слитно.

Ссылка на комментарий
Поделиться на других сайтах

А можно как-нибудь зделать что бы после того как на плюс нажимаешь всё не здвигалось вправо? Т.е. при нажатии плсю вся таблица двигаеться на несколько пикселов вправо.
Ссылка на комментарий
Поделиться на других сайтах

Отличный ответ если учитывать тот факт что этот сайт вроде как официальная потдержка. :D И принцип попробуй а потом спроси тут не работает, я пробывал честное слово!

Вот мой код:

<table id='chide2' width='100%' border='0' style='display:none'>

<tr>

<td>

<a id='nound' href="java script:ShowHide('chide2','ohide2');"><img src='http://forums/style_images/1/-.gif' border='0' alt='-'></a> {option}

</td>

</tr>

<tr>

<td>

{content}

</td>

</tr>

</table>

<div id='ohide2' style='display:show'><a id='nound' href="java script:ShowHide('chide2','ohide2');"><img src='http://forums/style_images/1/+.gif' border='0' alt='+'></a> {option}</div>

Ссылка на комментарий
Поделиться на других сайтах

Отличный ответ если учитывать тот факт что этот сайт вроде как официальная потдержка.

Официальная поддержка здесь только в клиент центре и только для соответствующей группы.

А данный ресурс - это просто форум как твой как мой и как любой другой.

Ссылка на комментарий
Поделиться на других сайтах

Все эти коды работают отлично когда они одни на странице, а вот когда например их два в разных сообщениях, но на одной странице, при нажатии на любой открывается только первый :D
Ссылка на комментарий
Поделиться на других сайтах

Присоединиться к обсуждению

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

Гость
Ответить в этой теме...

×   Вы вставили отформатированный текст.   Удалить форматирование

  Допустимо не более 75 смайлов.

×   Ваша ссылка была автоматически заменена на медиа-контент.   Отображать как ссылку

×   Ваши публикации восстановлены.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

Зарузка...
×
×
  • Создать...

Важная информация

Находясь на нашем сайте, вы соглашаетесь на использование файлов cookie, а также с нашим положением о конфиденциальности Политика конфиденциальности и пользовательским соглашением Условия использования.