Добавляем...


Запись в окна
До сих пор в примерах с окнами мы использовали для отображения в создаваемом окне произвольный уже существующий документ, указывая удаленный адрес URL (типа http://www.yahoo.com) или локальный файл. Можно также выполнять запись в созданные окна с помощью стандартного метода document.write() или с помощью методов DOM. Рассмотрим следующий сценарий:

var myWindow = open('','mywin','height=300,width=300');
myWindow.document.write('Привет!');
myWindow.document.write('Это мое новое окно');
myWindow.document.close();
myWindow.focus();

Здесь создается простое окно с текстом. Можно записывать HTML-код в это новое окно динамически, и можно использовать

myWindow.document.writeln ("<html><head><title> fun</title></head><body>") ;
myWindow.document.writeln ("<h1>Привет от JavaScript</h1></body></html>") ;

точно так же, как мы использовали document.write(). Следующий пример показывает, как можно изменить предложенный выше пример программы "JavaScript-rypy", реализованной с помощью метода alert(), чтобы в ней использовались более удобные окна. Мы ни в коей мере не призываем создавать подобным образом собственные формы окон предупреждений и других диалоговых окон, хотя при использовании модальных диалоговых окон требуются дополнительные действия. Более подробная информация по этому вопросу содержится ниже в разделе "Расширения окон".

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JavaScript-rypy 1.1</title>
<meta http-equiv="content-type" content="text/html;" />
<script type="text/javascript">
<!--
function customAlert(title,message)
{
var guruWindow=window.open("","","width=300,height=200");
if (guruWindow != null)
{
var windowHTML= "<html><head><title>"+title+"</title></head>";
windowHTML += "<body bgcolor='black' text='yellow'><h1 align='center'>"
windowHTML += message + "</h1><hr /><div align='center'>";
windowHTML += "<form><input type='button' value='CLOSE' onclick='self.close()'>";
windowHTML += "</form></div></body></html>";
guruWindow.document.write(windowHTML);
guruWindow.focus();
return;
}
}
function askGuru()
{
var question = prompt("Что ты хочешь спросить, о искатель знаний?","")
if (question != null)
{
if (question == "")
customAlert("Раздраженный гуру", "Вы меня до инфаркта доведете!");
else
customAlert("Усталый гуру", "Не тратьте попусту мое время.");
}
}
//-->
</script>
</head>
<body>
<div align="center">
<h1>JavaScript-rypy 1.1</h1>
<hr />
<form action="#" method="get">
<input type="button" value="Cnpocить гуру" onclick="askGuru();" />
</form>
</div>
</body>
</html>


добавить комментарий
(без перезагрузки и регистрации)


10 случайных разделов

Что ищем на сайте ?


Примеры кода на сайте







@ 2008-2011 Amber
При использовании материалов ссылка на сайт обязательна
Яндекс.Метрика