Бывает нужно расположить часть текста, картинку, или что-нибудь еще на странице в скрытом виде, с возможностью развернуть без перезагрузки страницы. С использованием Jquery (jquery.com) и минимальными знаниями java-script это реализуется довольно просто.
В <head> на нужных страницах прописываем jquery: <scripttype="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, которым потом удобно управлять. <DIVname='spoiler'><p>1. Первое, что я бы посоветовал Вам сделать - загрузится с любого имеющегося под рукой Live CD операционной системы Windows - Infr@ Live CD, ERD Commander и др.</p> </div>
Следующий скрипт создает перед всеми элементами DIV с name='spoiler' управляющие кнопки, которые по щелчку мыши сворачивают или разворачивают спойлеры. На странице это используется супер-просто – достаточно заключить нужный фрагмент в <DIVname='spoiler'>….</div>
Code
//Скрываем все спойлеры $("div[name='spoiler']").hide(); //Всем кнопкам спойлеров задаем текст и картинку (удобно для многоязыковых интерфейсов) $("p[name='spoilerbutton']").html("<img src='img/interface/but_more.gif'> Показать"); //Перебераем все кнопки спойлеров на странице $("p[name='spoilerbutton']").each(function(){ //Если прямо перед кнопкой спойлера стоит заголовок if($(this).prev(this).get(0).tagName == "H1" || $(this).prev(this).get(0).tagName == "H2" || $(this).prev(this).get(0).tagName == "H3"){ //Текст из заголовка переносим в кнопку, а сам заголовок убераем var NewSpoilerButton = "<div name='spoilerbutton' class='advSpoilerHeader'><p><b>"+$(this).prev(this).html()+"</b> <span>показать>></span></p></div>"; $(this).prev(this).replaceWith(""); $(this).replaceWith(NewSpoilerButton); //В результате кнопки спойлеров с заголовками становятся div-ами. Теперь на странице может быть 2 типа кнопок спойлеров p и div типа } }); //Для всех div кнопок обрабатываем клик $("div[name='spoilerbutton']").click(function () { //Если спойлер видим. Дословно: если свойство display для первого DOM брата/сестры равно "block" (т.е. видим в контексте применяемого эффекта slide) if($(this).next(this).css("display")=="block"){ //Записываем "показать>>" в span, который ребенок p, который ребенок нашей кнопки this. Потом поменяем его на "<<скрыть" $(this).children("p").children("span").html("показать>>"); //Сворачиваем открытый спойлер $(this).next(this).slideUp("normal"); } else { //Если спойлер не открыт, то он закрыт и соответственно меняем надпись и разворачиваем спойлер $(this).children("p").children("span").html("<<скрыть"); $(this).next(this).slideDown("normal"); } return false; }); //Теперь клик для всех p-кнопок $("p[name='spoilerbutton']").click(function () { //По тому же принципу, что до этого, только проще if($(this).next(this).css("display")=="block"){ $(this).next(this).slideUp("normal"); $(this).html("<img src='img/interface/but_more.gif'> Показать"); } else { $(this).next(this).slideDown("normal"); $(this).html("<img src='img/interface/but_more.gif'> Скрыть"); } return false; });
Смотреть онлайн, фильмы, клипы, flv, mp4, Прослушать, mp3, Скачать, бесплатно, без регистрации, без смс, BspoilerControl - код спойлера на java-script / jquery Получить ссылку, на эту страницу
Для просмотра видео - включите JavaScript или обновление до последней совместимый браузер HTML5.
Профиль
Ваш браузер: - IP-адрес: 3.17.75.138
Ваше имя:Гость Ваш пол: День рождения: IP адрес:3.17.75.138 Тип браузера: - Вы с нами дня(ей) Личных сообщений:
Забота о жилище - это забота о спокойствии. Теплосберегающая облицовка - это не только изысканный облик, но и гарантия сохранения тепла в вашем уединенном уголке. Специалисты, коллектив экспертов, предлагаем вам преобразить ваше жилище в идеальное место для жизни. Наши работы - это не просто теплоизоляция, это творческий процесс с каждым элементом. Мы добиваемся совершенному сочетанию между визуальным восприятием и практической целесообразностью, чтобы ваше жилье стало не только теплым и уютным, но и очаровательным. И самое существенное - доступные тарифы! Мы полагаем, что профессиональные услуги не должны быть неподъемными по цене. <a href=https://ppu-prof.ru/>Утепление фасада дома цена за 1м</a> начинается всего начиная с 1250 рублей за квадрат. Использование современных технологий и высококачественных материалов позволяют нам создавать теплоизоляцию, которая долго служит и надежна. Позабудьте о проблемах с холодом стен и избежите дополнительных расходов на отопление - наше утепление станет вашим надежной преградой перед холодом. Подробнее на <a href=https://ppu-prof.ru/>http://www.ppu-prof.ru</a> Не откладывайте на потом заботу о комфорте своего дома. Обращайтесь к мастерам своего дела, и ваш уголок станет настоящим художественным творчеством, которое подарит вам не только тепло. Вместе мы создадим место для жизни, где вам будет по-настоящему уютно!
Мага не позорь мои седые яй*а! Во-первых; Все эти анекдоты можно найти в широком доступе интернет-сети! Во-вторых; Все эти анекдоты - являются источником разных народов! В третьих;
Цитата26. (Мага. » 04 Май 2015 ¤ 05:44:25)
все же посмотрите у кого ученых больше, писателей знаменитых.. и узрите
Это и есть тупость!
[ps] В Дагестане более 30-ти национальностей - и вы хотите возвысить себя над ними, лишь Шамилем и Расулом?! Или вы желаете проблемы перекинуть со своей больной головы на здоровую?!
[ps] Действительно в одном ты прав; Мир знает кто вы такие!
да вы же *** аварцу в лицо ничего не скажете... из древних времен мы *** ******* и будем *******. и да, все же посмотрите у кого ученых больше, писателей знаменитых.. и узрите ***** кто же тупой)))