Помощник
|
Разворачиваюшие блоки, Блоки с меняюшимся содержанием |
Letmetouchyou
|
Сообщение
#1
|
||
|
|
||
|
|||
forest69 |
17.1.2010, 23:10;
Ответить: forest69
Сообщение
#2
|
|
молодец! полезная вещь!
Я так понимаю это аккордион? Подобная вещь есть в Dreamweaver'e, но минус то, что много css. Этот вариант намного лучше и настраивать мона больше За пост 5++ |
|
|
MaxiumofmaX |
18.1.2010, 23:14;
Ответить: MaxiumofmaX
Сообщение
#3
|
|
а можно блок с меняющимся содержимым грузился из отдельного файла?
|
|
|
Letmetouchyou
|
Сообщение
#4
|
|
MaxiumofmaX
Блоки с подгружаемым соержанием js: $(document).ready(function(){ html:var curr=1; $('.full div').load(curr+'.html'); //заргужаем в див .full файл 1.html var a; //переменная будет хранить норме управляюшей ссылки и блока $('ul.control a').click(function(){ //функция для события clik по управляюше ссылке. a=this.className.toString().substr(1,1); //определяеться номер управляющей ссылки. if (a != curr){ // сравние номер управлюшей ссыли с номер текушего блока. $('.full div').fadeOut("slow", function(){ //Анимация исчезновние видимого блока. $('.full div').load(a+'.html', function() { //загрузка из файла ногво содержания $('.full div').fadeIn("slow");//Анимация появления нового блока. }); curr = a; //записываеть номер текущего видимого блока. }); } }); }); <ul class="control"> <li><a href="#first" class="b1">First </a></li> <li>::</li> <li><a href="#second" class="b2">Second </a></li> <li>::</li> <li><a href="#second" class="b3">Third </a></li> </ul> <div class="full" > <div align="left"> </div> </div> для работоспособности тут ксс ненуден :) файлы которые загружаться должны назвать 1.html, 2.html, 3.html (ето нужно чтобы для тоо чтобы дваоть еше один файл, следует просто его создать и сделать для него управляюшуу ссылку, что в данном сулчае представляет из себя просто сылка ( тэг <a> ) в списке ( <ul> ) класса .control; ) вместо таких файлов может быть и txt документ. ТОлько тогда следует заменить ".htm" на ".txt" в коде. load( url, [data], [callback] ) - Загружает HTML из файла URL и вставляет его в содержимое в определенный объект WEB-страницы. url - адрес страницы содержимое которой надо загрузить [data] - необязательный параметр, данные которые надо передать загружаемой странице(в форме массива). По умолчанию (без [data]) выполняется как GET-запрос, однако, если будут переданы данные, выполнится как POST-запрос. [callback] - функция, которая будет запущена когда данные буду подгружены. Пример тут, скачать тут завтра покажу как избавить от мерцания при изменеии контейнера :) |
|
|
happyhand |
20.1.2010, 17:21;
Ответить: happyhand
Сообщение
#5
|
|
А как организовать вывод сообщения типа "Включите JavaScript" при выключенном JS при клике на кликабельном месте, а то вся эта прелесть не работает, если выключен JS?
|
|
|
Letmetouchyou
|
Сообщение
#6
|
|
Контейнер <NOSCRIPT> показывает свое содержимое, если браузер не поддерживает работу со скриптами или их поддержка отключена пользователем. В остальных случаях браузер игнорирует этот тег и все, что располагается внутри него.
<html>
<head> <script type="text/javascript"> alert("Hello, world!") </script> </head> <body> <noscript><p>Ваш браузер не поддерживает скрипты!</p></noscript> </body> </html> |
|
|
MaxiumofmaX |
20.1.2010, 21:24;
Ответить: MaxiumofmaX
Сообщение
#7
|
|
Letmetouchyou,вообще есть смысл реализовывать переход по контенту сайта такими методами? или есть какие-нибудь подводные камни? или что-нибудь получше?
|
|
|
Letmetouchyou
|
Сообщение
#8
|
|
MaxiumofmaX, что значит переход по конетнтк ? это обычные блоки, которуые могут содержать любую информацию
|
|
|
MaxiumofmaX |
20.1.2010, 22:09;
Ответить: MaxiumofmaX
Сообщение
#9
|
|
<ul class="control"> такс а как мне для каждого <а> задать свой класс который прописан в css если тут и так классы b1, b2, b3<li><a href="#first" class="b1">First </a></li> <li>::</li> <li><a href="#second" class="b2">Second </a></li> <li>::</li> <li><a href="#second" class="b3">Third </a></li> </ul> и можно ли как-нибудь имена файлов сделать не 1 2 3 и тд? |
|
|
Letmetouchyou
|
Сообщение
#10
|
|
так ето в ксс и используй.
или делай два класса <a href="#" class="b1 links">qwe</a> links - еше один класс для ссылки |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Продам места под сквозные блоки на СМИ сайте текст или графика |
0 | seo_vladimir | 762 | 2.9.2020, 12:14 автор: seo_vladimir |
|
Не могу выровнять блоки по правую сторону | 1 | Dark_Delphin | 5902 | 18.11.2016, 0:14 автор: -Петр Чирнов- |
|
При уменьшении масштаба разъезжаются блоки | 0 | Alex.Bulgakov | 3474 | 9.11.2016, 15:28 автор: -Alex.Bulgakov- |
|
Как поднять блоки вверх | 2 | Denis_sf | 12868 | 21.11.2013, 22:32 автор: -hennessy- |
|
Сайт расползается на блоки при смене размера шрифта | 3 | datenrettung | 5613 | 26.2.2013, 22:16 автор: -Arks- |
Текстовая версия | Сейчас: 28.3.2024, 16:35 |