Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Предыдущая тема Следующая тема Перейти вниз

Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Саманта в Вс 3 Апр - 14:17

???
avatar
Саманта
 

Женщина

Сообщения : 85
Возраст : 20
Регистрация : 2010-10-16
Благодарности : 0

Без предупреждений

http://schoolibiza.forumei.com/

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор kazanec в Вс 3 Апр - 14:28

думаю вам это может подойти
http://help.forum2x2.ru/t16444-topic

kazanec
 

Мужчина

Сообщения : 57
Возраст : 25
Регистрация : 2010-12-10
Благодарности : 0

Без предупреждений

http://kets.forum2x2.ru/forum.htm

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Саманта в Вс 3 Апр - 14:41

нет. не меню, а блин...вот ссылка. http://miami-university.forumei.com/ В приветствии нажмите на слово "Акции"
Видите?Как так сделать?
avatar
Саманта
 

Женщина

Сообщения : 85
Возраст : 20
Регистрация : 2010-10-16
Благодарности : 0

Без предупреждений

http://schoolibiza.forumei.com/

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Домовой в Вс 3 Апр - 15:25

Вот
В приветствие
Код:
<script type="text/javascript">
  jQuery(document).ready(function(){
    jQuery('.splLink').click(function(){
      jQuery(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

<style>
.spll div .splCont {
height:auto;
width:300px;
background-color: #CECECE;
z-index:1000;
margin-top:2px;
border:1px dotted #000;
font-size:14px;
font-weight: bold;
font-family:Comic Sans MS;
padding:5px;
}
</style>

<table>
<tr>

<td><div class="spll"><DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s2.ipicture.ru/uploads/20110326/K1RC3ilu.png"></div><DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">

Action 1. Bad boys and girls <br/>
Action 2. Golden girls and boys <br/>
Action 3. Party People <br/>
Action 4. Cheerleader <br/>
Action 5. Beautiful and clever <br/>
Action 6. Themselves <br/>
Action 7. Teachers <br/>
Action 8. We need you <br/>
Action 9. Welcome

</DIV></DIV>
</div></td>


</tr>
</table>
Образец
http://domovoy.forumy2x2.ru/

Подробней про это можно посмотреть здесь
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3232

Без предупреждений

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Dana Domirani в Вс 3 Апр - 19:28

Тема отредактирована.
Пожалуйста, не пишите о своих проблемах в чужой теме - откройте новую тему и там подробно все излагайте.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22454
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9052

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Sunnyta в Вс 3 Апр - 22:06

Домовой, отличный код.
Приберегу, вдруг пригодится 22
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Eeleidan в Вс 3 Апр - 22:12

Sunnyta, за этот код надо благодарить Dana Domirani, благодаря ей я уже давно таким спойлером пользуюсь wink
avatar
Eeleidan
 

Женщина

Сообщения : 69
Возраст : 31
Регистрация : 2009-12-01
Благодарности : 35

Без предупреждений

http://www.7kingdoms.biz/

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Саманта в Пн 4 Апр - 14:14

Ещё вопрос.

Почему вокруг слова Actions рамка?Мне она не нужна! cray
avatar
Саманта
 

Женщина

Сообщения : 85
Возраст : 20
Регистрация : 2010-10-16
Благодарности : 0

Без предупреждений

http://schoolibiza.forumei.com/

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Саманта в Пн 4 Апр - 14:45

worthy
avatar
Саманта
 

Женщина

Сообщения : 85
Возраст : 20
Регистрация : 2010-10-16
Благодарности : 0

Без предупреждений

http://schoolibiza.forumei.com/

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Dana Domirani в Пн 4 Апр - 14:51

А по ссылке это увидеть можно?



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22454
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9052

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Саманта в Пн 4 Апр - 15:05

avatar
Саманта
 

Женщина

Сообщения : 85
Возраст : 20
Регистрация : 2010-10-16
Благодарности : 0

Без предупреждений

http://schoolibiza.forumei.com/

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Dana Domirani в Пн 4 Апр - 15:27

Секунду.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22454
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9052

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Саманта в Пн 4 Апр - 15:33

Откуда?Из этого кода?
avatar
Саманта
 

Женщина

Сообщения : 85
Возраст : 20
Регистрация : 2010-10-16
Благодарности : 0

Без предупреждений

http://schoolibiza.forumei.com/

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Dana Domirani в Пн 4 Апр - 15:36

Да, из всех ссылок в приветствии. Я уже убрала. Рамку тоже убрала - изображение было в таблице, поэтому отображалось с бордюром.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22454
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9052

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Саманта в Пн 4 Апр - 15:39

Что-то я не найду
Спойлер:
<table class="tbglav" width="100%" cellspacing="1" border="1">
<tr valign="top">

<td rowspan="3" align="center" valign="middle"><font color="#8F8F8F"><font face="Ariston"><span style="font-size: 24px; line-height: normal">Administrators</span></font></font>
<a href="http://schoolibiza.forumei.com/u1" class="postlink"><img src="http://www.imageup.ru/img57/nina618159.png" border="0" alt="" /></a> <a href="http://schoolibiza.forumei.com/u2" class="postlink"> <img src="http://www.imageup.ru/img57/megan618158.png" border="0" alt="" /></a>
<font color="#8F8F8F"><font face="Ariston"><span style="font-size: 24px; line-height: normal">Moderators</span></font></font>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.splLink').click(function(){
jQuery(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>

<style>
.spll div .splCont {
height:auto;
width:300px;
background-color: #FFF;
z-index:1000;
margin-top:2px;
border:1px dotted #FFF;
font-size:14px;
font-weight: bold;
font-family:Comic Sans MS;
padding:5px;
}
</style><div class="spll"><DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://www.imageup.ru/img131/011111619406.jpg"></div><DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">

<a href="http://schoolibiza.forumei.com/t2-topic" class="postlink">Action №1:Golden people </a><br/>
<a href="http://schoolibiza.forumei.com/t4-topic" class="postlink">Action №2: Party People </a> <br/>
<a href="http://schoolibiza.forumei.com/t17-topic" class="postlink">Action №3:Bad boys and girls </a> <br/>
<a href="http://schoolibiza.forumei.com/t18-topic" class="postlink">Action №4. Cheerleader</a> <br/>
<a href="http://schoolibiza.forumei.com/t19-topic" class="postlink">Action №5. Beautiful and clever </a> <br/>
<a href="http://schoolibiza.forumei.com/t20-topic" class="postlink">Action №6. Lone romance </a><br/>
<a href="http://schoolibiza.forumei.com/t21-topic" class="postlink">Action №7. Teachers </a> <br/>
<a href="http://schoolibiza.forumei.com/t23-topic" class="postlink">Action №8. We need you</a> <br/>

</div></div></div>

</td>

<td rowspan="3" align="center" valign="middle"><font color="#8F8F8F"><font face="Ariston"><span style="font-size: 24px; line-height: normal">Welcome</span></font></font><div style="overflow: scroll; overflow-x: hidden;height: 100px;"><div style="margin:auto;text-align:center;width:100%">Добро пожаловать на нашу новую
ролевую!У вас есть возможность учиться отдыхая!
да-да, именно отдыхая...на берегу океана. Именно
здесь происходят мелкие интрижки, ссоры, пикантные
истории! Место, где должен побывать каждый!</div>
</div>

<font color="#8F8F8F"><font face="Ariston"><span style="font-size: 24px; line-height: normal">In game</span></font></font><div style="overflow: scroll; overflow-x: hidden;height: 100px;"><div style="margin:auto;text-align:center;width:100%">Первое сентября-первый день учебы,
праздник для ботаников и наказание для других.Но в
этом есть и плюс-встреча друзей,которые не виделись
целое лето! Тусовщикам хочется оттянутся по-настоящему
и они утраивают вечеринку в честь Дня Знаний.А все
знают,что на тусах вечно интриги,любовь,возможно,
драки и алкоголь,который этому всему содействует.
Посмотрим,что сделают наши ученики и будут ли
помнить свои поступки.</div>
</div>

</td><div style="margin:auto;text-align:center;width:100%"><td rowspan="3" align="center" valign="middle"><font color="#8F8F8F"><font face="Ariston"><span style="font-size: 24px; line-height: normal">News</span></font></font></div><div style="margin:auto;text-align:center;width:100%">Внимание!</div><div style="margin:auto;text-align:center;width:100%">Проходит набор в администрацию
ролевой. Подробнее в
<a href="http://schoolibiza.forumei.com/t9-topic" class="postlink"> этой</a> теме.</div><div style="margin:auto;text-align:center;width:100%"><font color="#8F8F8F"><font face="Ariston"><span style="font-size: 24px; line-height: normal">Date</span></font></font></div>
1 сентября, 09:00<div style="margin:auto;text-align:center;width:100%"><font color="#8F8F8F"><font face="Ariston"><span style="font-size: 24px; line-height: normal">Weather</span></font></font></div><div style="overflow: scroll; overflow-x: hidden;height:100px;">
Целый день стояла жаркая солнечная
погода, которая продержалась до
самого вечера. Похолодания не
ожидается.

Жарко и солнечно, +28
</div>

</td>

</table>
avatar
Саманта
 

Женщина

Сообщения : 85
Возраст : 20
Регистрация : 2010-10-16
Благодарности : 0

Без предупреждений

http://schoolibiza.forumei.com/

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Dana Domirani в Пн 4 Апр - 15:45

Саманта, я уже убрала их. Первоначально они выглядели как
Код:
<a href="http://schoolibiza.forumei.com/t2-topic?sid=683****************0f28" class="postlink">Action №1:Golden people </a><br/>
Будьте внимательнее, пожалуйста wink



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22454
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9052

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Sunnyta в Пн 4 Апр - 18:12

Eeleidan пишет:Sunnyta, за этот код надо благодарить Dana Domirani, благодаря ей я уже давно таким спойлером пользуюсь wink
Тогда еще хотелось то же самое красивое, но не при клике, а при наведении ...
Дана, это возможно? wink
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Домовой в Пн 4 Апр - 19:44

Sunnyta пишет:
Тогда еще хотелось то же самое красивое, но не при клике, а при наведении ...
Дана, это возможно? wink
Вот это
Код:
<script type="text/javascript">
  jQuery(document).ready(function(){
    jQuery('.splLink').click(function(){
      jQuery(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
замени на это
Код:
<script type="text/javascript">
jQuery(document).ready(function(){
   jQuery('.splLink').parent().hover(function(){
jQuery(this).children('div.splCont').toggle('normal');
   },
   function(){
jQuery(this).children('div.splCont').toggle('normal');
   });
});
</script>
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3232

Без предупреждений

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Sunnyta в Пн 4 Апр - 19:49

Мучас грасьяс good
*ты его проверил, а то мне пока некогда?
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Домовой в Пн 4 Апр - 21:52

Sunnyta пишет:Мучас грасьяс good
*ты его проверил, а то мне пока некогда?
Я им пользовался неоднократно)))
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3232

Без предупреждений

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Саманта в Вт 5 Апр - 16:08

А как уменьшить скорость?
http://schoolibiza.forumei.com/
Очень быстро как-то
avatar
Саманта
 

Женщина

Сообщения : 85
Возраст : 20
Регистрация : 2010-10-16
Благодарности : 0

Без предупреждений

http://schoolibiza.forumei.com/

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Dana Domirani в Вт 5 Апр - 16:22

Скорость скриптом не задается (в этом варианте), сейчас он просто неправильно работает.

Попробуйте убрать дубль скрипта после баннеров уберите, его не надо дважды ставить.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22454
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9052

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Dana Domirani в Пт 8 Апр - 17:51

Проблема решена, как я понимаю? Тему можно закрывать?



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22454
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9052

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Саманта в Пт 8 Апр - 17:53

да,спасибо вам
avatar
Саманта
 

Женщина

Сообщения : 85
Возраст : 20
Регистрация : 2010-10-16
Благодарности : 0

Без предупреждений

http://schoolibiza.forumei.com/

Вернуться к началу Перейти вниз

Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?

Сообщение автор Dana Domirani в Пт 8 Апр - 17:53

Пожалуйста!



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22454
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9052

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения