Гость !!! | RSS
Смотреть онлайн:Индейцы
Смотреть онлайн:Как Иванушка–дурачок за чудом ходил
Смотреть онлайн:Татьяна Арнтгольц сыграла падшую женщину
Смотреть онлайн:ПУХХ - Поника
Смотреть онлайн:Четырнадцатый - двадцать пятый день
Смотреть онлайн:Любовь или карьера
Смотреть онлайн:Тунец по-астуриански
Смотреть онлайн:Три богатыря и Шамаханская царица. Трейлер
Смотреть онлайн:Свеженький «Фруктовый кефир». Эксклюзивное ...
Смотреть онлайн:Квартал - Моя любовь осталась в Амстердаме
Смотреть онлайн:Стрип-клуб Елены Берковой
Смотреть онлайн:Михаил Круг - День как день
Смотреть онлайн:Барные стойки. Выпуск 110
Смотреть онлайн:Знаменитости показали своих жен и мужей
Смотреть онлайн:Яблочный десерт
Смотреть онлайн:Доставка пиццы
Смотреть онлайн:Случай с бегемотом
Смотреть онлайн:Страшная тайна Айзеншписа открылась на дне ...
Смотреть онлайн:Сделка
Смотреть онлайн:Не место красит человека...
Сегодня на сайте
Новые сообщения Участники Правила форума Поиск RSS
  • Страница 1 из 1
  • 1
Модератор форума: Khufu  
Форум » Скрипты » Другие Скрипты » BspoilerControl - код спойлера на java-script / jquery
BspoilerControl - код спойлера на java-script / jquery
« Azzazil666 » Дата: Воскресенье, 08 Мая 2011, 20:12:49 | Сообщение # 1
Князь - Мира Сия
Azzazil666
«Администратор»
Сообщений: 418
Замечания: ±
Статус Настроения: [редактировать]
Отсутствует

Бывает нужно расположить часть текста, картинку, или что-нибудь еще на странице в скрытом виде, с возможностью развернуть без перезагрузки страницы.
С использованием Jquery (jquery.com) и минимальными знаниями java-script это реализуется довольно просто.

Качаем jquery и выкладываем к себе на сайт.

В на нужных страницах прописываем jquery:
type="text/JavaScript" src="jquery-1.4.2.min.js">

После этого там же в прописываем:
$(document).ready(function()
…здесь будет наш основной код …
});

Все инструкции, которые находятся внутри этого фрагмента получают команду на выполнение 1 раз после того как страница была загружена и готова к использованию. То что надо.
Теперь самое интересное как все должно работать?!
Скажем у нас текст, который нужно спрятать выглядит так:

1. Первое, что я бы посоветовал Вам сделать - загрузится с любого имеющегося под рукой Live CD операционной системы Windows - Infr@ Live CD, ERD Commander и др.

Заключаем его в div, которым потом удобно управлять.
name='spoiler'>

1. Первое, что я бы посоветовал Вам сделать - загрузится с любого имеющегося под рукой Live CD операционной системы Windows - Infr@ Live CD, ERD Commander и др.


Следующий скрипт создает перед всеми элементами DIV с name='spoiler' управляющие кнопки, которые по щелчку мыши сворачивают или разворачивают спойлеры.
На странице это используется супер-просто – достаточно заключить нужный фрагмент в
name='spoiler'>….

Спойлеры активируются вызовом

Code
$(document).ready(function(){
BspoilerControl();
});

Все div, у которых name="spoiler" становятся спойлерами


 
Форум » Скрипты » Другие Скрипты » BspoilerControl - код спойлера на java-script / jquery
  • Страница 1 из 1
  • 1
Поиск:
мини-чат
Tagis Балаболка
Инфо сайта
Инфо форума

Все права защищены! shalbuzdag-666.ucoz.ru © 2009 – 2024 ()
уЧётчик сайта