Отправляет email-рассылки с помощью сервиса Sendsay

WebDesign.Doc

Подписаться Бесплатная новостная рассылка Подписчиков 1.564 RSS
←   Март 2009   →
 1
 2
 3
03.03.2009
12:34:33
15:06:08
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
18.03.2009
10:29:06
17:34:55
19
20
21
22
23
24
25
26
27
28
29
30
31


За последние 60 дней ни разу не выходила


Сайт рассылки: http://internetsoft.16mb.com/
Открыта: 15-02-2005

Автор
Andrew

Статистика

1.564 подписчиков
0 за неделю
←   Все выпуски   →

WebDesign.Doc - электронная библиотека веб-мастера: 158


WEbDESiGN.doc   //   №158
PHP от A до Я: всё для создания динамичного веб-сайтаSEO от A до Я: всё для продвижения вашего сайтаКлипарт: Web 2.0

читайте в этом выпуске:

  • Учебка. Основы работы с AJAX при разработке сайтов
  • Библиотека. Видео-курсы по веб-дизайну. Скачать
    • Adobe Photoshop CS4
    • Adobe Flash CS4
    • Adobe Dreamweaver CS4
    • Мультимедийный курс по HTML и CSS
    • Видеокурс по созданию сайта с нуля

УЧЕБКА

Основы работы с AJAX при разработке сайтов

источник: MegaObzor

AJAX представляет собой своеобразное асинхронное взаимодействие между клиентом и сервером, осуществляемое в «фоновом» режиме. Данные, которые отправляются серверному скрипту со стороны клиента и принимаются обратно, находятся под управлением JavaScript функций. В данной статье мы рассмотрим основные моменты работы в JavaScript, применительно к технологии AJAX.

Итак, одна из главных функций, которая нам может потребоваться в написании нашего клиентского кода – getElementById(“name”). Данная функция осуществляет доступ к элементу страницы с заданным именем (точнее, с заданным параметром id), после чего, обратившись непосредственно к свойству того или иного элемента на странице мы можем получить для нас всю необходимую информацию.

Например, на странице описан текстовый элемент:

<input type=”text” name=”first_name” id=”first_name” size=”20” />

В определённый момент времени (по наступлению какого-либо события) нам требуется узнать, что ввел пользователь в это поле. Сделать это очень просто. Создаем JavaScript функцию, которая будет вызываться по наступлению того или иного события, в которой пишем следующее:

alert(document.getElementById(“first_name”).value);

Данный пример выведет на экран alert box, содержащий текст, введённый пользователем в поле first_name. Таким образом, Вы можете получить данное значение, проанализировать его, сделать коррективы и, например, отослать в php скрипт на сервере, который обработает эти данные.

Следующий момент, который может Вам пригодиться: создание невидимых блоков на странице. Приведем пример не связанный с AJAX, но более наглядно демонстрирующий конкретный случай. Если Вы поймете все в этом примере, то применить эти знания непосредственно с использованием AJAX не составит никакого труда.

Итак, мы хотим реализовать следующую функциональность: на странице две ссылки (О нас и Контакты). Необходимо сделать так, чтобы информация «о нас» и «контакты» загружалась сразу же на одной странице и отображалась моментально (без всякой загрузки), при нажатии на ссылку. Вот html код, который понадобится нам:

<a href=”#” onclick=”showAbout()”>О нас</a><br/>
<a href=”#” onclick=”showContacts()”>Контакты</a><br/><br/>
<span id=”about” name=”about”>Информация О нас!!!</span>
<span id=”contacts” name=”contacts” style="”display:none”>Свяжитесь" с нами!!!</span>

Мы описали две ссылки, по щелчку на которые будут вызываться некоторые JavaScript функции. А так же мы описали два блока <span>. В одном из них на страницу сразу же выведется информация «О нас», в другом содержится информация о контактах, но на экран она не будет выведена, так как мы сделали данный блок невидимым, используя конструкцию style="”display:none”."

Теперь нам осталось сделать так, чтобы по щелчку на «Контакты» скрывался блок с информацией «О нас», и наоборот соответственно.

Функция showAbout будет выглядеть следующим образом:

function showAbout()
{
document.getElementById(“about”).style.display = “block”;
document.getElementById(“contacts”).style.display = “none”;
}

Здесь мы говорим, что <span> с информацией о нас нам надо показать, а с информацией о Контактах – скрыть. По аналогии делаем функцию showContacts()

function showContacts()
{
document.getElementById(“about”).style.display = “none”;
document.getElementById(“contacts”).style.display = “block”;
}

Все готово!

Наконец, пожалуй, самое важное применение JavaScript в технологии AJAX для клиента – это возможность изменения вида и значений элементов страницы «на лету», при получении ответа от сервера. Реализуется это следующим образом:

var old_content = document.getElementById(“element”);
var new_content = “Допустим, здесь ответ, пришедший от сервера”;
var newEl = old_content.cloneNode(true); //делаем «клон» всего, что было внутри элемента, //информацию в которой надо дополнить пришедшей от сервера
newEl.innerHTML += new_content; //Дополняем новым контентом
old_content.parentNode.replaceChild(newEl, content); //Заменяем старый контент – новым.


ОТПРАВИТЬ ВОПРОС В РАССЫЛКУ:
HELP@WM-ZONE.INFO →


БИБЛИОТЕКА ВЕБ-МАСТЕРА

Видео-курсы по веб-дизайну. Скачать

Adobe Photoshop CS4
Обучающий видеокурс по самому популярному графическому редактору в мире на русском языке. 1,5 часа видео HD-качества. Рассмотрены все новые возможности версии CS4. Впервые! Работа с 3D-графикой и видео. Курс озвучен профессиональным диктором. Большое количество примеров. Удобный интерфейс для работы.
Скачать - http://80.91.191.178/downloads/familus/vc08.exe

*

Adobe Flash CS4
Flash это не просто программа редактирования и анимации векторной графики, это целая технология, которая обладает практически неограниченными возможностями. Flash CS4 дает возможность дизайнерам и разработчикам создавать проекты любой сложности – начиная от простых сайтов, заканчивая сложнейшими web-ориентированными приложениями. В версии CS4, помимо стандартных возможностей добавились уникальные новые трехмерное редактирование объектов, инструменты создания более реалистичной анимации. Ну а язык Action Script версии 3.0 как всегда является самым лучшим средством программирования поведений на сцене.
Скачать - http://80.91.191.178/downloads/familus/vc15.exe

*

Adobe Dreamweaver CS4
Развитие современных компьютерных технологий в настоящее время во многом определяется широким распространением глобальной сети Интернет по всему миру. Спрос на интернет-решения во всех областях неуклонно растет. Теперь в руках Web-разработчиков есть универсальный пакет Dreamweaver CS4, который дает простор не только для обычных Web-дизайнеров, но и для программистов, создающих современные Web-приложения. Все, начиная с проектирования, до этапа внедрения и отладки в Dreamweaver CS4 реализовано на самом высоком уровне, что не мешает этой программе быть достаточно простой в освоении. Именно это и позволило ей стать лидером на рынке пакетов для Web-дизайна.
Скачать - http://80.91.191.178/downloads/familus/vc16.exe

*

Мультимедийный курс по HTML и CSS
Курс по языку HTML и CSS является базовым, если вы решили зарабатывать деньги в сети или просто создать свое представительство, создав сайт, портал, страничку. Изучив данный курс, вы сможете чувствовать себя очень уверенно при написании любой HTML страницы, любого сайта.
Вы получите именно те 20% выжимок из любого толстенного учебника (в которых, и Вы безусловно, согласитесь со мной, 80% информации - откровенная чушь. Вам предлагается 12 уроков, общей продолжительностью 3 часа 46 минут курса HTML и 11 уроков, продолжительностью 2 часа 12 минут - курса CSS. Перед Вами - практический видеокурс изучения данных языков с нуля.
Размер: 113.45 MB
Скачать целым архивом на большой скорости / vip-file
http://vip-file.com/download/02c2d1651575/HTML.CSS.rar.html
Скачать / depositfiles part 1 - http://depositfiles.com/files/l8wpj8gez
Скачать / depositfiles part 2 - http://depositfiles.com/files/69e8uacax

*

Видеокурс по созданию сайта с нуля
Этот видеокурс наглядно показывает весь процесс создания сайта по шагам. От создания каркаса и до загрузки на сервер в Вашем браузере.
В курс вошли 18 уроков общей продолжительностью 4 часа 40 минут.
Изучив данный курс вы научитесь:
- создавать основу сайта на жестком диске;
- создавать HTML каркас сайта, используя дополнительно стили CSS;
- создавать двойную навигацию;
- автоматизировать процесс замены информации, когда сайт у Вас вырос;
- как правильно создавать контент сайта и заполнять им странички, используя стили;
- как избежать проблем с навигацией javascript при вставке ее на сайт;
- как правильно вставлять изображения на страницы сайта;
- как установить на сайт и настроить авторассыльщик для оформления подписки и как добавить форму подписки на все страницы сайта;
- как создать и вставить на сайт 3D коробку Вашего мини курса, игр, рассылки и пр. одновременно на все страницы;
- как проверить сайт на наличие ошибок за несколько секунд;
- где и как купить надежный хостинг и как заливать свои файлы на сервер;
- как правильно настрить FTP соединение и обновлять информацию на сервере со своего компьютера;
- как установить счетчики посещений и замаскировать их;
- как правильно настроить почтовый клиент для получения писем с сайта;
- как создавать и работать с базой данных;
- как создать иконку "для избранного";
- и прочее, прочее, прочее...
В завершении, совместными усилиями, Вы создадите собственный продающий мини-сайт.
Размер: 153 MB
Скачать / letitbit - http://letitbit.net/download/b708c1656611/site.rar.html
Скачать / depositfiles - http://depositfiles.com/files/v2lne8aae
Скачать / uploadbox - http://uploadbox.com/files/0cb6d9f5a3

Надеюсь, что вам понравился этот выпуск рассылки и вы узнали что-то новое и полезное для себя. Если у вас есть пожелания или предложения как сделать рассылку лучше, присылайте их на наш e-mail: admin@wm-zone.info

ведущий рассылки - Путченков Дмитрий
WebMasterZone - http://wm-zone.info
В избранное