Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: скрытие элемента
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » скрытие элемента

Страниц (1): [1]
 

1. SAD - 23 Июня, 2010 - 22:05:18 - перейти к сообщению
есть див. Как с помощью jquery скрыть этот див , например он уедет вправо с затуханием. только не увеличивая его свойство left.
2. garvey - 24 Июня, 2010 - 00:45:48 - перейти к сообщению
CODE (javascript):
скопировать код в буфер обмена
  1. $(document).ready(function(){                  
  2.    $("#visits").click(function () {
  3.       if( $("#count-span").is(":visible"))
  4.          $("#count-span").hide("slow");
  5.       else
  6.          $("#count-span").show("slow");
  7.       });              
  8. });

Здесь при клике на элемент с id visits элемент с id count-span показывается, если до этого был скрыт, или наоборот.
Пример у меня на сайте на всех страницах кроме главной в футере. "посещения".
http://www[dot]web-making[dot]net/projects.php
3. SAD - 24 Июня, 2010 - 00:58:03 - перейти к сообщению
Та это я знаю.
Мне нужно что бы оно уезжало вправо и постепенно исчезало
4. Viper - 24 Июня, 2010 - 08:06:26 - перейти к сообщению
воспользуйтесь animate

CODE (javascript):
скопировать код в буфер обмена
  1. $('#sliding_panel').click(function(){
  2.         $(this).next().animate({width: "toggle"});
  3. });


соответственно структура
CODE (html):
скопировать код в буфер обмена
  1. <div id="sliding_panel">
  2.         <div>
  3.                 Content
  4.         </div>
  5. </div>
5. JustUserR - 24 Июня, 2010 - 15:49:45 - перейти к сообщению
SAD пишет:
Как с помощью jquery скрыть этот див , например он уедет вправо с затуханием. только не увеличивая его свойство left
Можно использовать обычные CSS-фильтры для реализации многих эффектов - в частности это динамических фильтр Можете посмотреть пример использование здесь http://computerbooks[dot]ru/books/Gr[dot][dot][dot]2010/Index24[dot]htm - видимо 6 фильтр это то что вам нужно Помимо того все фильтры реализуются внутренними средставми браузера - и работают значительно лучше и быстрее
6. Viper - 24 Июня, 2010 - 16:07:33 - перейти к сообщению
JustUserR интересно каким макаром эти фильтры будут работать в браузерах отличных от IE ?!
7. JustUserR - 24 Июня, 2010 - 16:20:07 - перейти к сообщению
Viper пишет:
JustUserR интересно каким макаром эти фильтры будут работать в браузерах отличных от IE ?!
Как минимум стоить добавить загрузочное условие определения браузера - и если пользователь использует Internet Explorer или его разновидность - то подключать JS-скрипт в использованием встроенных фильтров без всяких фреймворков Таким образом пользователи IE будут экономить на канале связи и процессрном времени - ведь интерпретируемый JS-код работает значительно медленней чем встроенный
8. Viper - 25 Июня, 2010 - 08:13:34 - перейти к сообщению
JustUserR извините, но вы чушь полную написали. может быть в году 1998 это и было бы эффективно...

1. Изначальный вопрос про jquery
2. Экономия времени в сотую секунду на клиентской стороне это оооочень много...
3. Для экономии есть кэширование
4. Для экономии есть сжатие
5. Зачем писать костыли если можно использовать нормальное решение?
9. JustUserR - 26 Июня, 2010 - 19:27:15 - перейти к сообщению
Viper пишет:
JustUserR извините, но вы чушь полную написали. может быть в году 1998 это и было бы эффективно...
1. Изначальный вопрос про jquery
2. Экономия времени в сотую секунду на клиентской стороне это оооочень много...
3. Для экономии есть кэширование
4. Для экономии есть сжатие
5. Зачем писать костыли если можно использовать нормальное решение?
Отвечу подробно по предложенным вам пунктам чтобы обосновать вышеуказанную сентенцию
1 Как правило очень часто когда разработчикиа задают вопросы по созданию некоторого решения - то они используют в качестве аналогии похожие решения или названия самых известных продуктов - можно сказать самы стереотипные ассоциации и вероятно поэтому в вопросе фигурировал jquery - но если есть другое более хорошее решение для более конкретного случая то имеет смысл упомянуть его
2 А вот насчет быстродействия JS и других интерпретируемых языков на клиентской стороне вы сильно увеличиваете - к сожалению при предложении некоторых современных решений разработчики не задумываются о сущестовании огромного числа достаточно медленных рабочий станций и интернет-каналов соединений К примеру у меня солидные JS-скрипты используют до 60-80% ресурсов процессора и достаточно много памяти и в общем замедляют работу - а если таких сайтов открыто несколько то бразуер может подвисать
3 и 4 Если судить о времени скачивания фреймворка jquery по интернет-каналу то сжатие еще может помочь а вот кеширование нет - поскольку многие достаточно часто чистят кеш особенно разработчики которые тестируют свои сайты в интернете
5 Вообще для каждой цели есть свое собственное решение - и вовсе не стоит для каждой небольшой задачи использовать громоздкий фреймворк К примеру мне очень нравится использование платформы .NET - действительно соответствующие runtime-ы для нее стоят на большинстве рабочий станций - а если не стоят то достаточно большое программ откажется работать Однако наличие .NET это вовсе не повод подключать в самые небольшие утилиты всевозможные Reference-ы со всеми системными библиотеками и классами - полезную утилиту можно написать на C/C++ и сделать сразу компактное и быстрое и независимое исполняемое Win32-приложение Если вам интересно почитать про сверхкомпактные утилиты под Win32 то можете почитать здесь http://dklab[dot]ru/chicken/nablas/28[dot]html
Таким же образом не имеет никакого смысла подключать фреймворк jquery - поскольку JS является полнофункциональным языком и без всякий фреймворков - и если задаться вопросом написать максимально оптимизированное JS-приложение то этого можно достить только на чистом JS Так что даже если не использовать IE-эффекты - то можно с легкостью обойтись общим кроссбраузерным CSS и JS-скриптом - а именно создается div-блок во свойствами position:relative; display:block; overflow:hidden и внутри него располагается движущийся div-блок Для совершения движения конечно можно было бы использовать свойство left - но если автор не хочет употреблять его то можно изменить padding-left в родительском элементе или margin-left в этом же элементе при float:left - а для затухания используется полупрозрачный слой
10. SAD - 26 Июня, 2010 - 20:49:17 - перейти к сообщению
Чтобы прекратить ваш спор, скажу, что jquery у меня используется в любом случае )) Но понятно, что иногда лучше обойтись без него.
11. JustUserR - 27 Июня, 2010 - 13:03:36 - перейти к сообщению
SAD пишет:
Чтобы прекратить ваш спор, скажу, что jquery у меня используется в любом случае )) Но понятно, что иногда лучше обойтись без него.
Этот момент является очень важным - одно дело если данный фреймворк у вас широко и часто используется и добавление одной функции не сильно влияет на быстродействие во всех смыслах этого термина Но другое дело что при возникновении определенной задачи на JS вовсе не стоит сразу обращаться к объемному фреймворку - и даже если самому нет времени писать спецально оптимизированную JS-функцию - то все равно можно найти небольшую и быструю JS-библиотку именно под эту задачу

 

Powered by ExBB FM 1.0 RC1