X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Вопрос! Возник, не получается.
kpuk
kpuk
Topic Starter сообщение 8.7.2009, 4:40; Ответить: kpuk
Сообщение #1


Дапустим, я Хочу сделать форму с покозателем текста! Как говорится спойлер!
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript" src="animatedcollapse.js"></script>
<body>


<p><b>Пример:</b></p>

<a href="javascript:collapse.slideit()">Показать/Скрыть</a>
<div id="cat" style="width: 300px; background-color: #99E0FB;">
<div style="padding: 0 5px">
<h3>Содержимое внутри</h3>
<h3>Содержимое внутри</h3>
</div>
</div>
<script type="text/javascript">var collapse=new animatedcollapse("cat", 800, true)</script>



</body>
</html>


А теперь кто мне Объяснит как их сделать 10 штук! че менять? Вот Это cat?? На cat1??
Потом переименовать animatedcollapse.js на animatedcollapse1.js
И после вставить вот такой код <script type="text/javascript" src="animatedcollapse1.js"></script> как в начеле??? Или же както подругому, так как все Это делаю и не че не выходит... Так как происходит вот как:
либо первый открыт всегда ибо закрыт и не открывается, а при нажатие на него он просто открывает самый первый! Помогите пожалуйста буду очень благодарен! СПАСИБО!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 8.7.2009, 9:35; Ответить: Webmaster_hb
Сообщение #2


animatedcollapse.js - должен быть один
а вот ID (уникальное имя элемента) для которого вы организовывается спойлер должны быть разными
например

<a href="javascript:collapse.slideit()">Показать/Скрыть</a>
<div id="cat2" style="width: 300px; background-color: #99E0FB;">
<div style="padding: 0 5px">
<h3>Содержимое внутри</h3>
<h3>Содержимое внутри</h3>
</div>
</div>
<script type="text/javascript">var collapse=new animatedcollapse("cat2", 800, true)</script>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kpuk
kpuk
Topic Starter сообщение 9.7.2009, 7:26; Ответить: kpuk
Сообщение #3


Вы меня походу не поняли, я так уже делал, поменял я с cat на cat2 ОНИ ОБА СКРЫВАЮТСЯ, НУ ПОСЛЕ ЭТОГО тупо раскрывается Второй, даже если я нажимаю на первый, то все равно открывается только второй......
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Galen
Galen
сообщение 9.7.2009, 12:11; Ответить: Galen
Сообщение #4


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript" src="animatedcollapse.js"></script>
<body>

<p><b>Пример:</b></p>

<a href="javascript:collapse1.slideit()">Показать/Скрыть</a>
<div id="cat1" style="width: 300px; background-color: #99E0FB;">
<div style="padding: 0 5px">
<h3>Содержимое внутри</h3>
<h3>Содержимое внутри</h3>
</div>
</div>

<a href="javascript:collapse2.slideit()">Показать/Скрыть</a>
<div id="cat2" style="width: 300px; background-color: #99E0FB;">
<div style="padding: 0 5px">
<h3>Содержимое внутри</h3>
<h3>Содержимое внутри</h3>
</div>
</div>

<a href="javascript:collapse3.slideit()">Показать/Скрыть</a>
<div id="cat3" style="width: 300px; background-color: #99E0FB;">
<div style="padding: 0 5px">
<h3>Содержимое внутри</h3>
<h3>Содержимое внутри</h3>
</div>
</div>

<script type="text/javascript">
var collapse1 = new animatedcollapse("cat1", 800, true);
var collapse2 = new animatedcollapse("cat2", 800, true);
var collapse3 = new animatedcollapse("cat3", 800, true);
</script>

</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kpuk
kpuk
Topic Starter сообщение 9.7.2009, 12:40; Ответить: kpuk
Сообщение #5


Вот теперь понял, и все работает, Спасибочки!:)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Не получается оплатить YouTube Premium (для Турции и Аргентины по VPN YouTube Premium недоступна)
 3 rownong27 549 20.3.2024, 21:39
автор: MisterBit
Открытая тема (нет новых ответов) Вопрос - платное размещение баннеров на сайте
 10 WGN 3187 14.12.2020, 14:20
автор: Peterson
Открытая тема (нет новых ответов) Вопрос по рекламе в "инстаграме"
Только активные аккаунты могут создавать или редактировать рекламу
 8 Zubkov 16053 17.1.2020, 17:49
автор: Forumacc
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВопрос-ответ о работе форума
 307 dos1k 43330 9.11.2019, 17:59
автор: heks
Открытая тема (нет новых ответов) Жена логопед, собрался ей приводить клиентов. Встал вопрос, куда приводить.
В теме перечисление доступного мне продвижения, но с чего начать?
 9 memeplex 3727 16.2.2019, 15:45
автор: zyzy


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 23.4.2024, 11:17

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet