http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FStyle_Layout%2FColor
JavaScript DHTML/Style Layout/Color - История изменений
2026-04-04T17:27:06Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_DHTML/Style_Layout/Color&diff=3886&oldid=prev
в 10:02, 26 мая 2010
2010-05-26T10:02:30Z
<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/Style_Layout/Color&diff=3887&oldid=prev
Admin: 1 версия
2010-05-26T07:28:04Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Assign random color to==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<title>The Node</title><br />
<script type="text/javascript"><br />
function randomColor() {<br />
r=Math.floor(Math.random() * 255).toString(16);<br />
g=Math.floor(Math.random() * 255).toString(16);<br />
b=Math.floor(Math.random() * 255).toString(16);<br />
alert("#"+r+g+b);<br />
}<br />
randomColor();<br />
</script><br />
<body onload="outputNodeProps(document)"><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Body text Color==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<script language="JavaScript"><br />
function function1() {<br />
document.all.myBody.text = "blue";<br />
}<br />
</script><br />
</head><br />
<body id="myBody"><br />
Some text<br />
<input type="button" value="Change to blue" onClick="function1();"><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Change element color==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<title>CSS</title><br />
</head><br />
<body><br />
<h1 id="h1element">The Title</h1><br />
<p id="firstelement">The first element.</p><br />
<p id="secondelement">The second element.</p><br />
<script type = "text/javascript" ><br />
var element1 = document.getElementById("firstelement");<br />
element1.style.color = "#0000FF";<br />
</script><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Change text color==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<title>A Simple Page</title><br />
<script language="JavaScript"><br />
function colorchange()<br />
{<br />
head1.style.color = "red";<br />
}<br />
function colorchangeback()<br />
{<br />
head1.style.color = "black";<br />
}<br />
</script><br />
</head><br />
<body><br />
<h1 id="head1" onMouseover="colorchange()" onMouseout="colorchangeback()"><br />
Mouse mouse in!</h1><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
=="color" Example==<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.getElementById("myFont").color = "green";<br />
}<br />
function function2() {<br />
document.getElementById("myFont").color = "maroon";<br />
}<br />
</script><br />
<p><br />
<font face="Verdana" id="myFont"><br />
<b>Sample text.</b><br />
</font><br />
</p><br />
<button onClick="function1();">Make Text Green</button><br />
<button onClick="function2();">Make Text Maroon</button><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==div.style.color="#fff";==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<title>PrettyPretty</title><br />
<script type="text/javascript"><br />
document.onclick=changeElement;<br />
function changeElement() {<br />
var div = document.getElementById("div1");<br />
div.style.backgroundColor="#00f";<br />
div.style.width="500px";<br />
div.style.color="#fff";<br />
div.style.height="200px";<br />
div.style.paddingLeft="50px";<br />
div.style.paddingTop="50px";<br />
div.style.fontFamily="Verdana";<br />
div.style.fontSize="2em";<br />
div.style.border="3px dashed #ff0";<br />
div.style.position="absolute";<br />
div.style.left="200px";<br />
div.style.top="100px";<br />
div.style.textDecoration="underline";<br />
}<br />
</script><br />
</head><br />
<body><br />
<div id="div1"><br />
This is a DIV element. Click me to see the change.<br />
</div><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Foreground Color Example==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<body><br />
Sample Text<br />
<br><br />
<button onclick="document.fgColor="red";">Red</button><br />
<button onclick="document.fgColor="blue";">Blue</button><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source></div>
Admin