I wanna be developer

Добавим немного интерактива с помощью JavaScript.

Для начала давайте не субмитить форму, если пользователь ничего не ввёл в поле ввода.

Для этого сначала нужно добавить полю ввода идентификатор, по которому можно к этому полю обращаться и с ним работать, в этой строке приписываем атрибут id:

<input id="server" name="server" style="width:300px"
value="<?=$_GET["server"]?>"/>

Теперь мы можем обращаться с этим полем ввода как с объектом, находя его по ID:

var inp = document.getElementById('server');

Вот теперь можно по нажатию кнопки проверять наличие текста в этой строке ввода:

<input name="submit" type="Submit" value="Submit"
onclick="var inp = document.getElementById('server');
if(!inp.value) {alert('Введите адрес сервера.'); return false;}"/>

Вообще, если кнопки типа submit в обработчике нажатия возвращает FALSE, то субмита формы не происходит — этим мы и воспользовались.

В следующий раз мы сделаем так, чтобы результат показывался на странице без обновления страницы, а сразу — для этого мы воспользуемся такой штукой как AJAX.

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

1. рассмотрим, как устроена веб-страница
2. установим веб-сервер
3. напишем свою первую страницу на языке PHP
4. добавим немного интерактива с помощью JavaScript, а также прикрутим AJAX
5. разберемся, как работать с базой данных
6. сделаем страницу, доступную только тем, кто знает пароль
7. выложим это всё куда-нибудь в интернет

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

Итак, какие идеи?

A.J.A.X. означает “Asynchronous JavaScript and XML” (англ. “Асинхронный JavaScript и XML“, перевод мой, вольный )

Пример, который мы разбирали на лекции, доступен здесь (1.5 Кб)

Чтобы он заработал на вашей машине, в файле 2.php смените этот путь

http://localhost/SmartHands/3.php

на любой рабочий другой

http://localhost/ваш/путь/к/файлу/3.php

Кстати, AJAX чаще всего не работает для удаленных скриптов, т.е. если вы поменяете УРЛ выше на

http://koodix.com

то получите сообщение об ошибке. Это сделано в целях безопасности. Так что пока обращайтесь к скриптам только в своём домене.

• php.net – сайт-проматерь-пропаперь. Когда в редакторе нет встроенного хелпа по PHP, удобно лазить сюда: http://php.net/php_uname (справка по php_uname())
• PHP.SPB.RU – хотя сайт староват и давно не обновлялся, здесь много полезных кусков кода с подробными объяснениями. До сих пор пользую модуль для измерения скорости работы PHP
• phpclasses.org – много не всегда качественных, но уже готовых к использованию PHP-классов. Выкладывать ваши наработки или нет – дело хозяйское. Я выкладываю.
• htmlcoder – тоже обновляется не часто, но советую перелопатить все имеющиеся здесь статьи по HTML, CSS и JavaScript.
• dklab – сайт, на страницах которого был выложен класс JsHttpRequest, реализующий AJAX, когда самого термина AJAX ещё не придумали. Автор явно человек с головой. Рекомендую наблы.

Приятного чтения!