Гость !!! | RSS
Меню сайта
Оставить отзыв Гороскопы Сонник Мешок позитива Раскрутка сайта HTML HTML Формы Примеры Таблицы Таблицы цветов Генераторы Скрипты
Категории раздела
Скрипты [5]
Обои [10]
Иконки [6]
3D смайлы [6]
Фотошоп [10]
Флешь [8]
Ghostly photo
Редкий австралийский вомбат-альбинос
Редкий австралийский вомбат-альбинос
Вселенная Стивена Хокинга
Вселенная Стивена Хокинга
Список самых богатых людей планеты - Рейтинг Форбс 2011
Список самых богатых людей планеты - Рейтинг Форбс 2011
Почему на нашей планете остался только один вид людей?!
Почему на нашей планете остался только один вид людей?!
Куча девушек в бикини, на одной фотографии (4 фото)
Куча девушек в бикини, на одной фотографии (4 фото)
Татуировки - преступного мира (Расшифровка татуировок)
Татуировки - преступного мира (Расшифровка татуировок)
Жизнь после Апокалипсиса (18 фото)
Жизнь после Апокалипсиса (18 фото)
Самые длинные собачьи уши.
Самые длинные собачьи уши.
Soft
Получить код блока
Mini-CHat
Они ждут - Тебя!
Стратегии · Гений обороны
Поиск предметов · Записки волшебника. Заколдованный город
Головоломки · Древняя пещера
Поиск предметов · Лара Джонс. Находка профессора

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

Баннерообмен
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 | Просмотров: 2494 | Загрузок: 710
Теги: Script, java, Bspoiler, Спойлер, jQuery, Коды, Control
Делимся
Нравится

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

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

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


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

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



Заговор на Любовь и Счастье
Насир Самури (Гюльметов) - ... Truffele - Звонок от Ангела Бандэрос - Бум-Сеньорита (P... Ногу Свело - Последнее танго Evanescence - The End Бандэрос - Не под этим солнцем
Tag cloud
Свернуть Архив записей Развернуть
Опросник
Деньги — это …?
Всего ответов: 85
Расамани - Амулет, который можно встретить на Востоке-Индии
Расамани - Амулет, который можно встретить на Востоке-Индии
Ангелы
Ангелы
Памятники Люциферу/Сатане
Памятники Люциферу/Сатане
Символика татуировки (тату) » Знаки зодиака – Лев
Символика татуировки (тату) » Знаки зодиака – Лев
Толкование значения снов, на букву: «А»
Толкование значения снов, на букву: «А»
Анекдоты - В парикмахерской (20)
Анекдоты - В парикмахерской (20)
Дагавские анекдоты ...
Дагавские анекдоты ...
Анекдоты о продавцах и покупателях (40)
Анекдоты о продавцах и покупателях (40)
Анекдоты про Вовочку -=- 71
Анекдоты про Вовочку -=- 71
Анекдоты про Кашпировского -=- 16
Анекдоты про Кашпировского -=- 16
Advertising
MeteoNova
Свернуть Statistics Развернуть
Онлайн всего: 1
Гостей: 1
Пользователей: 0

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

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