Гость !!! | RSS
Меню сайта
Оставить отзыв Гороскопы Сонник Мешок позитива Раскрутка сайта HTML HTML Формы Примеры Таблицы Таблицы цветов Генераторы Скрипты
Категории раздела
Скрипты [5]
Обои [10]
Иконки [6]
3D смайлы [6]
Фотошоп [10]
Флешь [8]
Ghostly photo
Самая большая лошадь в мире
Самая большая лошадь в мире
Топ-7 самых лечебных трав
Топ-7 самых лечебных трав
Если бы женщины правили миром (12фото)
Если бы женщины правили миром (12фото)
Самая большая в мире статуя Будды
Самая большая в мире статуя Будды
Самая маленькая машина в мире (10 фото)
Самая маленькая машина в мире (10 фото)
Гравитационное поле Земли похоже на картофелину
Гравитационное поле Земли похоже на картофелину
Топ 50-ть, лучших объявлений знакомств вКонтакте....
Топ 50-ть, лучших объявлений знакомств вКонтакте....
Самые красивые девушки планеты, и супер красавицы
Самые красивые девушки планеты, и супер красавицы
Soft
Получить код блока
Mini-CHat
Они ждут - Тебя!
Аркады и экшн · Первая мировая. Рыцари неба
Головоломки · Светлоград
Аркады и экшн · AstroFlyer
Аркады и экшн · Любимый ресторанчик

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

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

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

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

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


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

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



Заговор на плодовитость и размножение
Pakito - Electro music (rad... Scooter - Suavemente БиС - Букет Бандэрос - Полосы
Tag cloud
Свернуть Архив записей Развернуть
Опросник
Вера в людей — это …?
Всего ответов: 92
Совместимость по знаку зодиака Телец – Скорпион
Совместимость по знаку зодиака Телец – Скорпион
Совместимость по знаку зодиака Рыбы – Телец
Совместимость по знаку зодиака Рыбы – Телец
Ангиак - «живое мертвое дитя»
Ангиак - «живое мертвое дитя»
Совместимость по знаку зодиака Рак – Овен
Совместимость по знаку зодиака Рак – Овен
Азы - Тувинские злые духи
Азы - Тувинские злые духи
Горчев: Красавец
Горчев: Красавец
Приключения кота Барсика
Приключения кота Барсика
Бесценный подарок
Бесценный подарок
Анекдоты про китайцев -- (9)
Анекдоты про китайцев -- (9)
«Чернушки»: - детско-садистские стишки (45)
«Чернушки»: - детско-садистские стишки (45)
Advertising
MeteoNova
Свернуть Statistics Развернуть
Онлайн всего: 1
Гостей: 1
Пользователей: 0

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

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