http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FHTML%2FStyle
JavaScript DHTML/HTML/Style - История изменений
2026-04-04T19:05:41Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_DHTML/HTML/Style&diff=2580&oldid=prev
в 10:02, 26 мая 2010
2010-05-26T10:02:41Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 10:02, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=JavaScript_DHTML/HTML/Style&diff=2581&oldid=prev
Admin: 1 версия
2010-05-26T07:23:03Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==In-Place Help==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<title>In-Place Help</title><br />
<style type="text/css"><br />
.help { position: absolute;<br />
left: 300px;<br />
top: 20px;<br />
visibility: hidden;<br />
width: 100px;<br />
padding: 10px; <br />
border: 1px solid #f00;<br />
}<br />
form a:hover {cursor : help<br />
</style><br />
<script type="text/javascript"><br />
var item = null;<br />
function showHelp(newItem) {<br />
if (item) {<br />
item.style.visibility="hidden";<br />
}<br />
item = document.getElementById(newItem);<br />
item.style.visibility="visible";<br />
}<br />
</script><br />
</head><br />
<body><br />
<form><br />
<a href="javascript:showHelp("item1")" alt="get help">click me to read help</a><BR><br />
<a href="javascript:showHelp("item2")" alt="get help">click me to read help</a><br />
</form><br />
<div id="item1" class="help">help for the first item.</div><br />
<div id="item2" class="help">help for the second item.</div><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Show and hide the div tags==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<title>In-Place Help</title><br />
<style type="text/css"><br />
.help { position: absolute;<br />
left: 300px;<br />
top: 20px;<br />
visibility: hidden;<br />
width: 100px;<br />
padding: 10px; <br />
border: 1px solid #f00;<br />
}<br />
form a:hover {cursor : help<br />
</style><br />
<script type="text/javascript"><br />
var item = null;<br />
function showHelp(newItem) {<br />
if (item) {<br />
item.style.visibility="hidden";<br />
}<br />
item = document.getElementById(newItem);<br />
item.style.visibility="visible";<br />
}<br />
</script><br />
</head><br />
<body><br />
<form><br />
<a href="javascript:showHelp("item1")" alt="get help">click me to read help</a><BR><br />
<a href="javascript:showHelp("item2")" alt="get help">click me to read help</a><br />
</form><br />
<div id="item1" class="help">help for the first item.</div><br />
<div id="item2" class="help">help for the second item.</div><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Style cssText==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<body><br />
<script language="JavaScript"><br />
function function1() {<br />
document.all.myP.style.cssText = "color:green; font-family:verdana; font-weight:bold; font-size:16";<br />
} <br />
</script><br />
<p id="myP">Text Text Text Text Text Text Text Text </p><br />
<input type="button" value="Click to apply the style rules" onClick="function1();"><br />
</body><br />
</html><br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Style type Example==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<body><br />
<style id="myStyle" type="CSS2"></style><br />
<button onclick="alert(document.all.myStyle.type);">style sheet</button><br />
</body><br />
</html><br />
<br />
<br />
<br />
</source></div>
Admin