Теги ‘jQuery’

Календарь jQuery с выбором даты и времени

Календарь jQuery с выбором даты и времени http://trentrichardson.com/examples/timepicker/

Проверено!!!! работает!!!!

Еще одна галерея

http://devkick.com/lab/galleria/ - прикольная галерея на jquery. Буду сегодня тестить

Да уж, ожидал немного большего.  Сама по себе данная галерея прикольная, но я столкнулся с трудностью интегрироват в нее слайдшоу.  При чем с дозагрузкой картинок с сервера. Вообщем я пытался сделать из нее php+jquery галерею. Увы, или я балбес или не все так просто как мне казалось.  В итоге я переписал эту галерею посвоему, все старые эффекты остались, но еще добавилось слайдшоу.  Фотки для слайдов подгружаются с сервера.

А пока можете посмотреть на сайте tvoynet.com.  Там моя галерея в связке с hightslides

Выложу скрипты  как только оформлю нормально демку.

Доходчиво о Jquery

http://docs.jquery.com - документация jQuery. Написано все очень доходчиво и с примерами.

JQuery – искать готовое или писать самому

Да, JQuery все таки является крутым фреймворком для разработки спецэфектов и анимации. Вот только вопрос, нужно ли писать все самому или стоит поискать готовые скрипты в интернете? Вопрос конечно не однозначный и все зависит от конкретного случая.  Но, ответ наверное – да, стоит писать самому (хотя, например, скрипт галлереи проще уже скачать готовый).  Почему? Ответ очень простой, во первых:  программист приобретает опыт при изобретении собственного велосипеда, во вторых: готовый скрипт не всегда подходит для реализации поставленной задачи, и все равно прийдется детально изучить скрипт, и потом тратить уйму времени на конфигурирование, дополнение или изменение, и самое главное это не сложно, как на первый взгляд кажется.

Я сам до недавнего времени пугался только от самого названия фреймворка «JQuery», пока не появилось время посидеть и разобраться что к чему. Постараюсь и вам объяснить все более доступно и доходчиво.

И так, что же такое JQuery, и с чем его едят?

В самом начале статьи советую вам посетить саит JQuery и сайт JQuery UI (UI-user interface)

Как сказано  - JQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Что это значит? Все очень просто. Библиотека jQuery помогает легко получать доступ к любому элементу HTML страницы, обращаться к атрибутам и содержимому элементов HTML (DOM), манипулировать ими. Также библиотека jQuery предоставляет удобный интерфейс по работе с Ajax. Перед тем как рассказать как это все происходит, я поясню некоторые моменты:

Работы с JQuery сводится к получению jQuery-объекта и манипулированию им.
Строка запроса JQuery имеет вид $(’объект’).метод или событие(обработчик) возможна обработка нескольких собитий или методов одновременно, тогда строка принимает вид $(’объект’).метод или событие(обработчик).метод или событие(обработчик).метод или событие(обработчик)
Обработчиком может быть как функция, которая вызывается в результате события, так и списак свойств метода, который мы применяем.Например если у нас на странице есть элемент DIV и нужно вставить  в него некоторый текст:
первое что мы должны сделать это получить объект, например div – $(’div’)
далее нужно вставить в нутрь тегов <div></div> текст, для этого вызывает метод text, что получается $(’div’).text(’Hello World’);
А чтоже делать если на странице нескольно тегов div? Нужно присвоить для каждого тега идентификатор id : <div id=’text’></div>, и тогда наша строка запроса принимает вид $(’#text’).text(’Hello World’); #text означает что мы выбираем элемент  по id.  Хочу заметить что ID должен быт уникальным для каждого элемента.Более подробно о селекторах читайте тут http://docs.jquery.com/Selectors

Для включения JQuery в вашу страницу:  <script type=’text/javascript» src=»путь к/jQuery.js’></script>
Например <script type=’text/javascript’ src=’javascripts/jquery-1.3.2.js’></script>
Вся работа с jQuery ведётся с помощью функции $. Если на сайте применяются другие JavaScript библиотеки, где $ может использоваться для своих нужд, то можно использовать её синоним — jQuery. Второй способ считается более правильным, а чтобы код не получался слишком громоздким можно писать его следующим образом:
jQuery(document).ready(function(){
  // Тут код скрипта, где в $ будет jQuery
}
)
или
$.(document).ready(function(){
  // Тут код скрипта, где в $ будет jQuery
}
)
И так для подведения итогов вышесказанного приложу пример кода

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'    'http://www.w3.org/TR/html4/loose.dtd'>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script>
$(document).ready(function(){
$('div').text('Hello World');
$('p').text('Hello World for tag P');
$('#text').text('Hello World ID');
});
</script>
</head>
<body>
<div></div>
<p></p>
<div id='text'></div>
</body>
</html>