Гость !!! | RSS
Меню сайта
Оставить отзыв Гороскопы Сонник Мешок позитива Раскрутка сайта HTML HTML Формы Примеры Таблицы Таблицы цветов Генераторы Скрипты
Категории раздела
Скрипты [5]
Обои [10]
Иконки [6]
3D смайлы [6]
Фотошоп [10]
Флешь [8]
Ghostly photo
Один из древнейших коралловых рифов
Один из древнейших коралловых рифов
Как
Как "убить" себя быстро: список самых злых коктейлей в истории
Речь Барака Обамы в Каире (Начало) + До чёртиков удивительные улыбки восковых марионеток.
Речь Барака Обамы в Каире (Начало) + До чёртиков удивительные улыбки восковых марионеток.
Самое большое количество иголок в голове.
Самое большое количество иголок в голове.
Самые большие, высокие и длинные..., места на Земле (18 фото)
Самые большие, высокие и длинные..., места на Земле (18 фото)
Ангел скорби (статуи (11 фото))
Ангел скорби (статуи (11 фото))
Укрощение дерна кобры (42 фото)
Укрощение дерна кобры (42 фото)
Продюсер сериала «Спартак» - раскрывает секреты!!!
Продюсер сериала «Спартак» - раскрывает секреты!!!
Soft
Получить код блока
Mini-CHat
Они ждут - Тебя!
Настольные · Ultimate Online Checkers
Настольные · Lucky Coins
Аркады и экшн · Flubber Rise
Аркады и экшн · Jumper

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

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

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

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

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


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

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



Заговор от бородавок
Джеймс Ласт - Одинокий пастух Реальные пацаны - Зацени
Tag cloud
Свернуть Архив записей Развернуть
Опросник
Оцените сайт
Всего ответов: 66
Арслан (лев) - Царь зверей
Арслан (лев) - Царь зверей
Заговоры на верность
Заговоры на верность
Лабрадор или (Бычий глаз)
Лабрадор или (Бычий глаз)
Артемида - Известна также как; Диана, Делия, Луна, Феба
Артемида - Известна также как; Диана, Делия, Луна, Феба
Совместимость по знаку зодиака Весы – Лев
Совместимость по знаку зодиака Весы – Лев
Прикольные приметы / Здесь изложены - несколько, весьма познавательных примет.
Прикольные приметы / Здесь изложены - несколько, весьма познавательных примет.
Ох уж эти девчонки
Ох уж эти девчонки
Эффект сотой обезьянки
Эффект сотой обезьянки
Анекдоты про жадин -- (75)
Анекдоты про жадин -- (75)
Вы мне не доверяете?
Вы мне не доверяете?
Advertising
MeteoNova
Свернуть Statistics Развернуть
Онлайн всего: 1
Гостей: 1
Пользователей: 0

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

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