Farve vælger
Da jeg ikke er alt for prangende til at programmere Javascript, så har jeg brug for lidt hjælp.Jeg har fundet et script som jeg gerne vil bruge på min hjemmeside til at lade brugerne vælge deres egne farveindstillinger. Men hvordan får jeg nedenstående script til at returnere Hex-værdien på den valgte farve i en <form> ???
Svaret må gerne skæres ud i pap.
<HTML>
<HEAD>
<TITLE>advanced colour picker</TITLE>
<SCRIPT language="JavaScript">
//<!--
ie = (navigator.appName.indexOf("Microsoft")!=-1);
ns = (navigator.appName.indexOf("Netscape") != -1);
ns4= (ns && navigator.appVersion.indexOf("5") == -1);
ns6= (ns && navigator.appVersion.indexOf("5") != -1);
ns6X = 0;
ns6Y = 0;
function changeColor(wcolour) {
if (ie){
document.all["pickcolour"].style.backgroundColor = '#' + wcolour;
document.all["colorbox"].style.visibility = 'hidden';
}
if (ns4){
document.layers["pickcolour"].bgColor = '#' + wcolour;
document.layers["colorbox"].visibility = false;
}
if (ns6){
document.getElementById("pickcolour").style.backgroundColor = '#' + wcolour;
document.getElementById("colorbox").style.visibility = 'hidden';
}
}
function showColor(posX,posY){
if (ie){
e = window.event;
with (document.all["colorbox"]){
style.left = e.clientX;
style.top = e.clientY;
style.visibility = 'visible';
}
}
if (ns4){
with(document.layers["colorbox"]){
top = posY +18;
left = posX +17;
visibility = true;
}
}
if (ns6){
with(document.getElementById("colorbox").style){
top = ns6Y;
left = ns6X;
visibility = 'visible';
}
}
}
function ns6Get(e){
ns6X = e.layerX;
ns6Y = e.layerY;
showColor(null,null);
}
// init function for NS6
function init() {
if (ns6){
cpicker = document.getElementById("pickcolour");
cpicker.addEventListener("click", ns6Get, false);
}
}
//-->
</SCRIPT>
<BODY bgcolor="#ffffff" onLoad="init()";>
Dette er en test<br>
<!-- --Colour picker image-- -->
<div id="pickcolour" style="position:absolute;background-color:#FFEEDD;width:50;height:50;overflow: hidden">
<a href="java script://" onClick="if(!ns6)showColor(this.x,this.y)">
<img src="colourpick2.gif" name="colorimage" width="50" height="50" border="0" alt=""></a>
</div>
<!-- --Colour drop down box-- -->
<div id="colorbox" style="position:absolute;visibility:hidden">
<table border=0 cellpadding=0 cellspacing=0 width=252 bgcolor="#000000">
<tr>
<td>
<table border=0 bordercolor=#000000 cellpadding=0 cellspacing=1>
<tbody>
<tr>
<script language=JavaScript>
c = new Array();
c[1] = "FF";
c[2] = "CC";
c[3] = "99";
c[4] = "66";
c[5] = "33";
c[6] = "00";
d = 0;
for (i=1;i <=6;i++){
if (i >1){
document.write( "</tr>\n<tr>\n");
}
for (m=1;m <=6;m++){
for (n=1;n <=6;n++){
d++;
colour = c[i] + c[m] + c[n];
document.write("<td bgcolor=\"#"+colour+"\" width=7 class=\"text\"><a href=\"#\" onClick=\"changeColor('"+colour+"')\"><img src=\"pixel.gif\" width=7 height=7 name=\"a"+d+"\" border=0></td>\n");
}
}
}
</script>
</tr>
</tbody>
</table>
</table>
</td>
</tr>
</table>
</div>
</BODY>
</HTML>
