Теги ‘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> |