• Курсы Академии Кодебай, стартующие в мае - июне, от команды The Codeby

    1. Цифровая криминалистика и реагирование на инциденты
    2. ОС Linux (DFIR) Старт: 16 мая
    3. Анализ фишинговых атак Старт: 16 мая Устройства для тестирования на проникновение Старт: 16 мая

    Скидки до 10%

    Полный список ближайших курсов ...

Помогите новичку разобраться

  • Автор темы Haarlem
  • Дата начала
Статус
Закрыто для дальнейших ответов.
H

Haarlem

Привет народ,
Короче так. хочу написать маленький скриптик но у меня не получается.
Как мне сделать так, что бы нажав на кнопу, в этом же документе открывалась форма, не меняя содержания самого документа и не перезагружая документ.
Я кое что пробовал, но как только я нажимаю кнопку, исчезает всё содеримое документа и появляется форма.
Подскажите пожалуйста.
<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>
 
A

admin

Для: Haarlem
через Javascript.

Делаешь <div id="box"></div>

а потом вызываешь его через innerHTML и вставляешь туда что хочешь.
 
H

Haarlem

Сергей, извени пожалуйста, ты не мог бы показать на примере.
 
A

Andrew Stephanoff

Код:
<html>
<head>
<script type="text/javascript">
function btnInsertForm_Click() {
var frmNew = document.getElementById("frmNew").appendChild(document.createElement("FORM"));
frmNew.method = "GET";
frmNew.action = "script.php";

var oInput = document.createElement("INPUT");
oInput.type="text";
oInput.name = "txtField";
frmNew.appendChild(oInput)

oInput = document.createElement("INPUT");
oInput.type = "submit";
oInput.value = "Send";
frmNew.appendChild(oInput)

return true;
}
</script>
</head>
<body>
<input type=''button" value="Insert form" onclick="btnInsertForm_Click();">
<div id="frmNew">
</div>
</body>
</html>
писал навскидку могут быть ошибки <_<
 
Статус
Закрыто для дальнейших ответов.
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!