Создать форум бесплатно: ixbb.ru :: Календарь на Апрель 2024 года: calendar2008.ru/2024/aprel/

Страницы: (2) [1] 2  ( Перейти к первому непрочитанному сообщению ) Reply to this topicStart new topicStart Poll

доработать спойлер

, менялись бы значки с [+] на [-]
Подписка на тему | Сообщить другу | Версия для печати
mjc66
Отправлено: Apr 17 2012, 12:08 AM
Quote Post


  Сержант
*

Группа: Members
Сообщений: 15
Пользователь №: 951
Регистрация:
15-June 07
Имеется такой код спойлера:

CODE
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"> </script>
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>
<style type="text/css">
.splCont{display:none; padding:3px 5px;}
</style>


это то что расположено между тегами <head></head>

Вот сам спойлер:

CODE
<a href="javscript://" class="splLink">Спойлер</a><div class="splCont">скрытый текст</div>


У меня вопрос, а как сделать так чтобы при открытии/закрытии спойлера, менялись бы значки с [+] на [-]???


--------------------
Admiral Kanaris
PMEmail PosterUsers WebsiteICQ
Top
meta-trader
Отправлено: Apr 17 2012, 12:41 AM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1120
Пользователь №: 1194
Регистрация:
11-October 07
Жесть полная. 1.3 версия оч старая. Минимум рекомендую 1.4.4.

А где в коде эти значки? о_0

CODE
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"> </script>
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal').toggle('a.splLink span');
return false;
});
});
</script>
<style type="text/css">
div.splCont{display:none; padding:3px 5px;}
a.splLink span#minus{display:none;}
</style>


CODE
<a href="javscript://" class="splLink">
<span id="plus">[+]</span>
<span id="minus">[-]</span>
Спойлер</a><div class="splCont">скрытый текст</div>


--------------------
Нужен форум для сайта? Создать свой форум
Нравятся ролевые игры? Создать форум для ролевой игры - создай ролевую и наслаждайся игрой!
Международный сервис фришных форумов - создать форум бесплатно.
PMEmail PosterUsers WebsiteICQ
Top
meta-trader
Отправлено: Apr 17 2012, 12:46 AM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1120
Пользователь №: 1194
Регистрация:
11-October 07
Не.. где то я ошибся)


--------------------
Нужен форум для сайта? Создать свой форум
Нравятся ролевые игры? Создать форум для ролевой игры - создай ролевую и наслаждайся игрой!
Международный сервис фришных форумов - создать форум бесплатно.
PMEmail PosterUsers WebsiteICQ
Top
mjc66
Отправлено: Apr 17 2012, 12:48 AM
Quote Post


  Сержант
*

Группа: Members
Сообщений: 15
Пользователь №: 951
Регистрация:
15-June 07
Спасибо большое!


--------------------
Admiral Kanaris
PMEmail PosterUsers WebsiteICQ
Top
meta-trader
Отправлено: Apr 17 2012, 12:49 AM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1120
Пользователь №: 1194
Регистрация:
11-October 07
CODE

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"> </script>
<script type="text/javascript">
$('а.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
$(this).find('span').toggle('fast');
return false;
});
</script>
<style type="text/css">
div.splCont{display:none; padding:3px 5px;}
a.splLink span#minus{display:none;}
</style>


Так вродь правильно.


--------------------
Нужен форум для сайта? Создать свой форум
Нравятся ролевые игры? Создать форум для ролевой игры - создай ролевую и наслаждайся игрой!
Международный сервис фришных форумов - создать форум бесплатно.
PMEmail PosterUsers WebsiteICQ
Top
mjc66
Отправлено: Apr 17 2012, 01:20 AM
Quote Post


  Сержант
*

Группа: Members
Сообщений: 15
Пользователь №: 951
Регистрация:
15-June 07
Что-то не работает. При нажати в браузере пишеться: "Firefox не может определить, как открыть данный адрес, так как протокол (javscript) не связан ни с одним приложением." Когда устанавливал по первому варианту спойлер открывался и сразу закрывался.


--------------------
Admiral Kanaris
PMEmail PosterUsers WebsiteICQ
Top
meta-trader
Отправлено: Apr 17 2012, 02:03 AM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1120
Пользователь №: 1194
Регистрация:
11-October 07
CODE

<a href="#" class="splLink">
<span id="plus">[+]</span>
<span id="minus">[-]</span>
Спойлер</a>
<div class="splCont">скрытый текст</div>


А так, вместе с http://forum.aceweb.ru/index.php?showtopic...indpost&p=31491 ?


--------------------
Нужен форум для сайта? Создать свой форум
Нравятся ролевые игры? Создать форум для ролевой игры - создай ролевую и наслаждайся игрой!
Международный сервис фришных форумов - создать форум бесплатно.
PMEmail PosterUsers WebsiteICQ
Top
mjc66
Отправлено: Apr 17 2012, 02:17 AM
Quote Post


  Сержант
*

Группа: Members
Сообщений: 15
Пользователь №: 951
Регистрация:
15-June 07
Нет не работает, спойлер не открывается, страница дергается как при нажатии на глухую ссылку


--------------------
Admiral Kanaris
PMEmail PosterUsers WebsiteICQ
Top
meta-trader
  Отправлено: Apr 17 2012, 05:36 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1120
Пользователь №: 1194
Регистрация:
11-October 07
CODE

<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$('a.splLink').live('click',function(){
$(this).parent('*').children('div.splCont').toggle('normal');
$(this).find('span').toggle('fast');
return false;
});
</script>
<style type="text/css">
div.splCont{display:none; padding:3px 5px;}
a.splLink span#minus{display:none;}
</style>

<a href="#" class="splLink">
<span id="plus">[+]</span>
<span id="minus">[-]</span>
Спойлер</a>
<div class="splCont">скрытый текст</div>



--------------------
Нужен форум для сайта? Создать свой форум
Нравятся ролевые игры? Создать форум для ролевой игры - создай ролевую и наслаждайся игрой!
Международный сервис фришных форумов - создать форум бесплатно.
PMEmail PosterUsers WebsiteICQ
Top
mjc66
Отправлено: Apr 18 2012, 12:30 AM
Quote Post


  Сержант
*

Группа: Members
Сообщений: 15
Пользователь №: 951
Регистрация:
15-June 07
Спасибо большое, дружище! Выручил меня. Все работает.


--------------------
Admiral Kanaris
PMEmail PosterUsers WebsiteICQ
Top
« Предыдущая тема | Все о javascript | Следующая тема »

Topic OptionsСтраницы: (2) [1] 2  Reply to this topicStart new topicStart Poll

 



[ Script Execution time: 0.0201 ]   [ 10 queries used ]   [ GZIP выключен ]

Powered by Invision Power Board 1.3 (U) © 2003  IPS, Inc.