http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FHTML%2FHR_Line
JavaScript DHTML/HTML/HR Line - История изменений
2026-04-04T20:36:00Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_DHTML/HTML/HR_Line&diff=2612&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/HR_Line&diff=2613&oldid=prev
Admin: 1 версия
2010-05-26T07:23:05Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Controlling HR Object Properties (IE)==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<HTML><br />
<HEAD><br />
<TITLE>HR Object Properties</TITLE><br />
<SCRIPT LANGUAGE="JavaScript"><br />
function setHRAttr(select) {<br />
if (document.all && document.all.myHR) {<br />
var choice = select.options[select.selectedIndex].value<br />
if (choice) {<br />
document.all.myHR.setAttribute(select.name, choice)<br />
}<br />
}<br />
}<br />
</SCRIPT><br />
</HEAD><br />
<BODY><br />
<H1>HR Object Properties</H1><br />
<BR><br />
<P>Here is the HR element you will be controlling:</P><br />
<HR ID="myHR"><br />
<FORM><br />
Select an alignment: <br />
<SELECT NAME="align" onChange="setHRAttr(this)"><br />
<OPTION></OPTION><br />
<OPTION VALUE="left">Left</OPTION><br />
<OPTION VALUE="center">Center</OPTION><br />
<OPTION VALUE="right">Right</OPTION><br />
</SELECT><br />
<BR><br />
Select a rule color (IE only): <br />
<SELECT NAME="color" onChange="setHRAttr(this)"><br />
<OPTION></OPTION><br />
<OPTION VALUE="red">Red</OPTION><br />
<OPTION VALUE="green">Green</OPTION><br />
<OPTION VALUE="blue">Blue</OPTION><br />
<OPTION VALUE="#FA8072">Some Hex Triplet Value</OPTION><br />
</SELECT><br />
<BR><br />
Select a rule shading: <br />
<SELECT NAME="noShade" onChange="setHRAttr(this)"><br />
<OPTION></OPTION><br />
<OPTION VALUE=true>No Shading</OPTION><br />
<OPTION VALUE=false>Shading</OPTION><br />
</SELECT><br />
<BR><br />
Select a rule height: <br />
<SELECT NAME="size" onChange="setHRAttr(this)"><br />
<OPTION></OPTION><br />
<OPTION VALUE=2>2 (Default)</OPTION><br />
<OPTION VALUE=4>4 Pixels</OPTION><br />
<OPTION VALUE=10>10 Pixels</OPTION><br />
</SELECT><br />
<BR><br />
Select a rule width: <br />
<SELECT NAME="width" onChange="setHRAttr(this)"><br />
<OPTION></OPTION><br />
<OPTION VALUE="100%">100% (Default)</OPTION><br />
<OPTION VALUE="80%">80%</OPTION><br />
<OPTION VALUE=300>300 Pixels </OPTION><br />
</SELECT><br />
</BODY><br />
</HTML><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Draw line with parameter==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<html><br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
function hr(w, h) {<br />
document.writeln("<hr align=left width=" + w +"height=" + h +">");<br />
}<br />
//--><br />
</script><br />
</head><br />
<body><br />
<h3>JavaScript Essentials <script>hr("75%","4")</script> </h3><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==HR size==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<body><br />
<script language="JavaScript"><br />
function function1() {<br />
document.getElementById("myHR").size = "30";<br />
}<br />
</script><br />
<hr id="myHR" color="green"><br />
<input type="button" value="Size=30" onClick="function1();"><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Line without noShade==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<body><br />
<script language="JavaScript"><br />
function function1() {<br />
document.getElementById("myH").noShade = false<br />
} <br />
</script><br />
<hr id="myH" noshade="true" size="3"><br />
<input type="button" value="Add a shade" onClick="function1();"><br />
</body><br />
</html><br />
<br />
<br />
</source></div>
Admin