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

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: скрытие элемента

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Без описания
SAD
Отправлено: 23 Июня, 2010 - 22:05:18
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2508
Дата рег-ции: Май 2009  
Откуда: Днепропетровск, Украина


Помог: 75 раз(а)




есть див. Как с помощью jquery скрыть этот див , например он уедет вправо с затуханием. только не увеличивая его свойство left.
 
 Top
garvey
Отправлено: 24 Июня, 2010 - 00:45:48
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 528
Дата рег-ции: Май 2010  
Откуда: Minsk


Помог: 3 раз(а)




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
 
 Top
SAD
Отправлено: 24 Июня, 2010 - 00:58:03
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2508
Дата рег-ции: Май 2009  
Откуда: Днепропетровск, Украина


Помог: 75 раз(а)




Та это я знаю.
Мне нужно что бы оно уезжало вправо и постепенно исчезало
 
 Top
Viper
Отправлено: 24 Июня, 2010 - 08:06:26
Post Id



Активный участник


Покинул форум
Сообщений всего: 4555
Дата рег-ции: Февр. 2007  
Откуда: Симферополь


Помог: 98 раз(а)




воспользуйтесь 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>


-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе
 
 Top
JustUserR
Отправлено: 24 Июня, 2010 - 15:49:45
Post Id



Активный участник


Покинул форум
Сообщений всего: 8715
Дата рег-ции: Июнь 2009  


Помог: 17 раз(а)




SAD пишет:
Как с помощью jquery скрыть этот див , например он уедет вправо с затуханием. только не увеличивая его свойство left
Можно использовать обычные CSS-фильтры для реализации многих эффектов - в частности это динамических фильтр Можете посмотреть пример использование здесь http://computerbooks[dot]ru/books/Gr[dot][dot][dot]2010/Index24[dot]htm - видимо 6 фильтр это то что вам нужно Помимо того все фильтры реализуются внутренними средставми браузера - и работают значительно лучше и быстрее


-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Улыбка
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/
 
 Top
Viper
Отправлено: 24 Июня, 2010 - 16:07:33
Post Id



Активный участник


Покинул форум
Сообщений всего: 4555
Дата рег-ции: Февр. 2007  
Откуда: Симферополь


Помог: 98 раз(а)




JustUserR интересно каким макаром эти фильтры будут работать в браузерах отличных от IE ?!


-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе
 
 Top
JustUserR
Отправлено: 24 Июня, 2010 - 16:20:07
Post Id



Активный участник


Покинул форум
Сообщений всего: 8715
Дата рег-ции: Июнь 2009  


Помог: 17 раз(а)




Viper пишет:
JustUserR интересно каким макаром эти фильтры будут работать в браузерах отличных от IE ?!
Как минимум стоить добавить загрузочное условие определения браузера - и если пользователь использует Internet Explorer или его разновидность - то подключать JS-скрипт в использованием встроенных фильтров без всяких фреймворков Таким образом пользователи IE будут экономить на канале связи и процессрном времени - ведь интерпретируемый JS-код работает значительно медленней чем встроенный


-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Улыбка
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/
 
 Top
Viper
Отправлено: 25 Июня, 2010 - 08:13:34
Post Id



Активный участник


Покинул форум
Сообщений всего: 4555
Дата рег-ции: Февр. 2007  
Откуда: Симферополь


Помог: 98 раз(а)




JustUserR извините, но вы чушь полную написали. может быть в году 1998 это и было бы эффективно...

1. Изначальный вопрос про jquery
2. Экономия времени в сотую секунду на клиентской стороне это оооочень много...
3. Для экономии есть кэширование
4. Для экономии есть сжатие
5. Зачем писать костыли если можно использовать нормальное решение?


-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе
 
 Top
JustUserR
Отправлено: 26 Июня, 2010 - 19:27:15
Post Id



Активный участник


Покинул форум
Сообщений всего: 8715
Дата рег-ции: Июнь 2009  


Помог: 17 раз(а)




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 - а для затухания используется полупрозрачный слой


-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Улыбка
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/
 
 Top
SAD
Отправлено: 26 Июня, 2010 - 20:49:17
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2508
Дата рег-ции: Май 2009  
Откуда: Днепропетровск, Украина


Помог: 75 раз(а)




Чтобы прекратить ваш спор, скажу, что jquery у меня используется в любом случае )) Но понятно, что иногда лучше обойтись без него.
 
 Top
JustUserR
Отправлено: 27 Июня, 2010 - 13:03:36
Post Id



Активный участник


Покинул форум
Сообщений всего: 8715
Дата рег-ции: Июнь 2009  


Помог: 17 раз(а)




SAD пишет:
Чтобы прекратить ваш спор, скажу, что jquery у меня используется в любом случае )) Но понятно, что иногда лучше обойтись без него.
Этот момент является очень важным - одно дело если данный фреймворк у вас широко и часто используется и добавление одной функции не сильно влияет на быстродействие во всех смыслах этого термина Но другое дело что при возникновении определенной задачи на JS вовсе не стоит сразу обращаться к объемному фреймворку - и даже если самому нет времени писать спецально оптимизированную JS-функцию - то все равно можно найти небольшую и быструю JS-библиотку именно под эту задачу


-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Улыбка
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB