HTML-спойлер. (на данный момент оптимально для ФОРМЫ ОТВЕТА)

Поделиться12010-01-23 23:59:33

Автор: Герда
Помощник ZeroParking
Откуда: Москва
Зарегистрирован: 2007-12-24
Приглашений: 0
Сообщений: 604
Уважение: +84
Позитив: +50
Пол: Женский
Возраст: 34 [1990-05-17]
Провел на форуме:
7 дней 11 часов
Последний визит:
2013-05-20 10:26:14

HTML - спойлер
(плоды моих мучений html-тегов )

Бета-версия! Пока что работает ТОЛЬКО В ФОРМЕ ОТВЕТА! (на стадии доработки.)

Скрипт убирает любые html-элементы под кнопку (спойлер).

Ставится ~~туда, где вы хотите этот спойлер расположить.~~ в Форму ответа

<table><tr>
<td onclick="return changeVisibility('mycolor', this)"><img src="Фоновая картинка (кнопка)" alt="Название_содержимого" /></td></tr></table>
<div class="container" id="mycolor" style="display:none; width:ширинаpx">
<table cellspacing="0">
<tr>
<td>
СОДЕРЖИМОЕ
</td>
</tr>
</table>
</div>

Скриптом можно, например, смайлики спрятать.

Отредактировано Герда (2010-01-24 00:02:54)

+1

Поделиться22010-01-27 00:02:21

Автор: kent627
Форумчанин
Зарегистрирован: 2009-11-22
Приглашений: 0
Сообщений: 19
Уважение: +1
Позитив: 0
Провел на форуме:
1 день 9 часов
Последний визит:
2010-06-14 17:29:52

Очень полезная вещь =) спс Герда

0

Поделиться32010-11-30 13:34:41

Автор: КкиТт
Форумчанин
Откуда: г. Москва
Зарегистрирован: 2009-11-17
Приглашений: 0
Сообщений: 136
Уважение: 0
Позитив: +40
Пол: Женский
Возраст: 28 [1995-12-12]
Провел на форуме:
5 дней 3 часа
Последний визит:
2012-05-06 16:24:35

спасибо

0

Поделиться42012-03-11 23:15:20

Автор: Нейрон
Форумчанин
Зарегистрирован: 2012-01-23
Приглашений: 0
Сообщений: 16
Уважение: 0
Позитив: 0
Пол: Мужской
Возраст: 25 [1999-01-23]
Провел на форуме:
18 часов 50 минут
Последний визит:
2012-08-30 14:15:53

Герда
А как можно сделать, чтоб в этом спойлере был ещё один спойлер, а уже в этом спойлере уже был текст?

Если можно, то напиши пожалуйста как

0

Поделиться52012-03-12 00:49:07

Автор: Deff
Помощник ZeroParking
Зарегистрирован: 2010-09-17
Приглашений: 0
Сообщений: 3019
Уважение: +912
Позитив: +117
Провел на форуме:
1 месяц 4 дня
Последний визит:
2014-03-14 16:00:36

Нейрон написал(а):

Герда
А как можно сделать, чтоб в этом спойлере был ещё один спойлер, а уже в этом спойлере уже был текст?

Если можно, то напиши пожалуйста как

Код:

<div class=spO>
 <input type="button" class="button" value="Показать" alt="Cкрыть"/>
<blockquote  style='display:none'>
  Тут может быть Ваш текст 1
  <div class=spO><input type="button" class="button" value="Показать" alt="Cкрыть"/>
 <blockquote  style='display:none'>
  Тут может быть Ваш текст 2
  <div class=spO><input type="button" class="button" value="Показать" alt="Cкрыть"/>
 <blockquote  style='display:none'>
  Тут может быть Ваш текст 3
</blockquote>
  <div>
</blockquote>
  <div>
</blockquote>
<div>
<script>
$(function(){
$(".spO input[type='button']").click(function(){
$(this).parents('div.spO:first').find('blockquote:first').toggle('normal');
var a = $(this).attr('value');$(this).attr('value',$(this).attr('alt'));$(this).attr('alt',a);
 });});
</script>

Отредактировано Deff (2012-03-12 00:50:00)

0

Поделиться62012-03-12 22:27:12

Автор: Нейрон
Форумчанин
Зарегистрирован: 2012-01-23
Приглашений: 0
Сообщений: 16
Уважение: 0
Позитив: 0
Пол: Мужской
Возраст: 25 [1999-01-23]
Провел на форуме:
18 часов 50 минут
Последний визит:
2012-08-30 14:15:53

Deff
СПАСИБО БОЛЬШУЩЕЕ У МЕНЯ ПАШЕТ

0

Поделиться72012-03-13 21:51:44

Автор: Нейрон
Форумчанин
Зарегистрирован: 2012-01-23
Приглашений: 0
Сообщений: 16
Уважение: 0
Позитив: 0
Пол: Мужской
Возраст: 25 [1999-01-23]
Провел на форуме:
18 часов 50 минут
Последний визит:
2012-08-30 14:15:53

Deff
а можешь ещё помочь вот с чем, чтоб был: скрипт, в этом скрипте несколько скриптов, а в этих скриптах тексты.

Можно так?

0

Поделиться82012-03-14 01:45:58

Автор: Deff
Помощник ZeroParking
Зарегистрирован: 2010-09-17
Приглашений: 0
Сообщений: 3019
Уважение: +912
Позитив: +117
Провел на форуме:
1 месяц 4 дня
Последний визит:
2014-03-14 16:00:36

Нейрон
Приведите конкретный пример... пока не сильно понимаю о чем речь (Или заворот на матрёшках ?

Конечный итог затеи ?

Отредактировано Deff (2012-03-14 01:46:42)

0

Поделиться92012-03-14 21:08:37

Автор: Нейрон
Форумчанин
Зарегистрирован: 2012-01-23
Приглашений: 0
Сообщений: 16
Уважение: 0
Позитив: 0
Пол: Мужской
Возраст: 25 [1999-01-23]
Провел на форуме:
18 часов 50 минут
Последний визит:
2012-08-30 14:15:53

вот Ссылка ты не ошибёшься с темой

0

Поделиться102012-03-14 21:22:36

Автор: Нейрон
Форумчанин
Зарегистрирован: 2012-01-23
Приглашений: 0
Сообщений: 16
Уважение: 0
Позитив: 0
Пол: Мужской
Возраст: 25 [1999-01-23]
Провел на форуме:
18 часов 50 минут
Последний визит:
2012-08-30 14:15:53

Deff
Чтобы спойлер Драгонойд был не в спойлере Многоликий, а рядом с этим спойлером

0

Поделиться112012-03-14 23:06:53

Автор: Deff
Помощник ZeroParking
Зарегистрирован: 2010-09-17
Приглашений: 0
Сообщений: 3019
Уважение: +912
Позитив: +117
Провел на форуме:
1 месяц 4 дня
Последний визит:
2014-03-14 16:00:36

Нейрон
Сделайте скриншот - ткните стрелкой - (Ток зайдите под гостем!

0

Поделиться122012-03-14 23:08:47

Автор: Deff
Помощник ZeroParking
Зарегистрирован: 2010-09-17
Приглашений: 0
Сообщений: 3019
Уважение: +912
Позитив: +117
Провел на форуме:
1 месяц 4 дня
Последний визит:
2014-03-14 16:00:36

Нейрон
И удалите повторный скрипт из HTML низ

<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>

0

Поделиться132012-03-15 21:48:51

Автор: Нейрон
Форумчанин
Зарегистрирован: 2012-01-23
Приглашений: 0
Сообщений: 16
Уважение: 0
Позитив: 0
Пол: Мужской
Возраст: 25 [1999-01-23]
Провел на форуме:
18 часов 50 минут
Последний визит:
2012-08-30 14:15:53

Deff
у меня этого скрипта вообще нет.

Вот мой скрипт, можешь подправить, что надо?

0

Поделиться142012-03-15 21:51:24

Автор: Нейрон
Форумчанин
Зарегистрирован: 2012-01-23
Приглашений: 0
Сообщений: 16
Уважение: 0
Позитив: 0
Пол: Мужской
Возраст: 25 [1999-01-23]
Провел на форуме:
18 часов 50 минут
Последний визит:
2012-08-30 14:15:53

<div class=spO>
<input type="button" class="button" value="Главные бакуганы" alt="Закрыть"/>
<blockquote style='display:none'>
<div class=spO>
<input type="button" class="button" value="Земля" alt="Закрыть"/>
<blockquote style='display:none'><div class=spO><input type="button" class="button" value="Многоликий" alt="Закрыть"/>
<blockquote style='display:none'>
ЛИЦО ЯРОСТИ:
<img src="http://gifr.ru/data/gifs/7/b/0/7b06cf3ecb.gif" style="cursor: pointer" onclick="smile('Лицо ярости: передает 50 от противника Многоликому. Атака')" /> |||||
ЛИЦО ПЕЧАЛИ:
<img src="http://gifr.ru/data/gifs/7/b/0/7b06cf3ecb.gif" style="cursor: pointer" onclick="smile('Лицо печали: спасает от атаки, блокирует карту ворот противника, блокирует все способности противника в следующий ход')" /> |||||
СЛИЯНИЕ СПОСОБНОСТЕЙ НЕБО В ГРОЗУ,ДОЖДЬ ТЫСЯЧИ КЛИНКОВ:
<img src="http://gifr.ru/data/gifs/7/b/0/7b06cf3ecb.gif" style="cursor: pointer" onclick="smile('Слияние способностей Небо в грозу, дождь тысячи клиноков: противник -200. Атака')" /> |||||
СЛИЯНИЕ СПОСОБНОСТЕЙ НЕБО В ГРОЗУ,ДОЖДЬ СМЕНА МАСКИ:
<img src="http://gifr.ru/data/gifs/7/b/0/7b06cf3ecb.gif" style="cursor: pointer" onclick="smile('Смена маски: +200. Атака')" /> |||||<div class=spO><input type="button" class="button" value="Драгоноид" alt="Закрыть"/>
<blockquote style='display:none'>
<div class=spO><input type="button" class="button" value="1 эволюция" alt="Закрыть"/>
<blockquote style='display:none'>
ОГНЕННАЯ ЗАЩИТА:
<img src="http://gifr.ru/data/gifs/7/b/0/7b06cf3ecb.gif" style="cursor: pointer" onclick="smile('Огненная защита: спасает от атаки')" /> |||||
УВЕЛИЧИТЬ СИЛУ:
<img src="http://gifr.ru/data/gifs/7/b/0/7b06cf3ecb.gif" style="cursor: pointer" onclick="smile('Увеличить силу: +100')" /> |||||
ПРОКАЧАТЬ ДРАКОНА:
<img src="http://gifr.ru/data/gifs/7/b/0/7b06cf3ecb.gif" style="cursor: pointer" onclick="smile('Прокачать Дракона: +100G, атака')" /> |||||
СЛИЯНИЕ СПОСОБНОСТЕЙ ОГНЕННАЯ ВСПЫШКА:
<img src="http://gifr.ru/data/gifs/7/b/0/7b06cf3ecb.gif" style="cursor: pointer" onclick="smile('Слияние способностей Огненная Вспышка: +150, Атака')" /> |||||
</blockquote>
<div>
</blockquote>
<div>
</blockquote>
<div>
<script>
$(function(){
$(".spO input[type='button']").click(function(){
$(this).parents('div.spO:first').find('blockquote:first').toggle('normal');
var a = $(this).attr('value');$(this).attr('value',$(this).attr('alt'));$(this).attr('alt',a);
});});
</script>

0

Поделиться152012-03-16 17:43:54

Автор: Deff
Помощник ZeroParking
Зарегистрирован: 2010-09-17
Приглашений: 0
Сообщений: 3019
Уважение: +912
Позитив: +117
Провел на форуме:
1 месяц 4 дня
Последний визит:
2014-03-14 16:00:36

Код:

<div class=spO> <input type="button" class="button" value="Главные бакуганы" alt="Закрыть/Главные бакуганы"/>
<blockquote  style='display:none'>

<div class=spO><input type="button" class="button" value="Земля" alt="Закрыть/Земля"/>
<blockquote  style="display:none;border:1px solid #0AAEB2!important;">

<!--Начало Таблички-->
<table width=100%><tr valign=top><td width=50%>
<!--Начало Многоликий--><div class=spO><input type="button" class="button" value="Многоликий" alt="Закрыть/Многоликий"/>
 <blockquote  style='display:none'>
ЛИЦО ЯРОСТИ:<br/><img src="http://gifr.ru/data/gifs/7/b/0/7b06cf3ecb.gif" style="cursor: pointer" onclick="smile('Лицо ярости: передает 50 от противника Многоликому. Атака')" /><br/>

ЛИЦО ПЕЧАЛИ:<br/><img src="http://gifr.ru/data/gifs/7/b/0/7b06cf3ecb.gif" style="cursor: pointer" onclick="smile('Лицо печали:  спасает от атаки, блокирует карту ворот противника, блокирует все способности противника в следующий ход')" /><br/>

СЛИЯНИЕ СПОСОБНОСТЕЙ НЕБО В ГРОЗУ,ДОЖДЬ ТЫСЯЧИ КЛИНКОВ:<br/><img src="http://gifr.ru/data/gifs/7/b/0/7b06cf3ecb.gif" style="cursor: pointer" onclick="smile('Слияние способностей Небо в грозу, дождь тысячи клиноков: противник -200. Атака')" /><br/>

СЛИЯНИЕ СПОСОБНОСТЕЙ НЕБО В ГРОЗУ,ДОЖДЬ СМЕНА МАСКИ:<br/><img src="http://gifr.ru/data/gifs/7/b/0/7b06cf3ecb.gif" style="cursor: pointer" onclick="smile('Смена маски: +200. Атака')" /><br/>
<br/>

<!--Концовка  Многоликий--></blockquote><div>
</td>
<td width=50%>
<div class=spO><input type="button" class="button" value="Драгоноид" alt="Закрыть/Драгоноид"/>
 <blockquote  style='display:none'>

<!--Начало Драгоноид--><div class=spO><input type="button" class="button" value="1 эволюция" alt="Закрыть/1 эволюция"/>
 <blockquote  style='display:none'>
ОГНЕННАЯ ЗАЩИТА:<br/>
<img src="http://gifr.ru/data/gifs/7/b/0/7b06cf3ecb.gif" style="cursor: pointer" onclick="smile('Огненная защита: спасает от атаки')" /> |||||<br/>
УВЕЛИЧИТЬ СИЛУ:<br/>
<img src="http://gifr.ru/data/gifs/7/b/0/7b06cf3ecb.gif" style="cursor: pointer" onclick="smile('Увеличить силу: +100')" /> |||||<br/>
ПРОКАЧАТЬ ДРАКОНА:<br/>
<img src="http://gifr.ru/data/gifs/7/b/0/7b06cf3ecb.gif" style="cursor: pointer" onclick="smile('Прокачать Дракона: +100G, атака')" /> |||||<br/>
СЛИЯНИЕ СПОСОБНОСТЕЙ ОГНЕННАЯ ВСПЫШКА:<br/>
<img src="http://gifr.ru/data/gifs/7/b/0/7b06cf3ecb.gif" style="cursor: pointer" onclick="smile('Слияние способностей Огненная Вспышка: +150, Атака')" /> |||||<br/>
<!--Концовка  1 эволюция--></blockquote><div>
<!--Концовка  Драгоноид--></blockquote><div>
</td></tr></table><!--Конец Таблички-->


<!--Концовка  Земля--></blockquote><div>
<!--Концовка  Главные бакуганы--></blockquote><div>
<script>
$(function(){
$(".spO input[type='button']").click(function(){
$(this).parents('div.spO:first').find('blockquote:first').toggle('normal');
var a = $(this).attr('value');$(this).attr('value',$(this).attr('alt'));$(this).attr('alt',a);
 });});
</script>

Отредактировано Deff (2012-03-16 19:05:28)

0

Поделиться162012-03-16 19:44:52

Автор: Нейрон
Форумчанин
Зарегистрирован: 2012-01-23
Приглашений: 0
Сообщений: 16
Уважение: 0
Позитив: 0
Пол: Мужской
Возраст: 25 [1999-01-23]
Провел на форуме:
18 часов 50 минут
Последний визит:
2012-08-30 14:15:53

Deff
СПАСИБО БОЛЬШОЙ, КЛАСС!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1

0

Форум поддержки пользователей ZeroParking

Меню навигации

Пользовательские ссылки

Информация о пользователе