Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса 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
Возраст : 26
Регистрация : 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
Домовой
 

Мужчина

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

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

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

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

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

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



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


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


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


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

Женщина

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

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

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
Благодарности : 36

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

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
Администратор
Администратор

Женщина

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

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

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
Администратор
Администратор

Женщина

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

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

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
Администратор
Администратор

Женщина

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

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

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
Администратор
Администратор

Женщина

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

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

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
Домовой
 

Мужчина

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

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

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

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
Домовой
 

Мужчина

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

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

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

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
Администратор
Администратор

Женщина

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

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

http://poltergeist-legacy.com/

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

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

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

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



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


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


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


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

Женщина

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

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

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
Администратор
Администратор

Женщина

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

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

http://poltergeist-legacy.com/

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

Вернуться к началу

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

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