Гость !!! | RSS
Смотреть онлайн:Большая скорость
Смотреть онлайн:Аульф против Кота в бахилах
Смотреть онлайн:Санта Клаус против рождественской индейки
Смотреть онлайн:Йога. Выпуск 5
Смотреть онлайн:Набирание одной спицей
Смотреть онлайн:Датские законы для автолюбителей
Смотреть онлайн:Команда «Емеля» запускает печкосамолет
Смотреть онлайн:Обед охотника
Смотреть онлайн:Сэндвич с сыром и яйцами
Смотреть онлайн:Апельсиновый соус
Смотреть онлайн:Сэндвич с тунцом
Смотреть онлайн:Тюльпанчики
Смотреть онлайн:Приключения Буратино
Смотреть онлайн:Хип-хоп. Выпуск 27
Смотреть онлайн:Ария — Осколок льда (live)
Смотреть онлайн:Предел выносливости
Смотреть онлайн:Joe Schwartz показал класс
Смотреть онлайн:Кальмар «Тирадито»
Смотреть онлайн:Недрагоценные камни очень пикантны
Смотреть онлайн:Сергей Зверев избавился от бриллиантовой елки
Меню сайта
Оставить отзыв Гороскопы Сонник Мешок позитива Раскрутка сайта HTML HTML Формы Примеры Таблицы Таблицы цветов Генераторы Скрипты
Категории раздела
Скрипты [5]
Обои [10]
Иконки [6]
3D смайлы [6]
Фотошоп [10]
Флешь [8]
Ghostly photo
Спутник помог найти в Египте новые пирамиды
Спутник помог найти в Египте новые пирамиды
Самый романтический фонтан в мире
Самый романтический фонтан в мире
Самая большая монета, номиналом в один миллион долларов
Самая большая монета, номиналом в один миллион долларов
Возбудитель гонореи стал устойчив к антибиотикам
Возбудитель гонореи стал устойчив к антибиотикам
Apple представил iPad - свой планшетный компьютер
Apple представил iPad - свой планшетный компьютер
Самая высокая девушка в Европе (9 фото)
Самая высокая девушка в Европе (9 фото)
Мариса Рамирез / Marisa Ramirez
Мариса Рамирез / Marisa Ramirez
Снеговик - Загодай желание на Новый Год
Снеговик - Загодай желание на Новый Год
Soft
Получить код блока
Mini-CHat
Они ждут - Тебя!
Аркады и экшн · Герои неба. Вторая Мировая
Аркады и экшн · RoboPogo
Головоломки · Скрытые чудеса глубин
Головоломки · Лунтик. Пропавшие краски

Катай!!!
Корифаны сайта

Баннерообмен
Our button

[ Получить код баннера ]
BspoilerControl - код спойлера на java-script / jquery /JS/
08 Мая 2011
Категория: Скрипты
Бывает нужно расположить часть текста, картинку, или что-нибудь еще на странице в скрытом виде, с возможностью развернуть без перезагрузки страницы.
С использованием Jquery (jquery.com) и минимальными знаниями java-script это реализуется довольно просто.

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

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

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

Все инструкции, которые находятся внутри этого фрагмента получают команду на выполнение 1 раз после того как страница была загружена и готова к использованию. То что надо.
Теперь самое интересное как все должно работать?!
Скажем у нас текст, который нужно спрятать выглядит так:
<p>1. Первое, что я бы посоветовал Вам сделать - загрузится с любого имеющегося под рукой Live CD операционной системы Windows - Infr@ Live CD, ERD Commander и др.</p>

Заключаем его в div, которым потом удобно управлять.
<DIV name='spoiler'><p>1. Первое, что я бы посоветовал Вам сделать - загрузится с любого имеющегося под рукой Live CD операционной системы Windows - Infr@ Live CD, ERD Commander и др.</p>
</div>

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

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

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

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

Ожидайте:сек.Если устали ждать - Зарегистрируйтесь или Войдите в систему под своим Логин(ом), и качайте без ожиданий!!!
Рейтинг: 4.9/36
Добавил(а): Azzazil666 | Просмотров: 2510 | Загрузок: 713
Теги: Script, Java, Bspoiler, Спойлер, jQuery, КОДЫ, Control
Делимся
Нравится

Смотреть онлайн, фильмы, клипы, flv, mp4, Прослушать, mp3, Скачать, бесплатно, без регистрации, без смс, BspoilerControl - код спойлера на java-script / jquery
Получить ссылку, на эту страницу

Схожие материалы:

Для просмотра видео - включите JavaScript
или обновление до последней совместимый браузер HTML5.


Имя *:
Email:
Код *:
Профиль
Ваш браузер: -
IP-адрес: 216.73.216.240

Логин:uID поддержка
Пароль:
Забыл пароль || Регистрация



Заговор от депрессии
Eminem -bully Fullversion The Rasmus - Lucifer's ... Бандэрос - Мне до весны Madonna - Isaac Pink Floyd - ONE OF MY TURNS
Tag cloud
Свернуть Архив записей Развернуть
Опросник
Солнце — это …?
Всего ответов: 104
Ассассины – средневековый спецназ
Ассассины – средневековый спецназ
Аптах-бага - Волшебная двуглавая лягушка
Аптах-бага - Волшебная двуглавая лягушка
Совместимость по знаку зодиака Козерог – Близнецы
Совместимость по знаку зодиака Козерог – Близнецы
Совместимость по знаку зодиака Лев – Дева
Совместимость по знаку зодиака Лев – Дева
Жэньюй («Chan-Hai-King») – человеко-рыба
Жэньюй («Chan-Hai-King») – человеко-рыба
Анекдоты про иностранцев ☞ 45
Анекдоты про иностранцев ☞ 45
Анекдоты про Штирлица - (76шт.)
Анекдоты про Штирлица - (76шт.)
Анекдоты про чудаков - (80 шт.)
Анекдоты про чудаков - (80 шт.)
Анекдоты - В гостинице 31
Анекдоты - В гостинице 31
Анекдоты про киноактёров - (40)
Анекдоты про киноактёров - (40)
Advertising
MeteoNova
Свернуть Statistics Развернуть
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Tagis Балаболка
Инфо сайта
Инфо форума

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