Skift farger i tabeller


This script makes it easy to highlight different areas of your page. Just move your cursor over this paragraph and the different areas below. The colors are different each time you return to a previously highlighted area.


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.


Scriptet kan brukes i mange objekter, eks. tabeller:

Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet

Bruk det i en form:

Innhold i formen


Scriptet gåt mellom HEAD-taggene:
<script type="text/javascript">
<!--
var ColorCode=new Array("e0f1ee","d6efff","646560","ffffcc","66ccff", "99ffcc",
"c0c0c0","669999","999966");
function ParaOver(CaoPhong) {
CaoPhong.style.backgroundColor=ColorCode[Math.round(Math.random()*10)];
}
function ParaOut(CaoPhong) {
CaoPhong.style.backgroundColor="transparent";
}
-->
</script>



Tabellen og formen er satt opp sånn:
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse"
bordercolor="#111111" id="AutoNumber1" width="100%">
<tr>
<td onmouseover="ParaOver(this)" onmouseout="ParaOut(this)" width="50%"> </td>
<td onmouseover="ParaOver(this)" onmouseout="ParaOut(this)" width="50%"> </td>
</tr>
<tr>
<td onmouseover="ParaOver(this)" onmouseout="ParaOut(this)" width="50%"> </td>
<td onmouseover="ParaOver(this)" onmouseout="ParaOut(this)"> </td>
</tr></table>

Bruk det i en form:

<form onmouseover="ParaOver(this)" onmouseout="ParaOut(this)" width="25%">
Innholdet i formen
</form>



Avsnittene øverst på siden er satt opp sånn:

<p onmouseover="ParaOver(this)" onmouseout="ParaOut(this)">