Записи с тегом "Javascript"

Янв 22

Создан мультизагрузчик для rybalka.tv

Рубрики: Новости Метки: , , , ,

К сожалению браузеры не совершенны, и они пока не умеют самостоятельно загружать несколько файлов сразу. Не умеют, потому что по стандарту ч-з один html элемент <file /> можно отправить только один файл.

Я знаю два способа обойти это неудобство. Это загрузчик на Java или Flash. Если для первого в браузере должна быть включена Java, то для второго вполне достаточно обычного флеш-плейера.

Я выбрал второй вариант, потому что он вполне успешно работает в вордпрессе. Вордпресс использует javascript-плагин SWFUpload. Его я так же решил попробовать у себя.

С самим плагином пришлось повозится, у него были свои недостатки, но его функционал все недостатки перекрыл. Фотографии грузятся отлично. Больше скриншотов можно посмотреть в отдельной статье «Как создать фотоотчет».

Комментариев (3)
Янв 18

Решение проблемы больших шапок

Рубрики: Javascript, jQuery, Новости Метки: ,

Все мы любим большие красивые шапки на сайтах. Если шапка красиво отрисована, она привлекает новых посетителей. Встречают ведь, как говорится, по одежке…

Но насколько удобны сайты с большими шапками? Мне кажется что не очень удобно листать их страницы , потому что постоянно нужно крутить колесо мыши вниз, чтобы добраться до контентной части сайта.

Предлагаю свое решение данной проблемы

Автоскроллинг на JavaScript. Суть моего решения такова, что я просто прокручиваю шапку. Но только для внутренних страниц. Учитывая, что большинство новых посетителей приходят на сайт ч-з главную, то шапка на ней должна быть видна, дадим пользователю насладится ею.

Делается автоскроллинг с помощью очень простого jQuery скрипта. Просто вставьте его в любое место html кода (желательно в <head> или сразу после <body>), и задайте насколько пикселов прокрутить вниз. Читать далее »

Комментариев (18)
Дек 10

Качественный datepicker это jQuery UI Datepicker

Рубрики: jQuery Метки: , ,

Чем глубже изучаю фреймворк jQuery, тем больше возможностей он мне открывает. Если раньше чтобы реализовать работоспособный диалог выбора даты на javascript, я искал среди доисторических громоздких монстров, сам русифицировал, сам дописывал нужный мне функционал, сам обеспечивал кроссбраузерность.

Но все это в прошлом. Оказывается jQuery UI (дополнительные библиотеки пользовательского интерфеса) содержат в себе виджет Datepicker, а jQuery UI это кроссбраузерность, локализация, надежность jQuery и возможность темизации (пользовательской стилизации) виджетов. Читать далее »

Комментариев (48)
Ноя 5

jQuery — магия в вашем браузере

Рубрики: jQuery, Новости Метки: , ,

Относительно недавно узнал о существовании фреймворка для Javascript (проще говоря JavaScript-библиотеки), и теперь применяю ее в некоторых моих проектах.

jQuery, как мне показалось обладает очень понятным, простым и в то же время мощным функционалом для разработки настоящих веб-приложений подобных GMail, Google Reader и т.п., практически ничем не уступающих десктопным оконным программам.

Как я заметил, эту библиотеку используют многие известные сайты. И тут нечему удивляться, потому что библиотека jQuery:

  • Кроссбраузерная
  • Наделена функциями обращения к серверу без перезагрузки текущей страницы
  • Имеет всего один js файл маленького размера
  • Имеет встроенные функции для создания визуальных эффектов
  • Расширяема засчет поддержки плагинов

Начать изучение фреймворка jQuery можно с мануалов, которые доступны на официальном сайте

http://docs.jquery.com/Main_Page

Здесь довольно подробно все описано, но если с английским не лады, можно почитать следующие замечательные статьи на русском языке о jQuery Читать далее »

Комментариев (0)
Окт 31

Блог веб-мастера

Рубрики: Мысли Метки: , , ,

Сейчас, как я заметил все кому не лень создают блоги о сео и поголовно пишут про скучные апдейты PR , ТИЦ и прочую seo-чушь, как мне кажется больше не для себя а в надежде получить баннер от какого-нибудь главмеда или стимулкеша. Очень редко можно встретить добротный, интересный блог, в котором автор  пишет о том в чем он действительно разбирается.

Сегодня я хочу рассказать о блоге web-мастера, на который я набрел не так давно. На блоге ведутся рубрики ajax, HTML, CSS, JavaScript, MySQL, PHP. Его действительно интресно читать. Я для себя нашел несколько интресных статей, которые обязательно применю в своих проектах.

Меня не раз уже просили в личных сообщениях на searchengines доработать мой скрипт, который уже стал популярным «Позиции в Яндексе» чтобы он отображал историю изменения позиций в виде графиков, для этого на блоге веб-мастера есть отличная статья «Построение диаграмм средствами GDLib» которую я обязательно приму на вооружение, потому как с графиками на php работать не доводилось. Читать далее »

Комментариев (0)
Окт 4

Подтверждение при удалении

Рубрики: Javascript Метки:

Когда пишешь интерфейс для управления чем либо (пользователями, записями, почтой, списком сайтов), и когда доходит дело до чего-либо необратимого, например удаления записей из таблицы базы данных – всегда нужно спрашивать подтверждения у пользователя.

Самый простой способ – это поставить javascript код на ссылку, который выводит стандартное окно подтверждения.

Пример:

Удалить

Код:

<a href="url" onclick="return confirm('Удалить? Уверен?')"><font color="red">Удалить</font></a>

Сейчас подавляющее число сайтов не может работать на 100% без отключенного в браузере яваскрипта. Но бывают и такие, у которых он по какой либо причине отключен (их очень мало, но бывают), и браузер, не спрашивая пользователя перейдет по ссылке, т.е. запись будет удалена.
Читать далее »

Комментариев (0)
Сен 26

Контрол выбора даты

Рубрики: Javascript Метки: ,

Этот дейтпикер устарел, новый смотрите тут: http://www.samborsky.com/javascript/jquery/233/

Многие знают что из себя представляет контрол для выбора даты (он же DatePicker), кто не в курсе — это Javascript-код который выводит календарь, в котором можно выбрать дату. В общем чтобы ленивые юзеры не писали ее руками.

Дейтпикеров множество, по запросу «datepicker javascript» гугл выдает 350к страниц. Есть бесплатные, платные, хорошие и убогие. Просмотрев десяток понял что простого, бесплатного и не тяжеловесного не существует, потому придется написать самому делать мне больше нечего, или переписать чужой под свои нужды.

Взял я за основу простенький дейтпикер от www.nsftools.com

Было => Стало

datepicker

Что изменил:

  • Дописал перелистывание календаря на год назад и вперед
  • Создал отдельные css и js файлы (кому охота в хеад кучу кода подключать)
  • Сделал более-менее приличный дизайн
  • Сделал перевод на русский язык названий дней недели + месяцев

Читать далее »

Комментариев (7)