» Форма входа

»Мoy-weB ver.4.1

» Статистика

Главная » 2009 » Май » 02
Плагины jQuery: Background-Position Animations JAVA скрипты

Сегодня мы рассмотрим еще один плагин jQuery: Background-Position Animations, который, дает возможность анимировать положение картинки фона любого элемента.


Давайте разберем три примера использования этого плагина: кнопки, дырявые кнопки и меню.

Пример 1. Кнопки.

Для начала сделаем простую кнопку со скругленными углами

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

Написал: CorsaR

Голосов: Просмотров 681 02.Май.2009


11 многообещающих фреймворков Javascript JAVA скрипты

11 многообещающих фреймворков Javascript, о которых вы ни разу не слышали


JavaScript фреймворкиВсем вам известны такие JavaScript фреймворки как jQuery, MooTools, Prototype, YUI. Некоторые даже слышали про script.aculo.us. В последнее время они стали довольно популярны и их используют все больше и больше.

Казалось бы, все js-программисты должны понимать, что не стоит изобретать велосипед и лезть на рожон, но нет, находятся отважные люди, которые хотят сделать что-то лучше и проще известных лидеров.

Сегодня мы рассмотрим фреймворки, о которых мало кто слышал, но которые имеют свои неоспоримые преимущества.

1.  ... Читать дальше »

Написал: CorsaR

Голосов: Просмотров 846 02.Май.2009



JavaScript решения для построения графиков JAVA скрипты

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

Итак, давайте рассмотрим 8 отличных скриптов JavaScript для построения графиков.


Raphaël

Raphael

Для работы библиотека использует SVG/VML. Работает в Firefox 3.0+, Safari 3.0+, Opera 9.5+ и Internet Explorer 6.0+.

Flot

Flot

 

Библиотека Flot постоена на jQuery и разработана в  ... Читать дальше »

Написал: CorsaR

Голосов: Просмотров 1414 02.Май.2009


Стилизация элементов формы — подборка решений JAVA скрипты

Сегодня мы предлагаем вам подборку решений, с помощью которых вы cможете стилизовать любой элемент формы — checkbox, radiobutton, простой input или select.

Красивые checkbox-ы

Стилизация элементов форм

Работает в связке с jQuery. Тестировано в FF 2+, Opera 9.5+, Safari 3.1+, IE 6+.

Заменитель checkbox-ов и radiobutton-ов

Стилизация элементов формы ... Читать дальше »

Написал: CorsaR

Голосов: Просмотров 1021 02.Май.2009


Обзор средств для разработчиков в разных браузерах JAVA скрипты

Привет. Сегодня хочу рассказать про дополнения к браузерам, необходимые каждому веб-разработчику. Всем известен FireBug — самое мощное и удобное дополнение для FireFox.

Но Firebug ничем не сможет помочь при работе с IE, Оперой или Сафари.

Итак, на повестке дня:

  • FireBug для Firefox;
  • Web Developer Toolbar для Firefox;
  • IE Developer Toolbar;
  • DebugBar для IE;
  • DragonFly для Opera;
  • WebInspector для Safari;
  • Средства для разработчиков в Google Chrome.

Есть, конечно, и другие — о них я обязательно упомяну.


Firebug для Firefox

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

Firefox with Firebug ... Читать дальше »

Написал: CorsaR

Голосов: Просмотров 863 02.Май.2009


Cниппеты. jQuery, часть вторая JAVA скрипты

Расположение объекта по центру экрана

Code

jQuery.fn.center = function()  
  {
  var w = $(window);
  this.css("position","absolute");
  this.css("top",(w.height()-this.height())/2+w.scrollTop() + "px");
  this.css("left",(w.width()-this.width())/2+w.scrollLeft() + "px");
  return this;
  }

Замена текста внутри элемента, используя регулярные выражения

Полезно ... Читать дальше »

Написал: CorsaR

Голосов: Просмотров 435 02.Май.2009


Cниппеты. JavaScript, часть 2 JAVA скрипты

1. Определение положения курсора

Code

function getPosition(e)  
  {  
  e = e || window.event;  
  var cursor = {x:0, y:0};  
  if (e.pageX || e.pageY)  
  {
  cursor.x = e.pageX;
  cursor.y = e.pageY;
  }  
  else  
  {
  cursor.x = e.clientX +  
  (document.documentElement.scrollLeft ||  
  document.body.scrollLeft) -&n ... Читать дальше »

Написал: CorsaR

Голосов: Просмотров 441 02.Май.2009


Хороший AJAX JAVA скрипты

Большинство веб-разработчиков ограничивают себя в использовании аякса, потому что он, как известно, обладает некоторыми распространенными недостатками:

1. Неиндексируемость динамически загружаемого содержимого поисковиками;
2. Невозможность работать с URL (к примеру, добавлять в закладки динамически загруженный материал);
3. Динамически создаваемые страницы не регистрируются в истории браузера, поэтому невозможно использовать клавиши «назад» и «вперед»;

Но, на другой стороне весов имеются неопровержимые преимущества AJAX:

1. Экономия трафика;
2. Уменьшение нагрузки на сервер;
3. Ускоренная работа веб-приложения (это результат первых двух пунктов).

В этом уроке мы расскажем, как преодолеть минусы и полноценно пользоваться плюсами AJAX.

Идеи

1. Все страницы сайта получаем через AJAX, т. е. обновляем только заголовок и содержимое страницы. Это увеличивает скорость работы сайта и снижает трафик между с ... Читать дальше »

Написал: CorsaR

Голосов: Просмотров 446 02.Май.2009


Cниппеты. JavaScript JAVA скрипты

1. Скрыть или показать элемент

Code
function showhide(e)
  {
  el = document.getElementById(e);
  el.style.display = el.style.display == "block" ? "none" : "block";
  }

2. Определение браузера

Code
... Читать дальше »

Написал: CorsaR

Голосов: Просмотров 462 02.Май.2009


Скрипты галерей изображений на AJAX JAVA скрипты

Minishowcase

Minishowcase это маленькая и простая фото галерея, написанная на php/javascript с использованием AJAX/JSON. Она позволяет вам легко добавлять картинки, не настраивая базы данных и не изменяя кода (но если вам захочется покопаться в исходниках, то пожалуйста).

Ajax галерея Minishowcase

SmoothGallery от JonDesign

Этот скрипт галереи интересен тем, что он придерживается стандартов. Кроме того, галерея весит всего 16КБ.

Ajax галерея SmoothGallery ... Читать дальше »

Написал: CorsaR

Голосов: Просмотров 1084 02.Май.2009


Cниппеты. jQuery JAVA скрипты

1. Плавное изменение цвета

Вы должно быть заметили, что ссылки у нас (в главном меню, в тегах и в заголовках на главной), плавно меняют свой цвет.
Как это делается при помощи jQuery: устанавливаем плагин Color Animations и пишем:

Code

  $(document).ready( function() {
$(".mainMenu a, .articleTitle a").mouseover( function() {
$(this).animate({color: "#cc4e4e"}, {queue:false, duration:250 });
}).mouseout( function() {
$(this).an ... Читать дальше »

Написал: CorsaR

Голосов: Просмотров 470 02.Май.2009


JavaScript слайдеры. Только лучшее. JAVA скрипты

Все, что можно потаскать туда и обратно, чтобы установить

какое-то значение, получить какую-то картинку и прочее может называться слайдером. Простейший пример, ставший естественным атрибутом любого окошка — скроллбар. Это тоже вид слайдера. Без слайдеров не обходится почти ни одна серьезная веб-разработка. Мы сделали подборку лучших слайдеров из тех, которые доступны бесплатно.


PhatFusion

Весьма простой слайдер, есть возможность вертикального или горизонтального отображения, пошаговое разбитие ленты слайдера. Для работы использует mootools.

phatfusion слайдер

Демо
... Читать дальше »

Написал: CorsaR

Голосов: Просмотров 1329 02.Май.2009


Ctrl+Enter и клавиатурные события Javascript JAVA скрипты

Для отправки сообщений в сети принято использовать сочетание клавиш Crtl Enter, а для навигации по страницам — Ctrl и стрелочки. Эта статья рассказывает о том, как сделать это на своем сайте.

Отправка формы по Ctrl Enter

Код и пример использования с формой.

Code

<script type="text/javascript">
function ctrlEnter(event, formElem)
  {
  if((event.ctrlKey) && ((event.keyCode == 0xA)||(event.keyCode == 0xD)))
  {
  formElem.submit.click();
  }
  }
</script>
<form action="send.php" method="post" onkeypress="ctrlEnter(event, this);">...</form>

< ... Читать дальше »

Написал: CorsaR

Голосов: Просмотров 515 02.Май.2009