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

Тема: Сполер без 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

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

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

Поделиться

3

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

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

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

Сайт kromverk

Поделиться

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

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

...

Поделиться

5

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

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

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

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

Поделиться

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

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

...

Поделиться

7

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>

Поделиться