Помощник
|
Плавносворачивающиеся блоки |
Letmetouchyou
|
Сообщение
#1
|
||
|
|
||
|
|||
Webmaster_hb |
27.6.2009, 0:36;
Ответить: Webmaster_hb
Сообщение
#2
|
|
простой примерчик
<html>
<head> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn-slide").click(function(){ $("#panel").slideToggle("slow"); return false; }); }); </script> <style type="text/css"> #panel { display: none; } .btn-slide { width:300px; background-color:#F37E16; text-align: center; padding: 10px; margin: 0 auto; display: block; font: bold 14px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; } </style> </head> <body> <div id="panel"> <div style="background-color:#09C"> 123<br> <br> <br> <br> <br> <br> <br> <br> </div> </div> <p class="slide"><a href="#" class="btn-slide">Совершенно секретно</a></p> </body> </html> |
|
|
Letmetouchyou
|
Сообщение
#3
|
|
Большое спасибо)))) то что надо) :evrika:
|
|
|
Rost_hb |
29.6.2009, 2:13;
Ответить: Rost_hb
Сообщение
#4
|
|
А вообще тебе неплохо было бы пару недель потусоваться вот здесь - jquery.com. (Хотя некоторые зависают там на полгода :)))
И на этом отличном блоге linkexchanger.su, на котором сам подробно познакомился с JQuery С помощью этой библиотеки всякая-разная анимация, ajax-запросы, лайтбоксы и прочие эффекты создаются просто и непринужденно. Да и хотя бы закругленные уголки div-ов картинками или кучей тегов <b></b> делать больше не придется |
|
|
Rost_hb |
29.6.2009, 2:19;
Ответить: Rost_hb
Сообщение
#5
|
|
К уже вышеописанному. Чтобы было понятно, что делаешь.
Подключаешь библиотеку JQuery (minimized version) <script type="text/javascript" src="jquery-1.3.2.min.js"></script> Инициализируешь функцию по событию загрузки DOM-модели документа<script type="text/javascript"> $(document).ready(function(){ $(".btn-slide").click(function(){ $("#panel").slideToggle("slow"); return false; }); }); </script> А вообще, смотри ссылки выше. Обычно дня хватает, чтобы начать писать свои простые функции. И практика показывает, что даже основ javascript знать не надо. JQuery - это действительно просто! :)) |
|
|
Letmetouchyou
|
Сообщение
#6
|
|
Webmaster, как можно сделать с помощью скрипта который вы мне дали, чтобы при переходе по ссылкам блок оставался в своем положении.
то есть мы его свернули, потом перешли по ссылке - и блок опять развёрнут (а нужно чтобы он оставался свёрнутым). блок етот находиться в шапке страницы. |
|
|
Galen |
15.7.2009, 21:46;
Ответить: Galen
Сообщение
#7
|
|
Вам где-то нужно хранить инфу, о том какие блоки вы свернули, какие развернули. Можно использовать куки. И дорабатывать скрипт.
|
|
|
Letmetouchyou
|
Сообщение
#8
|
|
а если куки не разрешены то не получиться :)
а по идеи можно же записывать ето в переменную в скрипте ? 1 - если блок свернут 0 - если блок развернут и через if обрабатывать, и до загрузки страницы в стиле блока указывать видим он или нет. ( display:none; ) или хранить такую переменную в БД. |
|
|
Galen |
15.7.2009, 23:42;
Ответить: Galen
Сообщение
#9
|
|
Да, надёжнее хранить в скрытых полях формы, переменных сессии или БД.
|
|
|
Letmetouchyou
|
Сообщение
#10
|
|
вот как передал скрипт и все работает:
[PHP]$(document).ready(function(){ $a=1; $(".btn-slide").click(function(){ if ($a==1) {$a=0;} else {$a=1;} $("#panel").slideToggle("slow"); return false; }); if ($a==0) { document.ids.panel.display="none";} });[/PHP] разумно ето или нет.. но все работает ))) ----------------------------------------------------------- а нет) обманул) тестировал просто когда на ссылках было переход на "#" преёдеться в БД загонять или скрытое поле ---------------------------------------------------------- теперь вопрос: 1)как передать переменную из PhP в JavaScripts? 2)Или как c помощью Javasripts записывать и считывать значение в скрытой форме ? |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Продам места под сквозные блоки на СМИ сайте текст или графика |
0 | seo_vladimir | 784 | 2.9.2020, 12:14 автор: seo_vladimir |
|
Не могу выровнять блоки по правую сторону | 1 | Dark_Delphin | 5908 | 18.11.2016, 0:14 автор: -Петр Чирнов- |
|
При уменьшении масштаба разъезжаются блоки | 0 | Alex.Bulgakov | 3512 | 9.11.2016, 15:28 автор: -Alex.Bulgakov- |
|
Как поднять блоки вверх | 2 | Denis_sf | 12870 | 21.11.2013, 22:32 автор: -hennessy- |
|
Сайт расползается на блоки при смене размера шрифта | 3 | datenrettung | 5630 | 26.2.2013, 22:16 автор: -Arks- |
Текстовая версия | Сейчас: 18.4.2024, 23:01 |