1 Тема от kromverk (2012-10-25 17:36:38 отредактировано kromverk)

  • kromverk
  • kromverk
  • Активист
  • Неактивен
  • Откуда: Питер
  • Зарегистрирован: 2012-04-14
  • Сообщений: 311
  • Репутация : [ 16 | 0 ]

Тема: Сполер без jquery

Сполер без Джиквери:

В футер:

<script language="JavaScript" type="text/javascript">
function open_close(id_spol) {
var obj = "";
if (document.getElementById) obj = document.getElementById(id_spol).style;
else if (document.all) obj = document.all[id_spol];
else if (document.layers) obj = document.layers[id_spol];
else return 1;
if (obj.display == "") obj.display = "none";
else if (obj.display != "none") obj.display = "none";
else obj.display = "block";
}
</script>


В сам контент:

<table border="0" cellspacing="0" cellpadding="0">
<tr>
  <td>
   <div class="spoiler_style" onClick="open_close('spoiler1')"
       style="background:#e7e7e7; border: 1px solid #4874a3; border-radius:5px;">
   <b>Спойлер</b> (кликните для показа/скрытия)
   </div>
  </td>
</tr>
<tr bgcolor="#ffffff">
  <td>
   <div id="spoiler1" style="display:none; background:#F7F7F7">
   Здесь содержится все то, что должен скрывать спойлер.
   Под спойлером может содержаться не только текст, но и картинки,
   таблицы и другие элементы.
   </div>
  </td>
</tr>
</table>


Он получается красивее чем английский плагин: http://forum.monstra.org/topic/90/spoiler-plugin/

Лучше сгореть, чем истлеть...

Сайт kromverk

Поделиться

2 Ответ от newbie

  • newbie
  • newbie
  • Активист
  • Неактивен
  • Откуда: г. Москва
  • Зарегистрирован: 2012-04-21
  • Сообщений: 473
  • Репутация : [ 26 | 3 ]

Re: Сполер без jquery

Честно, вообще смысл не уловил... Что так через скрипт, что так через скрипт....

Поделиться

3 Ответ от kromverk

  • kromverk
  • kromverk
  • Активист
  • Неактивен
  • Откуда: Питер
  • Зарегистрирован: 2012-04-14
  • Сообщений: 311
  • Репутация : [ 16 | 0 ]

Re: Сполер без jquery

А смысл в том, что часто конфликты  возникают в плагинах из за jquery (а на ней делают почти все плагины)... так вот этот вариант 100% будет работать на сайте т.к. на простом скрипте!

Лучше сгореть, чем истлеть...

Сайт kromverk

Поделиться

4 Ответ от Dante (2013-02-12 22:37:41 отредактировано Dante)

  • Dante
  • Участник
  • Неактивен
  • Зарегистрирован: 2013-01-16
  • Сообщений: 163
  • Репутация : [ 7 | 2 ]

Re: Сполер без jquery

...

Поделиться

5 Ответ от RomanArt

  • RomanArt
  • RomanArt
  • Модератор
  • Неактивен
  • Откуда: Тайланд, Бангкок
  • Зарегистрирован: 2012-04-22
  • Сообщений: 478
  • Репутация : [ 48 | 1 ]

Re: Сполер без jquery

я думал сейчас 2013, а не 2009, что за td tr? big_smile

и как мы можем понять почему он не работает если вы не выложили от него js файл? он же не маной небесной снабжается smile

(c) RomanArt
Создание дизайнов любой сложности для Monstra cms

Поделиться

6 Ответ от Dante (2013-02-12 22:37:26 отредактировано Dante)

  • Dante
  • Участник
  • Неактивен
  • Зарегистрирован: 2013-01-16
  • Сообщений: 163
  • Репутация : [ 7 | 2 ]

Re: Сполер без jquery

...

Поделиться

7 Ответ от yavasilek

  • yavasilek
  • Прохожий
  • Неактивен
  • Зарегистрирован: 2013-04-16
  • Сообщений: 2
  • Репутация : [ 0 | 0 ]

Re: Сполер без jquery

Делаем еще проще.
1) добавляем блок spoler с содержимым

<script language="JavaScript" type="text/javascript">
function open_close(id_spol) {
var obj = "";
if (document.getElementById) obj = document.getElementById(id_spol).style;
else if (document.all) obj = document.all[id_spol];
else if (document.layers) obj = document.layers[id_spol];
else return 1;
if (obj.display == "") obj.display = "none";
else if (obj.display != "none") obj.display = "none";
else obj.display = "block";
}
</script>

2) на нужной нам странице вызовем блок

{block get="spoler"}

3) оформим текст

<a href="#" onClick="open_close('spoiler1')">Подробнее</a></br>
<div id="spoiler1" style="display:none;">тут начинка нашего сполера</div>
<a href="#" onClick="open_close('spoiler2')">Подробнее</a></br>
<div id="spoiler2" style="display:none;">тут начинка нашего второго сполера</div>

Поделиться