Tjaaa muligvis men jeg kan ikke få det til at virke!
Det jeg gerne vil er at have noger der ligner nedenstående kode, men det skal være muligt at hente farvekoden i en Request
<html>
<head>
<style>
TD {
color:#336699;
font-size:10;
font-family:Verdana;
}
BODY {
background-color:white;
scrollbar-3d-light-color: #ffffcc;
scrollbar-arrow-color: #ffcccc;
scrollbar-base-color: #ffffcc;
scrollbar-dark-shadow-color:#ffcccc;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffcc;
scrollbar-shadow-color: #ffcccc;
}
a { color:#996699; }
a:hover { color:#ff6699; }
a:LINK { text-decoration: none; }
a:VISITED { text-decoration: none; }
.header {
color: #996699;
font-size: 14px;
font-family: verdana, tahoma;
font-weight: bolder;
text-align: center;
}
.smalltekst {
color:#996699;
font-size:10;
font-family:Verdana;
}
</style>
<script LANGUAGE="javascript">
<!--
document.onclick = ShowCode;
function ShowCode() {
var owner = window.event.srcElement;
if (owner.getAttribute('bgcolor')) {
var colorCode = owner.getAttribute('bgcolor').toUpperCase();
if (colorCode) {
var RGBcolorCode = colorCode.substr(1,6);
var RcolorCode = colorCode.substr(1,2);
var GcolorCode = colorCode.substr(3,2);
var BcolorCode = colorCode.substr(5,2);
document.getElementById('RGBHex').innerText = colorCode;
document.getElementById('RHex').innerText = RcolorCode;
document.getElementById('GHex').innerText = GcolorCode;
document.getElementById('BHex').innerText = BcolorCode;
// set bgColor
//document.getElementById('RGBFarve').bgColor = colorCode;
//document.getElementById('RFarve').bgColor = '#' + RcolorCode + '0000';
//document.getElementById('GFarve').bgColor = '#00' + GcolorCode + '00';
//document.getElementById('BFarve').bgColor = '#0000' + BcolorCode;
// set style bgColor
document.getElementById('RGBFarve').style.backgroundColor = colorCode;
document.getElementById('RFarve').style.backgroundColor = '#' + RcolorCode + '0000';
document.getElementById('GFarve').style.backgroundColor = '#00' + GcolorCode + '00';
document.getElementById('BFarve').style.backgroundColor = '#0000' + BcolorCode;
document.getElementById('toClipboard').style.visibility = 'visible';
}
}
}
function copyToClipboard() {
window.clipboardData.setData('Text', document.getElementById('RGBFarve').style.backgroundColor );
}
//-->
</script>
<title>sikre RGB farver</title>
</head>
<body>
<table cellspacing="5" align="center" border="1" bordercolor="#ffffff">
<tr><td colspan="3" class="header">Sikre Web-farver</td></tr>
<tr><td colspan="3" class="smalltekst" align="center">de 216 sikre RGB farver - skal kunne vises hvis skærmen er korrekt indstillet</td></tr>
<tr>
<td rowspan="3" valign="top" border="1" bordercolor="#996699" height="100%">
<table cellspacing="1" height="100%">
<tr><td colspan="3" align="center">Farvekoder</td></tr>
<tr><td colspan="3"></td></tr>
<tr><td colspan="3" align="center">RGB</td></tr>
<tr><td colspan="3" align="center" id="RGBHex"> </td></tr>
<tr><td colspan="3" id="RGBFarve" width="75" height="75"><a href="vis_brugs_kal.asp?ID=RGBFarve">sfdgas</a></td></tr>
<tr><td colspan="3"></td></tr>
<tr><td align="center">R</td><td align="center">G</td><td align="center">B</td></tr>
<tr><td align="center" id="RHex"> </td><td align="center" id="GHex"> </td><td align="center" id="BHex"></td></tr>
<tr><td id="RFarve" width="25" height="25"> </td><td id="GFarve" width="25" height="25"> </td><td id="BFarve" width="25" height="25"> </td></tr>
<tr><td colspan="3" height="100%"> </td></tr>
<tr><td colspan="3" align="center" id="toClipboard" style="visibility:hidden;"><a href="java script:copyToClipboard();" style="background-Color:#ffffcc;"> til Clipboard </a></td></tr>
</table>
</td>
<td><table cellspacing="1">
<tr><td><b>R:#00</b></td><td>G:#00</td><td>G:#33</td><td>G:#66</td><td>G:#99</td><td>G:#CC</td><td>G:#FF</td></tr>
<tr><td>B:#00</td><td bgcolor="#000000"> </td><td bgcolor="#003300"> </td><td bgcolor="#006600"> </td><td bgcolor="#009900"> </td><td bgcolor="#00CC00"> </td><td bgcolor="#00FF00"> </td></tr>
<tr><td>B:#33</td><td bgcolor="#000033"> </td><td bgcolor="#003333"> </td><td bgcolor="#006633"> </td><td bgcolor="#009933"> </td><td bgcolor="#00CC33"> </td><td bgcolor="#00FF33"> </td></tr>
<tr><td>B:#66</td><td bgcolor="#000066"> </td><td bgcolor="#003366"> </td><td bgcolor="#006666"> </td><td bgcolor="#009966"> </td><td bgcolor="#00CC66"> </td><td bgcolor="#00FF66"> </td></tr>
<tr><td>B:#99</td><td bgcolor="#000099"> </td><td bgcolor="#003399"> </td><td bgcolor="#006699"> </td><td bgcolor="#009999"> </td><td bgcolor="#00CC99"> </td><td bgcolor="#00FF99"> </td></tr>
<tr><td>B:#CC</td><td bgcolor="#0000CC"> </td><td bgcolor="#0033CC"> </td><td bgcolor="#0066CC"> </td><td bgcolor="#0099CC"> </td><td bgcolor="#00CCCC"> </td><td bgcolor="#00FFCC"> </td></tr>
<tr><td>B:#FF</td><td bgcolor="#0000FF"> </td><td bgcolor="#0033FF"> </td><td bgcolor="#0066FF"> </td><td bgcolor="#0099FF"> </td><td bgcolor="#00CCFF"> </td><td bgcolor="#00FFFF"> </td></tr>
</table></td>
<td><table cellspacing="1">
<tr><td><b>R:#33</b></td><td>G:#00</td><td>G:#33</td><td>G:#66</td><td>G:#99</td><td>G:#CC</td><td>G:#FF</td></tr>
<tr><td>B:#00</td><td bgcolor="#330000"> </td><td bgcolor="#333300"> </td><td bgcolor="#336600"> </td><td bgcolor="#339900"> </td><td bgcolor="#33CC00"> </td><td bgcolor="#33FF00"> </td></tr>
<tr><td>B:#33</td><td bgcolor="#330033"> </td><td bgcolor="#333333"> </td><td bgcolor="#336633"> </td><td bgcolor="#339933"> </td><td bgcolor="#33CC33"> </td><td bgcolor="#33FF33"> </td></tr>
<tr><td>B:#66</td><td bgcolor="#330066"> </td><td bgcolor="#333366"> </td><td bgcolor="#336666"> </td><td bgcolor="#339966"> </td><td bgcolor="#33CC66"> </td><td bgcolor="#33FF66"> </td></tr>
<tr><td>B:#99</td><td bgcolor="#330099"> </td><td bgcolor="#333399"> </td><td bgcolor="#336699"> </td><td bgcolor="#339999"> </td><td bgcolor="#33CC99"> </td><td bgcolor="#33FF99"> </td></tr>
<tr><td>B:#CC</td><td bgcolor="#3300CC"> </td><td bgcolor="#3333CC"> </td><td bgcolor="#3366CC"> </td><td bgcolor="#3399CC"> </td><td bgcolor="#33CCCC"> </td><td bgcolor="#33FFCC"> </td></tr>
<tr><td>B:#FF</td><td bgcolor="#3300FF"> </td><td bgcolor="#3333FF"> </td><td bgcolor="#3366FF"> </td><td bgcolor="#3399FF"> </td><td bgcolor="#33CCFF"> </td><td bgcolor="#33FFFF"> </td></tr>
</table></td>
</tr><tr>
<td><table cellspacing="1">
<tr><td><b>R:#66</b></td><td>G:#00</td><td>G:#33</td><td>G:#66</td><td>G:#99</td><td>G:#CC</td><td>G:#FF</td></tr>
<tr><td>B:#00</td><td bgcolor="#660000"> </td><td bgcolor="#663300"> </td><td bgcolor="#666600"> </td><td bgcolor="#669900"> </td><td bgcolor="#66CC00"> </td><td bgcolor="#66FF00"> </td></tr>
<tr><td>B:#33</td><td bgcolor="#660033"> </td><td bgcolor="#663333"> </td><td bgcolor="#666633"> </td><td bgcolor="#669933"> </td><td bgcolor="#66CC33"> </td><td bgcolor="#66FF33"> </td></tr>
<tr><td>B:#66</td><td bgcolor="#660066"> </td><td bgcolor="#663366"> </td><td bgcolor="#666666"> </td><td bgcolor="#669966"> </td><td bgcolor="#66CC66"> </td><td bgcolor="#66FF66"> </td></tr>
<tr><td>B:#99</td><td bgcolor="#660099"> </td><td bgcolor="#663399"> </td><td bgcolor="#666699"> </td><td bgcolor="#669999"> </td><td bgcolor="#66CC99"> </td><td bgcolor="#66FF99"> </td></tr>
<tr><td>B:#CC</td><td bgcolor="#6600CC"> </td><td bgcolor="#6633CC"> </td><td bgcolor="#6666CC"> </td><td bgcolor="#6699CC"> </td><td bgcolor="#66CCCC"> </td><td bgcolor="#66FFCC"> </td></tr>
<tr><td>B:#FF</td><td bgcolor="#6600FF"> </td><td bgcolor="#6633FF"> </td><td bgcolor="#6666FF"> </td><td bgcolor="#6699FF"> </td><td bgcolor="#66CCFF"> </td><td bgcolor="#66FFFF"> </td></tr>
</table></td>
<td><table cellspacing="1">
<tr><td><b>R:#99</b></td><td>G:#00</td><td>G:#33</td><td>G:#66</td><td>G:#99</td><td>G:#CC</td><td>G:#FF</td></tr>
<tr><td>B:#00</td><td bgcolor="#990000"> </td><td bgcolor="#993300"> </td><td bgcolor="#996600"> </td><td bgcolor="#999900"> </td><td bgcolor="#99CC00"> </td><td bgcolor="#99FF00"> </td></tr>
<tr><td>B:#33</td><td bgcolor="#990033"> </td><td bgcolor="#993333"> </td><td bgcolor="#996633"> </td><td bgcolor="#999933"> </td><td bgcolor="#99CC33"> </td><td bgcolor="#99FF33"> </td></tr>
<tr><td>B:#66</td><td bgcolor="#990066"> </td><td bgcolor="#993366"> </td><td bgcolor="#996666"> </td><td bgcolor="#999966"> </td><td bgcolor="#99CC66"> </td><td bgcolor="#99FF66"> </td></tr>
<tr><td>B:#99</td><td bgcolor="#990099"> </td><td bgcolor="#993399"> </td><td bgcolor="#996699"> </td><td bgcolor="#999999"> </td><td bgcolor="#99CC99"> </td><td bgcolor="#99FF99"> </td></tr>
<tr><td>B:#CC</td><td bgcolor="#9900CC"> </td><td bgcolor="#9933CC"> </td><td bgcolor="#9966CC"> </td><td bgcolor="#9999CC"> </td><td bgcolor="#99CCCC"> </td><td bgcolor="#99FFCC"> </td></tr>
<tr><td>B:#FF</td><td bgcolor="#9900FF"> </td><td bgcolor="#9933FF"> </td><td bgcolor="#9966FF"> </td><td bgcolor="#9999FF"> </td><td bgcolor="#99CCFF"> </td><td bgcolor="#99FFFF"> </td></tr>
</table></td>
</tr><tr>
<td><table cellspacing="1">
<tr><td><b>R:#CC</b></td><td>G:#00</td><td>G:#33</td><td>G:#66</td><td>G:#99</td><td>G:#CC</td><td>G:#FF</td></tr>
<tr><td>B:#00</td><td bgcolor="#CC0000"> </td><td bgcolor="#CC3300"> </td><td bgcolor="#CC6600"> </td><td bgcolor="#CC9900"> </td><td bgcolor="#CCCC00"> </td><td bgcolor="#CCFF00"> </td></tr>
<tr><td>B:#33</td><td bgcolor="#CC0033"> </td><td bgcolor="#CC3333"> </td><td bgcolor="#CC6633"> </td><td bgcolor="#CC9933"> </td><td bgcolor="#CCCC33"> </td><td bgcolor="#CCFF33"> </td></tr>
<tr><td>B:#66</td><td bgcolor="#CC0066"> </td><td bgcolor="#CC3366"> </td><td bgcolor="#CC6666"> </td><td bgcolor="#CC9966"> </td><td bgcolor="#CCCC66"> </td><td bgcolor="#CCFF66"> </td></tr>
<tr><td>B:#99</td><td bgcolor="#CC0099"> </td><td bgcolor="#CC3399"> </td><td bgcolor="#CC6699"> </td><td bgcolor="#CC9999"> </td><td bgcolor="#CCCC99"> </td><td bgcolor="#CCFF99"> </td></tr>
<tr><td>B:#CC</td><td bgcolor="#CC00CC"> </td><td bgcolor="#CC33CC"> </td><td bgcolor="#CC66CC"> </td><td bgcolor="#CC99CC"> </td><td bgcolor="#CCCCCC"> </td><td bgcolor="#CCFFCC"> </td></tr>
<tr><td>B:#FF</td><td bgcolor="#CC00FF"> </td><td bgcolor="#CC33FF"> </td><td bgcolor="#CC66FF"> </td><td bgcolor="#CC99FF"> </td><td bgcolor="#CCCCFF"> </td><td bgcolor="#CCFFFF"> </td></tr>
</table></td>
<td><table cellspacing="1">
<tr><td><b>R:#FF</b></td><td>G:#00</td><td>G:#33</td><td>G:#66</td><td>G:#99</td><td>G:#CC</td><td>G:#FF</td></tr>
<tr><td>B:#00</td><td bgcolor="#FF0000"> </td><td bgcolor="#FF3300"> </td><td bgcolor="#FF6600"> </td><td bgcolor="#FF9900"> </td><td bgcolor="#FFCC00"> </td><td bgcolor="#FFFF00"> </td></tr>
<tr><td>B:#33</td><td bgcolor="#FF0033"> </td><td bgcolor="#FF3333"> </td><td bgcolor="#FF6633"> </td><td bgcolor="#FF9933"> </td><td bgcolor="#FFCC33"> </td><td bgcolor="#FFFF33"> </td></tr>
<tr><td>B:#66</td><td bgcolor="#FF0066"> </td><td bgcolor="#FF3366"> </td><td bgcolor="#FF6666"> </td><td bgcolor="#FF9966"> </td><td bgcolor="#FFCC66"> </td><td bgcolor="#FFFF66"> </td></tr>
<tr><td>B:#99</td><td bgcolor="#FF0099"> </td><td bgcolor="#FF3399"> </td><td bgcolor="#FF6699"> </td><td bgcolor="#FF9999"> </td><td bgcolor="#FFCC99"> </td><td bgcolor="#FFFF99"> </td></tr>
<tr><td>B:#CC</td><td bgcolor="#FF00CC"> </td><td bgcolor="#FF33CC"> </td><td bgcolor="#FF66CC"> </td><td bgcolor="#FF99CC"> </td><td bgcolor="#FFCCCC"> </td><td bgcolor="#FFFFCC"> </td></tr>
<tr><td>B:#FF</td><td bgcolor="#FF00FF"> </td><td bgcolor="#FF33FF"> </td><td bgcolor="#FF66FF"> </td><td bgcolor="#FF99FF"> </td><td bgcolor="#FFCCFF"> </td><td bgcolor="#FFFFFF"> </td></tr>
</table></td>
</tr>
<tr><td colspan="3" align="center" class="smalltekst">klik på paletten - for at se farvekoden</td></tr>
</table>
<div width="100%" align="right" class="smalltekst">by <a href="
http://www.fiduusen.dk" target="_top">fiduusen.dk</a></div>
</body>
</html>
Slettet bruger
Ny bruger
Nybegynder
Opret
Preview
