Информация

"4admins.ru" Рекомендует

BBCode jquery spoiler

Разные довески в сообщениях
  • Автор 
    Сообщение
Аватара пользователя
Сообщения: 688
Зарегистрирован: 24 июн 2010, 13:42
Благодарил (а): 122
Поблагодарили: 312 раз в 210 сообщениях
Город: Москва
Пол: Женский
Адрес форума: http://foxlodge.fatbb.ru
Баллы репутации: 39

Re: BBCode jquery spoiler

Сообщение Добавлено: 11 фев 2014, 17:20

"M4G" писал(а):
А фаербуг невидит заголовок спойлера !

Ну надо же, какая неприятность. Видимо, персонально Вам подсунули какой-то неправильный фаербуг. Даже и не знаю, что же в такой непростой ситуации посоветовать. :)
Мой фаербуг заголовок видит.
"M4G" писал(а):
Если я меня обратно на padding: 12px 45px 12px 65px;

Обратно Вы уже не меняете. Отступа слева 65рх в Вашем первоначальном коде не было.

Аватара пользователя
Сообщения: 160
Зарегистрирован: 02 янв 2014, 23:03
Благодарил (а): 3
Поблагодарили: 3 раз в 3 сообщениях
Город: ОАЭ
Пол: Мужской
Адрес форума: http://ivbb.4adm.ru
бабло: 0
Баллы репутации: 4

Re: BBCode jquery spoiler

Сообщение Добавлено: 11 фев 2014, 17:53

Alice

Ну как вам обьяснить!
Включаю фаербуг навожу на кнопку видит
Навожу на спойлер видит
Навожу на заголовок спойлера невидет а выделяет полностьб спойлер
Изображение

Изображение

:%) :%) :%) ГДЕ СКАЧАТЬ ???
jquery/1.7.1/jquery.min.js

Аватара пользователя
Сообщения: 688
Зарегистрирован: 24 июн 2010, 13:42
Благодарил (а): 122
Поблагодарили: 312 раз в 210 сообщениях
Город: Москва
Пол: Женский
Адрес форума: http://foxlodge.fatbb.ru
Баллы репутации: 39

Re: BBCode jquery spoiler

Сообщение Добавлено: 11 фев 2014, 23:28

Ну как вам обьяснить!
Включаю фаербуг навожу на кнопку видит
Навожу на спойлер видит
Навожу на заголовок спойлера невидет а выделяет полностьб спойлер

А я и говорю, что персонально Вам какие-то интернет-злодеи подсунули неправильный фаербуг!!! :D
Изображение

Видео посмотрите, как этим приложением пользоваться. http://yandex.ru/video/search?text=Firebug
Окошки под панелью управления фаербуга сделаны не только для копирования кодов. :wink:
M4G писал(а):ГДЕ СКАЧАТЬ ???
jquery/1.7.1/jquery.min.js

Очевидно, по ссылке, приведенной в первом сообщении темы.
http://ajax.googleapis.com/ajax/libs/jq ... ery.min.js
Открыть и сохранить как js-файл

Автор не может молчать 30 минут 54 секунды и добавляет ...

"GoDFaTHeR" писал(а):
Замена HTML

Вот смотрю я через фаербаг на спойлер, над которым мучается M4G, и не пойму.

А для чего в предлагаемой HTML замене кусок:
Код: Выделить всё
<span class="l"></span><span class="r"></span>

Ни для класса l, ни для класса r дальнейшего описания стиля не предлагается...
При работе js-скрипта ничего с этими span-ами не происходит, с классами L и R тоже.
Так зачем же они тогда там? Ошибка, лишний кусок кода, или все-таки для чего-то нужно?

Автор не может молчать 55 минут 17 секунд и добавляет ...

"M4G" писал(а):
А второй спойлер становится толще а мне ненадо чтоб он становился толще!

Как-то так.
Изображение
Изображение

Аватара пользователя
Сообщения: 160
Зарегистрирован: 02 янв 2014, 23:03
Благодарил (а): 3
Поблагодарили: 3 раз в 3 сообщениях
Город: ОАЭ
Пол: Мужской
Адрес форума: http://ivbb.4adm.ru
бабло: 0
Баллы репутации: 4

Re: BBCode jquery spoiler

Сообщение Добавлено: 12 фев 2014, 00:27

щас выдернем посмотрим!

Автор не может молчать 17 минут 42 секунды и добавляет ...

у меня все по другому
Изображение

Аватара пользователя
Сообщения: 688
Зарегистрирован: 24 июн 2010, 13:42
Благодарил (а): 122
Поблагодарили: 312 раз в 210 сообщениях
Город: Москва
Пол: Женский
Адрес форума: http://foxlodge.fatbb.ru
Баллы репутации: 39

Re: BBCode jquery spoiler

Сообщение Добавлено: 12 фев 2014, 00:58

См. предыдущее сообщение
Alice писал(а):
"M4G" писал(а):
А второй спойлер становится толще а мне ненадо чтоб он становился толще!

Как-то так.
Изображение
Изображение

Аватара пользователя
Сообщения: 160
Зарегистрирован: 02 янв 2014, 23:03
Благодарил (а): 3
Поблагодарили: 3 раз в 3 сообщениях
Город: ОАЭ
Пол: Мужской
Адрес форума: http://ivbb.4adm.ru
бабло: 0
Баллы репутации: 4

Re: BBCode jquery spoiler

Сообщение Добавлено: 12 фев 2014, 01:09

Alice

Поставил ваш все прекрасно работает!
<div style='width: 99%; border: 1px dotted #aaaaaa; border-left: 4px solid #aaaaaa;'>
<script type="text/javascript">//<![CDATA[

if(!_s_id)
{
var _s_id = 0;
var sp_title = "";
function switch_spoiler(id, title)
{
if(document.getElementById("sp_d_" + id).style.display == "block")
{
document.getElementById("sp_a_" + id).innerHTML = title + " ▼ показать";
document.getElementById("sp_d_" + id).style.display = "none";
}
else
{
document.getElementById("sp_a_" + id).innerHTML = title + " ▲ свернуть";
document.getElementById("sp_d_" + id).style.display = "block";
}
}
}
_s_id++;

document.write("<div id='sp_a_" + _s_id + "' onclick='switch_spoiler(" + _s_id + ", \"{TEXT1}\");' style='vertical-align: middle; height: 30px; line-height: 30px; padding-left:10px; background-color: #fff; cursor: hand;'>{TEXT1} ▼ показать</div><div id='sp_d_" + _s_id + "' style='display: none; min-height: 25px; background-color: transparent; padding-left:10px; padding-top:5px; padding-bottom:5px;'>");
//]]></script>
{TEXT2}</div></div>


Видимо гдето ошибка здесь
<div class="container">
<div class="box closed">
<h6>
{TEXT1}
<span class="l"></span><span class="r"></span>
</h6>
<div class="hide"><span class="s">Show</span><span class="h">Hide</span></div>
<div class="block">
<div class="block_in">
{TEXT2}
</div>
</div>
</div>

</div>

Аватара пользователя
Сообщения: 688
Зарегистрирован: 24 июн 2010, 13:42
Благодарил (а): 122
Поблагодарили: 312 раз в 210 сообщениях
Город: Москва
Пол: Женский
Адрес форума: http://foxlodge.fatbb.ru
Баллы репутации: 39

Re: BBCode jquery spoiler

Сообщение Добавлено: 12 фев 2014, 01:23

"M4G" писал(а):
Поставил ваш все прекрасно работает!

А будет еще лучше, если вместо cursor: hand написать cursor: pointer

Аватара пользователя
Сообщения: 160
Зарегистрирован: 02 янв 2014, 23:03
Благодарил (а): 3
Поблагодарили: 3 раз в 3 сообщениях
Город: ОАЭ
Пол: Мужской
Адрес форума: http://ivbb.4adm.ru
бабло: 0
Баллы репутации: 4

Re: BBCode jquery spoiler

Сообщение Добавлено: 12 фев 2014, 01:28

Alice

Замечательно спс
А если местами поменять стрелку с заголовком названия спойлера ?

Аватара пользователя
Сообщения: 688
Зарегистрирован: 24 июн 2010, 13:42
Благодарил (а): 122
Поблагодарили: 312 раз в 210 сообщениях
Город: Москва
Пол: Женский
Адрес форума: http://foxlodge.fatbb.ru
Баллы репутации: 39

Re: BBCode jquery spoiler

Сообщение Добавлено: 12 фев 2014, 01:30

"M4G" писал(а):
Видимо гдето ошибка здесь

Возможно. Или что-то лишнее, или чего-то не хватает, или что-то перепутано местами.
Ну не с потолка же там span class="l" и span class="r" появились.
Для чего-то их туда авторы втыкали. Возможно, было еще какое-то оформление для левого и правого края спойлера, поэтому и буквы такие выбраны.
И добавление описания стиля для этих классов как раз и выравнивало надпись рядом с кнопкой.

Автор не может молчать 6 минут 52 секунды и добавляет ...

"M4G" писал(а):
А если местами поменять стрелку с заголовком названия спойлера ?

Ну поменяйте, почему бы и нет, все равно работать будет.

Аватара пользователя
Сообщения: 160
Зарегистрирован: 02 янв 2014, 23:03
Благодарил (а): 3
Поблагодарили: 3 раз в 3 сообщениях
Город: ОАЭ
Пол: Мужской
Адрес форума: http://ivbb.4adm.ru
бабло: 0
Баллы репутации: 4

Re: BBCode jquery spoiler

Сообщение Добавлено: 12 фев 2014, 01:48

Только во вкладке показать отображается заголовок спереди но когда спойлер открыт заголовок автоматом перемещается назад почему ? В какое место дописать код типа ▼ свернуть {TEXT1} ?
document.write("<div id='sp_a_" + _s_id + "' onclick='switch_spoiler(" + _s_id + ", \"{TEXT1}\");' style='vertical-align: middle; height: 30px; line-height: 30px; padding-left:10px; background-color: #fff; cursor: hand;'>▼ показать{TEXT1}</div><div id='sp_d_" + _s_id + "' style='display: none; min-height: 25px; background-color: transparent; padding-left:10px; padding-top:5px; padding-bottom:5px;'>");

Изображение

Изображение


Вернуться в BBcode phpbb3

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1