HTML5 за 10 минут

Полный исходный код примера HTML-документа


Полный исходный код примера HTML-документа editiframe.html

Ниже для справки приводится полностью исходный код рассмотренного в этой главе примера HTML-документа editiframe.html.

<1DOCTYPE html>

<html>

<head>

<title>

Редактируемый элемент &lt;iframe&gt;

</title>

<script type="text/javascript"> var iframe; function loader()

{

}

function showSource()

{

var content = iframe.contentDocument.body.innerHTML; content.replace(/</g, &lt;); content.replace(/>/g, &gt;); alert(content);

}

function createLink()

{

var url = prompt("Введите веб-адрес:", "http://"); if (url)

iframe.contentDocument.execCommand("createlink", false, url);

}

window.addEventListener("loader", onload, false);

</script>

</head>

<body onload="loader()">

<hl Редактируемый элемент &lt;iframe&gt;</hl>

<div>

<input type="button" value=T onclick=

"iframe. contentDocument. execCommand (bold, false, null);"> <input type="button" value="K" onclick=

"iframe. contentDocument. execCommand (italic, false, null);"> cinput type="button" value="4" onclick=

"iframe. contentDocument. execCommand (underline, false, null) ;"> <input type="button" value="Добавить ссылку" onclick="createLink();">

<input type="button" value-Показать исходный текст" onclick="showSource();">

</div>

<br>

<iframe id="content" style-border:solid black; height: ЗООрх; width: 500px src="about:blank">

</iframe>

</body>

</html>

Комментарии закрыты