Главная
Новости
Статьи
Скрипты
Плагины
Сервисы

Главная

СтатьиДелаем голосование (+/-) на AJAX

vote

Суть использования AJAX заключается в передаче данных на сервер без перезагрузки страницы - что очень удобно для пользователей. Сегодня мы напишем простейший пример использования этого в виде digg-like голосования, без использования js-фреймворков (библиотек типа jQuery или MooTools). Это теоретическая статья для желающих ознакомиться с технологией AJAX, для прикладного использования существуют готовые скрипты и плагины.

Структура такова: на странице есть множество объектов с уникальным id (например, список постов). Для каждого из них нужно показать текущее количество голосов, а так же ссылки для голосвания за или против. При голосовании на сервер отправляется информация об id и типе голоса, данные добавляются в базу, высчитывается новый рейтинг и данные отправляются обратно на страницу, обновляя рейтинг (естественно, без перезагрузки страницы).

Читать полностью »

СтатьиПоказ/Скрытие блока

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

Допустим, у нас есть блок данных, который нужно показать только по клику по ссылке:

<div id="hidden_content" style="display: none;">скрытый контент</div>

Первый способ: jQuery
Очень простой и функциональный способ, однако придется подключать дополнительную библиотеку.

<a onclick="$('div#hidden_content').slideToggle('slow')">Показать/Скрыть блок</a>

В настройках можно указать скорость появления блока (slow/fast). Повторный клик скрывает блок.

Подробнее можно прочитать в документации jQuery (кликов:943).

Второй способ: чистый JavaScript
Занимает меньше места, однако не так функционален.
<script language="javascript" type="text/javascript">
function toggle(el) {
el.style.display = (el.style.display == 'none') ? '' : 'none'
}
</script>

И непосредственно сама ссылка:

<a onclick="toggle(hidden_content)">Показать/Скрыть блок</a>

Использовать можно любой способ, хотя второй более грубый и непредсказуемый.

СервисыПодбор цвета: 0to255

0to255 Подбор цвета - нелегкая задача. Сервис по подбору цвета 0to255 (кликов:597) может в этом немного помочь - особенно когда с цветом элемента вы уже определились, но необходим выбрать правильный тон.

Не совсем AJAX конечно (разве что посмотреть реализацию - хотя она в основном на чистом js), однако для вебмастеров весьма полезный сервис.

PS. У сайта остались живые читатели? FB показывает около 100, но доверия не вызывает. Постараюсь возродить сайт полезными скриптами и статьями, в том числе своими, а так же сервисами более широкого назначения. Хотя редактор не помешает - если готовы заняться наполнением сайта, отпишитесь на me@spryt.ru.

СкриптыW framework, краткий обзор

Введение

W framework - web framework написанный на двух языках программирования PHP(серверная часть) и JavaScript(клиентская часть), и предназначений для создания интерактивных web-приложений. Под web-приложением понимается один из следующих типов сайтов: социальные сети, биллинговые системы, админ-панели, различные online-менеджеры и вообще на w framework'e может работать любой сайт, который не требует индексирования своих страниц поисковыми роботами.
W framework в действии

Что было более понятно о чем идет речь, Вы можете просмотреть пример написанного мною web-приложения по следующему адресу - http://wframework.com/demo/. На оригинальность мое приложение не претендует, но все же позволят показать принцип работы самого w framework'a и работу некоторых php-классов и w-плагинов. Теперь о самом web-приложении: там Вы сможете заметить регистрацию, регистрация настоящая с проверкой личности при помощи email; так же Вы можете заметить необычную каптчу, суть этой каптчи в том, что человек способен видеть оптические иллюзии, а компьютер нет; после регистрации Вы можете перейти на страницу своего профиля и редактировать там некоторые данные, также Вы можете просматритривать страницы других профилей, но только тех профилей у которых указан противоположный пол(это что то типа социальной сети знакомств). Email адреса, указываемые пользователями нигде и некогда использоваться не будут!

СкриптыSlide Thumbs: слайдер изображений

Slide Thumbs Скрипт отлично подойдет для показа скриншотов - там, где не требуется высокое разрешение. В отличии от обычных pop-up вьюверов изображений Slide Thumbs занимает больше места, но при это он не мешает просматривать контент на странице. Отлично подойдет для скриншотов в портфолио, где нужно показать всего несколько изображений. Для больших галерей лучше поискать менее громоздкий скрипт :)

Требования: jQuery
Демо: jqueryglobe.com → Slide Thumbs
Документация, how-to
Скачать (343кб)

СкриптыСистема управления сайтом / LatiCMS 2.0 X5 Free

Данный скрипт позволяет создать полностью управляемый сайт.

Система организована на технологиях

Php, mySQL, Smarty, Jquery, Html, Css.

1283325529

Возможности

1. Неограниченное добавление страниц

2. Новости

3. Rss лента новостей

4. Фотогалерея

5. Статьи

6. Faq

7. Комментарии

8. Ротатор рекламы

9. Обратная связь

Адрес сайта: lati.itlati.com

Адрес админ панели: lati.itlati.com/admin/

Логин и пароль: admin

СкриптыRELAY — файловый менеджер в формате ВЕБ 2.0

picture_3

Насколько мне известно файловые менеджеры для сайтов еще не обсуждались. Пользуясь случаем хочу представить вам файловый менеджер под названием RELAY, данный скрипт был написан на PHP под MySQL , так же был использован PERL для динамического отображения процесса загрузки. Особенности скрипта:

* AJAX Drag&Drop
* Предпросмотр картинок
* Предпросмотр PDF документов
* Работа с директориями(создать, удалить, переместить, переименовать)
* Виртуальные директории
* Добавление пользователей
* Поиск
* Корзина
* Отправка файлов через емейл
* Скачать файлы как архив

* Теперь еще и на русском языке !!!!

Скачать

СкриптыМибью Веб Мессенджер

mibew

Мибью Веб Мессенджер (ранее Open Веб Мессенджер) это бесплатное open-source приложение для онлайн-консультирования. Оно позволяет добавить на сайт кнопку прямой связи с вашими операторами, при этом все общение происходит прямо в браузере.

Помимо всех вкусностей есть поддержка русского и небольшая прога под винду аля ICQ.

Прекрасный скрипт онлайн консультации! Всем рекомендую!!!

Сайт скрипта: http://mibew.org/ru/

СкриптыCKEditor: визуальный редактор текста

ckeditor

Отличный текстовый редактор для написания постов. Аналог ворда для редактирования веб страниц :) Позволяет создавать сложную HTML разметку простыми нажатием на кнопки, но есть и режим редактирования исходного кода (кому как удобней). Отлично подходит для создания и редактирования текстовых материалов на сайте - его часто можно встретить в CMS. Поддерживаются различные настройки - язык, скины, управление тулбарами и т.д. Это один из самых популярных WYSIWYG редакторов для веб приложений (раньше назывался FCKeditor).

Демо: http://ckeditor.com/demo
Скачать: http://ckeditor.com/download (1.3/1.9 мб)

---------------------
PS. Да, сайт начинает потихоньку возрождаться :) Напомню, что регистрация открыта, и любой желающий может добавить свой материал на сайт. Так же не помешал бы постоянный редактор, который будет регулярно искать и добавлять новые материалы на сайт, за соответствующую плату. Если вам это интересно это предложение - пишите на me@spryt.ru.

СкриптыСистема управления сайтом / LatiCMS 1.0 Free

Данный скрипт позволяет создать полностью управляемый мультиязычный сайт.

laticms

Система организована на технологиях
Php, mySQL, Smarty, Jquery, Html, Css.

Возможности
1. Неограниченное добавление страниц

2. Новости
3. Rss лента новостей
4. Мультиязычность
5. Статьи
6. Faq
7. Обратная связь

Адрес сайта: cms-lang.itlati.com
Адрес админ панели: cms-lang.itlati.com/admin/
Логин и пароль: admin









Авторам:

Популярные статьи:

Web-просмотрщик картинок. Lightbox2 (14)
AJAX скрипт для определения Google Pagerank (13)
Карта кликов вашего сайта. ClickHeat (13)
Анимация загрузки: AjaxLoad (13)
Чекбокс с прозрачностью (10)