Методические указания к лабораторным работам по дисциплине технологии разработки веб-систем индекс по учебному плану: в. Дв. 07. 01
Предоставление информации, введенной в форму
жүктеу/скачать 0,76 Mb. Pdf көрінісі
|
Metod B1.V.DV.07.01 09.03.01 LR
- Бұл бет үшін навигация:
- Выделение определенного элемента формы
Самый простой способ состоит в передаче данных формы по электронной почте. Если нужно, чтобы за вносимыми в форму данными следил сервер, то необходимо использовать интерфейс CGI (Common Gateway Interface). Последнее позволяет автоматически обрабатывать данные. Например, сервер мог бы создавать базу данных со сведениями, доступную для некоторых из клиентов. Другой пример - поисковые страницы, такие как Yahoo. Обычно в них представлена форма, позволяющая создавать запрос для поиска в собственной базе данных. В результате пользователь получает ответ вскоре после того, как нажимает на соответствующую кнопку. Ему не приходится ждать, пока люди, отвечающие за поддержание данного сервера, прочтут указанные им данные и отыщут требуемую информацию. Все это автоматически выполняет сам сервер. JavaScript не позволяет делать таких вещей. Выделение определенного элемента формы С помощью метода focus() можно сделать форму более дружественной. Так, можно выбрать, который элемент будет выделен в первую очередь. Либо можно приказать браузеру выделить ту форму, куда были введены неверные данные. То есть, что браузер сам установит курсор на указанный Вами элемент формы, так что пользователю не придется щелкать по форме, прежде чем что- либо занести туда. Методические рекомендации к выполнению задания 2 1 Создайте документ, содержащий два элемента для ввода текста. function test1(form) { if (form.text1.value == "") alert("Пожалуйста, введите строку!") else { alert("Hi "+form.text1.value+"! Форма заполнена корректно!"); }} function test2(form) { if (form.text2.value == "" || form.text2.value.indexOf('@', 0) == -1) alert("Неверно введен адрес e-mail!"); else alert("OK!");} // --> ВведитеВашеимя: Введите Ваш адрес e-mail: name="button2" value="Проверка" onClick="test2(this.form)"> value="Нажми" name="myButton" onClick= 'document.myImage.src= "image2.jpeg";' > This text is inside a layer This text is inside a layer мы пользуемся процедурой onLoad . Нам необходимо начать прокручивание слоя, как только страница будет загружена. В процедуре обработки события onLoad мы пользуемся функцией setInterval() . Это один из новых методов версии 1.2 языка JavaScript (то есть версии JavaScript, реализованной в Netscape Navigator 4.0). Им можно пользоваться, чтобы вызывать некую функцию мвновь и вновь через определенные интервалы времени. В прошлом для этого мы пользовались функцией setTimeout() . Функция setInterval() работает почти так же, однако Вам нужно вызвать ее всего лишь один раз. С помощью setInterval() мы вызываем функцию move() каждые 20 миллисекунд. А функция move() , в свою очередь, всякий раз смещает слой на новую позицию. И поскольку мы вызываем эту функцию вновь и вновь, то мы получаем быстрый скроллинг нашего текста. Все, что мы нужно сделать в функции move() - это вычислить новую координату для слоя и записать ее: document.layers["myLayer2"].left= pos . Если Вы посмотрите исходный код этой части в онлайновом описании, то увидите, что в действительности мой код выглядит несколько иначе - я добавил некий фрагмент кода с тем, чтобы люди, работающие со старыми версиями JavaScript-браузеров, не получали из-за этого никаких сообщений об ошибках. Как этого можно достичь? Следующий фрагмент кода будет выполняться только на тех браузерах, которые воспринимают язык JavaScript 1.2: document.write("Вы используете браузер, совместимый с JavaScript 1.2."); // --> Та же самая проблема возникает, когда мы работаем с объектом Image. Мы можем аналогичным способом переписать кодекс. Установка переменной browserOK решает эту проблему. Следующий пример демонстрирует, как может осуществляться перекрывание слоев: This text is inside a layer жүктеу/скачать 0,76 Mb. Достарыңызбен бөлісу:
|