http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FDevelopment%2FColor
JavaScript DHTML/Development/Color - История изменений
2026-04-05T05:47:31Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_DHTML/Development/Color&diff=1846&oldid=prev
в 10:02, 26 мая 2010
2010-05-26T10:02:39Z
<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/Development/Color&diff=1847&oldid=prev
Admin: 1 версия
2010-05-26T07:20:00Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Code for the Actual JavaScript Code and Color Selectors==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<html><br />
<head><br />
<title>Color Definition</title><br />
<SCRIPT LANGUAGE="JavaScript"><br />
<!--<br />
var graf = "<body>";<br />
graf += "<h2><em>header 2</em></h2>";<br />
graf += "<p>text</p>";<br />
graf += "<p>a sample link: <a href="http://www.wbex.ru">www.wbex.ru</a></p>";<br />
graf += "</body>"<br />
<br />
function refreshMain() {<br />
var newColor = document.form1.colorList.options[document.form1.colorList.selectedIndex].text<br />
var selProp = null<br />
<br />
with(parent.main.document){<br />
open();<br />
write(graf);<br />
if(document.form1.type[0].checked){<br />
bgColor = newColor<br />
}else{<br />
if(document.form1.type[1].checked){<br />
fgColor = newColor;<br />
}else{<br />
if(document.form1.type[2].checked){<br />
alinkColor = newColor;<br />
}else{<br />
if(document.form1.type[3].checked){<br />
linkColor = newColor;<br />
}else if (document.form1.type[4].checked){<br />
vlinkColor = newColor;<br />
}<br />
}<br />
}<br />
}<br />
}<br />
close()<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body bgcolor="tomato"><br />
<form name="form1"><br />
<p><br />
Select Color:<br />
<select name="colorList" size="1"><br />
<option>black</option><br />
<option>blue</option><br />
<option>brown</option><br />
<option>cyan</option><br />
<option>gold</option><br />
<option>gray</option><br />
<option>green</option> <br />
<option>indigo</option><br />
<option>lavender</option><br />
<option>lime</option><br />
<option>maroon</option><br />
<option>navy</option><br />
<option>olive</option><br />
<option>orange</option><br />
<option>pink</option><br />
<option>purple</option><br />
<option>red</option><br />
<option>royalblue</option><br />
<option>silver</option><br />
<option>slategray</option><br />
<option>tan</option><br />
<option>teal</option><br />
<option>turquoise</option><br />
<option>violet</option><br />
<option>white</option><br />
<option>yellow</option><br />
</select><br />
<br><br />
<input type="radio" name="type" value="bgColor" checked>Background</input><br />
<input type="radio" name="type" value="fgColor">Foreground</input><br />
<input type="radio" name="type" value="alinkColor">Activated Link</input><br />
<input type="radio" name="type" value="linkColor">Unvisted Link</input><br />
<input type="radio" name="type" value="vlinkColor">Visited Link</input><br />
<br><br />
<input type="button" name="Apply" value="Apply" onclick="refreshMain()"><br />
</p><br />
</form><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Color Sampler==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<HTML><br />
<HEAD><br />
<TITLE>Color Me</TITLE><br />
<SCRIPT LANGUAGE="JavaScript"><br />
var newWindow = window.open("","","height=150,width=300")<br />
function defaultColors() {<br />
return "BGCOLOR="#c0c0c0" VLINK="#551a8b" LINK="#0000ff""<br />
}<br />
function uglyColors() {<br />
return "BGCOLOR="yellow" VLINK="green" LINK="red""<br />
}<br />
function showColorValues() {<br />
var result = ""<br />
result += "bgColor: " + newWindow.document.bgColor + "\n"<br />
result += "vlinkColor: " + newWindow.document.vlinkColor + "\n"<br />
result += "linkColor: " + newWindow.document.linkColor + "\n"<br />
document.forms[0].results.value = result<br />
}<br />
function drawPage(colorStyle) {<br />
var thePage = ""<br />
thePage += "<HTML><HEAD><TITLE>Color Sampler</TITLE></HEAD><BODY "<br />
if (colorStyle == "default") {<br />
thePage += defaultColors()<br />
} else {<br />
thePage += uglyColors()<br />
}<br />
thePage += ">Just so you can see the variety of items and color, <A "<br />
thePage += "HREF="http://www.wbex.ru">here\"s a link</A>"<br />
newWindow.document.write(thePage)<br />
newWindow.document.close()<br />
showColorValues()<br />
}<br />
function setColors(colorStyle) {<br />
if (colorStyle == "default") {<br />
document.bgColor = "#c0c0c0"<br />
} else {<br />
document.bgColor = "yellow"<br />
}<br />
}<br />
</SCRIPT><br />
</HEAD><br />
<BODY><br />
Try the two color schemes on the document in the small window. <br />
<FORM><br />
<INPUT TYPE="button" NAME="default" VALUE="Default Colors" onClick="drawPage("default")"><br />
<INPUT TYPE="button" NAME="weird" VALUE="Ugly Colors" onClick="drawPage("ugly")"><P><br />
<TEXTAREA NAME="results" ROWS=3 COLS=20></TEXTAREA><P><HR><br />
These buttons change the current document, but not correctly on all platforms<P><br />
<INPUT TYPE="button" NAME="default" VALUE="Default Colors" onClick="setColors("default")"><br />
<INPUT TYPE="button" NAME="weird" VALUE="Ugly Colors" onClick="setColors("ugly")"><P><br />
</FORM><br />
<SCRIPT LANGUAGE="JavaScript"><br />
drawPage("default")<br />
</SCRIPT><br />
</BODY><br />
</HTML><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Using Color Attributes: how document colors can be changed==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<HTML><br />
<HEAD><br />
<TITLE>Changing Colors</TITLE><br />
<SCRIPT LANGUAGE="JavaScript"><!--<br />
document.fgColor="white"<br />
document.linkColor="yellow"<br />
// --></SCRIPT><br />
</HEAD><br />
<BODY><br />
<H1>Changing Colors</H1><br />
<P>Here is a <A HREF="nowhere">sample link</A>.</P><br />
<SCRIPT LANGUAGE="JavaScript"><!--<br />
document.bgColor="black"<br />
// --></SCRIPT><br />
</BODY><br />
</HTML><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
== Using Colors in JavaScript==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<title>JavaScript Unleashed</title><br />
</head><br />
<body><br />
<br />
<h2><br />
<script type="text/javascript"><br />
<!--<br />
document.writeln("crimson!".fontcolor("crimson"));<br />
// --><br />
</script><br />
</h2><br />
<h4><br />
<script type="text/javascript"><br />
<!--<br />
document.writeln("blue".fontcolor("blue"));<br />
document.writeln("<br>" + "#008000".fontcolor("#008000"));<br />
// --><br />
</script><br />
</h4></body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Using setInterval () to Repeatedly Change the Document Background Color==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<HTML><br />
<HEAD><br />
<TITLE>Using setInterval()</TITLE><br />
<SCRIPT LANGUAGE="JavaScript1.2"><!--<br />
colors = new Array("red","orange","green","blue","brown","purple","gray","white")<br />
colorIndex = 0<br />
function changeColor() {<br />
document.bgColor = colors[colorIndex]<br />
colorIndex = (colorIndex + 1) % colors.length<br />
}<br />
function startColorChange() {<br />
setInterval("changeColor()",3000)<br />
}<br />
window.onload = startColorChange<br />
// --></SCRIPT><br />
</HEAD><br />
<BODY BGCOLOR="white"><br />
<P>The setInterval() repeatedly changes the <br />
document background color every three seconds.</P><br />
</BODY><br />
</HTML><br />
<br />
</source></div>
Admin