Гость !!! | RSS
Сегодня на сайте
Новые сообщения Участники Правила форума Поиск RSS
  • Страница 1 из 1
  • 1
Модератор форума: Khufu  
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" становятся спойлерами


 
  • Страница 1 из 1
  • 1
Поиск:
мини-чат
Tagis Балаболка
Инфо сайта
Инфо форума

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