Архивы для категирии - ‘Javascript’

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

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

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

Облако тегов flash + jquery

http://www.artviper.net/html-tag-cloud-to-flash-converter.php - скрипт конвертит любое облако на html в 3d-облако на flesh (возможно переключать туда-обратно). Во всяком случае это обещают разработчики.

Выглядит флеш конечно супер.

Вот мой отзыв: данный пример написан на mototools, при конвертировании HTML в XML происходят глюки.  И иногда облоко тегов пустое, или не все теги попадают во flash. Происходит это потому что flash использует XML созданный не до загрузки страницы, а уже после. Javascript отправляет на сервер каждый тег и в результате того что запросы приходят на сервер не последовательно а хаотично, то происходят казусы с созданием XML.  К томуже если сайт использует в основном jquery, то возникают баги при интеграции данного скрипта (напомню, облако написано на mototools). Также данное облако не поддерживает кирилицу.

Вообщем подолбался я с ним и написал свою версию на jquery,  сообственно, там и писать было нечего, создание XML я перенес полностью на PHP.  Включил поддержку русского языка.

Пример можете посмотреть тут tvoynet.com

Скоро выложу архив скриптов облака тегов на jquery.

Доходчиво о 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>

Javascript графики на вашем сайте

Иногда программист ломает голову как  пользователю показать в браузере статистику в виде графика, не важно что это температура или отчет по трафику.
Есть несколько решений: например рисовать график на php с помощью gd библиотеки или формировать график на html (получается в данном случае очень много тегов table tr td или div ul li), javascript или flash(actionscript). Два последних также непросто реализовать. Однако я нашел сайт, на котором выложены opensource скрипты на базе jquery для построения графиков на javascript.  http://highcharts.com/. Разработчики хорошо потрудились и сэконормили уйму времени для веб-программистов.

Этот скрипт довольно легко интегрируются с mysql и php. На сайте также найдете много примеров по использованию библиотеки. Удачи.

Не будет получаться пишите, помогу.

Вы просматриваете архивы для Javascript категории.