Архивы метки: Script Src

Ограничение количества отображаемых элементов списка (jQuery)

Если вам необходимо отображать список элементов (например новостей) и вы не знаете из скольки элементов он может состоять, но хотели бы, чтобы он не занимал много места, то неплохим вариантом будет отображать определенное количество элементов и ссылку «показать все»: Читать далее →

Аминированые ожидания ответа от сервера (jQuery)

Если во время работы страницы необходимо сделать запрос на сервер, который может занять продолжительное время (больше секунды), хорошим тоном будет предупредить пользователя об ожидании загрузки. Стандартным средством для этого является анимация ожидания (разные варианты таких gif-анимаций можно найти на http://www.ajaxload.info). После того, как вы подберете подходящую анимацию и загрузите ее (допустим под именем load.gif) на сервер с вашим сайтом, можно будет использовать ее при выполнении ajax-запросов. Для этого, разместим в конце страницы изображение с анимацией загрузки и сделаем его невидимых в стилях (css): Читать далее →

Объединение Slide и Fade эффектов (jQuery)

Эффекты .hide () и .show () скрывают и показывают элементы за счет изменения их прозрачности, высоты и ширины одновременно, slide-эффекты делают это за счет изменения высоты, а fade-эффекты изменяя только прозрачность у элементов. Если вам потребуется скрывать и показывать элементы за счет изменения прозрачности и высоты (не трогая ширину элементов), то можно расширить возможности jQuery и добавить туда новый метод — slideFadeToggle (speed,easing,callback): Читать далее →

Скрыть элемент при клике за его пределами (jQuery)

Данный рецепт можно применять для имитации потери фокуса блочными элементами на странице (событие blur не распространяется на любые блочные элементы в в некоторых браузерах). Допустим, что у нас на странице может появляться элемент с id = message, с сообщением для пользователя. И этот элемент должен пропадать, если пользователь кликнет по любому месту страницы, за исключением самого элемента. Эта задача может быть решена обработкой клика на элементе document. А в обработчике, нужно будет проверит, не является ли источником события наш элемент с id = message или один из его потомков: Читать далее →

Top