Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Отображение HTML-формы по нажатию кнопки
 
 автор: Haarlem   (01.10.2005 в 14:11)
 
 

Привет народ,
Короче так. хочу написать маленький скриптик но у меня не получается.
Как мне сделать так, что бы нажав на кнопу, в этом же документе открывалась форма, не меняя содержания самого документа и не перезагружая документ.
Я кое что пробовал, но как только я нажимаю кнопку, исчезает всё содеримое документа и появляется форма.
Подскажите пожалуйста.
<html>
<head>
<title>Primer</title>
<head>
<body>
<center>
<form name="myForm">
<input type = "text" name = "naam">
<br>
<input type = "text" name = "herhal">
<br>
<input type = "button" value="OK" onClick="document.myForm.herhal.value=document.myForm.naam.value">
</form>
</center>

<script>
function forma()
{
document.write('<center><form name="myForma">')
document.write('<input type = "text" name = "naam">')
document.write('<br>')
document.write('<input type = "text" name = "herhal">')
document.write('<br></center>')
}
</script>
<center><input type= "button" value="OKE" onClick="forma()"></center>
</body>
</html>

   
 
 автор: dim   (01.10.2005 в 21:10)   письмо автору
 
   для: Haarlem   (01.10.2005 в 14:11)
 

<html>
<head>
<title>Primer</title>
</head>
<script>
function forma()
{form_hid.style.display="block";}
</script>
<body>
<center>
<form name="myForm">
<input type = "text" name = "naam">
<br>
<input type = "text" name = "herhal">
<br>
<input type = "button" value="OK" onClick="document.myForm.herhal.value=document.myForm.naam.value; forma();">
</form>
</center>
<div id='form_hid' style='display:none;'>
<center><form name="myForma">
<input type = "text" name = "naam">
<br>
<input type = "text" name = "herhal">
<br></center>
</div>
<center><input type= "button" value="OKE" onClick="forma()"></center>
</body>
</html>

а теперь пояснение: свойство display обозначает видимость элемента. Мы заключаем в теги <div> необходимую нам форму (причем пространство, которое занимает форма не отображается), потом при событии onClick вызываем ф-ию, которая должна выполнить всего лишь единственное действие - сделать форму видимой!
p.s. display==block - элемент видим, display==none - элемент невидим.

   
 
 автор: Haarlem   (02.10.2005 в 13:42)
 
   для: dim   (01.10.2005 в 21:10)
 

Спосибо тебе огромное

   
 
 автор: dim   (02.10.2005 в 20:58)   письмо автору
 
   для: Haarlem   (02.10.2005 в 13:42)
 

Пожалуйста! удачи... ;-)

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования