Ajax Russia : Аякс по-русски

Свежие новости из мира IT

Archive for the 'Tutorial' Category

Краткое введение в prototype

March 20th, 2008 | Category: Ajax, PHP, Prototype, Tutorial

protoflowПо просьбам наших читателей - what the hell is prototype? Библиотека (фреймворк) prototype позволяет вам легко, быстро и безопасно совершать AJAX запросы и не только. Библиотека расширяет методы DOM (Data Object Model), упрощая их использование. А самое главное то, что авторы библиотеки уже позаботились о браузеро-независимости (cross-browser), и нам достается всё самое сладкое!
Read more

11 comments

Scriptaculous и плавный скроллинг

March 18th, 2008 | Category: Prototype, Script.aculo.us, Tutorial

script.aculo.us - web 2.0 javascriptСегодня покажу как сделать на странице скроллинг. Но не обычный, когда браузер просто прыгает на нужное место, а плавный скроллинг. Для этого скачаем и подгрузим на странице Prototype и Scriptaculous.



PLAIN TEXT
HTML:
  1. <script src="/javascripts/prototype.js" type="text/javascript"></script>
  2. <script src="/javascripts/effects.js" type="text/javascript"></script>

Теперь сделаем на странице DIV и дадим ему id. К этому элементу мы будем скроллить окно браузера. Это не обязательно должен быть DIV, а может быть что угодно, главное чтобы был id.

PLAIN TEXT
HTML:
  1. <div id="scroll_1"></div>

И теперь сделаем линк, при нажатии которого будем скроллить.

PLAIN TEXT
HTML:
  1. <a href="#scroll_1" id="scroll_link">Scroll me</a>
  2. <script type="text/javascript">
  3.   $('scroll_link').observe('click', function(e){
  4.     new Effect.ScrollTo('scroll_1');
  5.     e.stop();
  6.   });
  7. </script>



Чтобы посмотреть скрипт в деле - кликать СЮДА.

Подробнее про ScrollTo можно почитать тут.

4 comments

AJAX и XML: ShoutBox

March 17th, 2008 | Category: Ajax, Javascript, PHP, Tutorial

shoutboxВсе уже научились создавать xmlHttp объекты, посылать запросы стороннему файлу, получать, обрабатывать и выводить XML данные. Кто не в теме, прошу сюда. Теперь, на базе этого, мы с вами рассмотрим конкретный пример – всемирно известный ShoutBox!
Read more

9 comments

AJAX и собственно XML

March 14th, 2008 | Category: Ajax, Javascript, Tutorial

ajax
Что такое AJAX, думаю, все уже знают и имеют небольшое представление о том, как он работает. Но всё же много людей до сих пор представления не имеют о том, каким боком собственно XML, так как большинство ресурсов расписывают работу только со свойством responseText, не говоря уже о сторонних библиотеках (prototype, sAjax и прочее).
Read more

22 comments

Soundmanager 2 - играем mp3 джаваскриптом

February 04th, 2008 | Category: Javascript, Tutorial

soundmanager2.pngХоть мне это и никогда не было нужно - всё равно стало интересно, как можно проигрывать мп3 файлы на вэб странице. Полез в гугл и нашёл очень интересную библиотеку - Soundmanager 2. Это комбинация из флэша и джаваскрипта. Флэш играет музыку, а джаваскрипт управляет проигрыванием. Read more

No comments

« Previous Page — Next Page »