Søg
Avatar billede leif Seniormester
16. april 2006 - 19:36 Der er 9 kommentarer og
2 løsninger

Vælg farve

Hej alle,

Så skal der bruges et godt råd / løsningsforslag til hvad man kan gøre.

Jeg har haft kigget på Colourmod til valg af farve men er ikke tilfreds.

Brugeren skal reelt kun kunne vælge mellem alle Websikre farver dvs. de 216 farver. Jeg skal bruge værdien fx. 000000 for sort i det textfelt jeg afsender via min form til som så gemmes i tabellen og hentes frem ved åbning af en side. Den sidste del er klar jeg mangler kun Farvevælgeren i "Designudvælgelse"

Nogen der har en god idé ?

På forhånd tak

Fra
Leif
Avatar billede thesurfer Nybegynder
16. april 2006 - 19:44 #1
http://www.web-zonen.dk/design/farve_kode.htm ?

/theSurfer
Avatar billede leif Seniormester
16. april 2006 - 20:36 #2
Ser interessant ud.

Noget du har lavet ?

Kunne man lave at man har en form og har en lille knap til Vælg Farve ? Så når man trykker Vælg farve så kommer der en lille popup med farvetabellen, og når man trykker en farve bliver farvekoden sat ind i tekstfeltet som hører til den Vælg Farve man har valgt ?

Se www.ljnet.dk/exp/703096
Avatar billede thesurfer Nybegynder
16. april 2006 - 22:28 #3
Jeg har ikke lavet koden på web-zonen.dk, men ja, det er muligt at lave det sådan.

Eksempel:

hovedvindue:
<form name="hovedform">
<input type="text" name="txtfarve">
</form>
<a href="#" onclick="window.open('farve.htm','vinduefarve','');return false">Vis farve vindue</a>

popup:
<a href="#" onclick="window.opener.document.hovedform.txtfarve.value='enfarve';window.close();return false">send farve og luk vindue</a>

Det er ikke testet..

/theSurfer
Avatar billede thesurfer Nybegynder
16. april 2006 - 22:37 #4
Dette er testet og virker:

HOVEDVINDUE:
<form name="hovedform">
<input type="text" name="txtfarve">
</form>
<a href="#" onclick="window.open('farve.htm','vinduefarve','');return false">Vis farve vindue</a>

POPUP/FARVE:
<html>
<head>
<!-- Kilde: http://www.web-zonen.dk/design/farve_kode.htm -->
<title>V&aelig;lg farve</title>
<script type="text/JavaScript">
function r(farve)
{
window.opener.document.hovedform.txtfarve.value=farve;
window.close();
}
</script>
</head>
<body>
<table border=0>

<tr>
        <td bgcolor="#000000"><a href="#"
onclick="r('#000000');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#000033"><a href="#"
onclick="r('#000033');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#000066"><a href="#"
onclick="r('#000066');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#000099"><a href="#"
onclick="r('#000099');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#0000cc"><a href="#"
onclick="r('#0000cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#0000ff"><a href="#"
onclick="r('#0000ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#006600"><a href="#"
onclick="r('#006600');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#006633"><a href="#"
onclick="r('#006633');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#006666"><a href="#"
onclick="r('#006666');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#006699"><a href="#"
onclick="r('#006699');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#0066cc"><a href="#"
onclick="r('#0066cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#0066ff"><a href="#"
onclick="r('#0066ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#00cc00"><a href="#"
onclick="r('#00cc00');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#00cc33"><a href="#"
onclick="r('#00cc33');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#00cc66"><a href="#"
onclick="r('#00cc66');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#00cc99"><a href="#"
onclick="r('#00cc99');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#00cccc"><a href="#"
onclick="r('#00cccc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#00ccff"><a href="#"
onclick="r('#00ccff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>

</tr>
<tr>
        <td bgcolor="#003300"><a href="#"
onclick="r('#003300');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#003333"><a href="#"
onclick="r('#003333');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#003366"><a href="#"
onclick="r('#003366');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#003399"><a href="#"
onclick="r('#003399');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#0033cc"><a href="#"
onclick="r('#0033cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#0033ff"><a href="#"
onclick="r('#0033ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#009900"><a href="#"
onclick="r('#009900');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#009933"><a href="#"
onclick="r('#009933');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#009966"><a href="#"
onclick="r('#009966');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#009999"><a href="#"
onclick="r('#009999');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#0099cc"><a href="#"
onclick="r('#0099cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#0099ff"><a href="#"
onclick="r('#0099ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#00ff00"><a href="#"
onclick="r('#00ff00');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#00ff33"><a href="#"
onclick="r('#00ff33');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#00ff66"><a href="#"
onclick="r('#00ff66');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#00ff99"><a href="#"
onclick="r('#00ff99');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#00ffcc"><a href="#"
onclick="r('#00ffcc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#00ffff"><a href="#"
onclick="r('#00ffff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>

</tr>


<tr>
        <td bgcolor="#330000"><a href="#"
onclick="r('#330000');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#330033"><a href="#"
onclick="r('#330033');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#330066"><a href="#"
onclick="r('#330066');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#330099"><a href="#"
onclick="r('#330099');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#3300cc"><a href="#"
onclick="r('#3300cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#3300ff"><a href="#"
onclick="r('#3300ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#336600"><a href="#"
onclick="r('#336600');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#336633"><a href="#"
onclick="r('#336633');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#336666"><a href="#"
onclick="r('#336666');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#336699"><a href="#"
onclick="r('#336699');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#3366cc"><a href="#"
onclick="r('#3366cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#3366ff"><a href="#"
onclick="r('#3366ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#33cc00"><a href="#"
onclick="r('#33cc00');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#33cc33"><a href="#"
onclick="r('#33cc33');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#33cc66"><a href="#"
onclick="r('#33cc66');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#33cc99"><a href="#"
onclick="r('#33cc99');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#33cccc"><a href="#"
onclick="r('#33cccc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#33ccff"><a href="#"
onclick="r('#33ccff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>

</tr>
<tr>
        <td bgcolor="#333300"><a href="#"
onclick="r('#333300');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#333333"><a href="#"
onclick="r('#333333');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#333366"><a href="#"
onclick="r('#333366');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#333399"><a href="#"
onclick="r('#333399');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#3333cc"><a href="#"
onclick="r('#3333cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#3333ff"><a href="#"
onclick="r('#3333ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#339900"><a href="#"
onclick="r('#339900');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#339933"><a href="#"
onclick="r('#339933');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#339966"><a href="#"
onclick="r('#339966');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#339999"><a href="#"
onclick="r('#339999');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#3399cc"><a href="#"
onclick="r('#3399cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#3399ff"><a href="#"
onclick="r('#3399ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#33ff00"><a href="#"
onclick="r('#33ff00');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#33ff33"><a href="#"
onclick="r('#33ff33');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#33ff66"><a href="#"
onclick="r('#33ff66');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#33ff99"><a href="#"
onclick="r('#33ff99');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#33ffcc"><a href="#"
onclick="r('#33ffcc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#33ffff"><a href="#"
onclick="r('#33ffff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>

</tr>


<tr>
        <td bgcolor="#660000"><a href="#"
onclick="r('#660000');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#660033"><a href="#"
onclick="r('#660033');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#660066"><a href="#"
onclick="r('#660066');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#660099"><a href="#"
onclick="r('#660099');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#6600cc"><a href="#"
onclick="r('#6600cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#6600ff"><a href="#"
onclick="r('#6600ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#666600"><a href="#"
onclick="r('#666600');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#666633"><a href="#"
onclick="r('#666633');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#666666"><a href="#"
onclick="r('#666666');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#666699"><a href="#"
onclick="r('#666699');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#6666cc"><a href="#"
onclick="r('#6666cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#6666ff"><a href="#"
onclick="r('#6666ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#66cc00"><a href="#"
onclick="r('#66cc00');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#66cc33"><a href="#"
onclick="r('#66cc33');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#66cc66"><a href="#"
onclick="r('#66cc66');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#66cc99"><a href="#"
onclick="r('#66cc99');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#66cccc"><a href="#"
onclick="r('#66cccc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#66ccff"><a href="#"
onclick="r('#66ccff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>

</tr>
<tr>
        <td bgcolor="#663300"><a href="#"
onclick="r('#663300');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#663333"><a href="#"
onclick="r('#663333');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#663366"><a href="#"
onclick="r('#663366');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#663399"><a href="#"
onclick="r('#663399');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#6633cc"><a href="#"
onclick="r('#6633cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#6633ff"><a href="#"
onclick="r('#6633ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#669900"><a href="#"
onclick="r('#669900');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#669933"><a href="#"
onclick="r('#669933');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#669966"><a href="#"
onclick="r('#669966');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#669999"><a href="#"
onclick="r('#669999');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#6699cc"><a href="#"
onclick="r('#6699cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#6699ff"><a href="#"
onclick="r('#6699ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#66ff00"><a href="#"
onclick="r('#66ff00');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#66ff33"><a href="#"
onclick="r('#66ff33');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#66ff66"><a href="#"
onclick="r('#66ff66');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#66ff99"><a href="#"
onclick="r('#66ff99');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#66ffcc"><a href="#"
onclick="r('#66ffcc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#66ffff"><a href="#"
onclick="r('#66ffff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>

</tr>


<tr>
        <td bgcolor="#990000"><a href="#"
onclick="r('#990000');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#990033"><a href="#"
onclick="r('#990033');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#990066"><a href="#"
onclick="r('#990066');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#990099"><a href="#"
onclick="r('#990099');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#9900cc"><a href="#"
onclick="r('#9900cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#9900ff"><a href="#"
onclick="r('#9900ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#996600"><a href="#"
onclick="r('#996600');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#996633"><a href="#"
onclick="r('#996633');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#996666"><a href="#"
onclick="r('#996666');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#996699"><a href="#"
onclick="r('#996699');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#9966cc"><a href="#"
onclick="r('#9966cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#9966ff"><a href="#"
onclick="r('#9966ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#99cc00"><a href="#"
onclick="r('#99cc00');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#99cc33"><a href="#"
onclick="r('#99cc33');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#99cc66"><a href="#"
onclick="r('#99cc66');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#99cc99"><a href="#"
onclick="r('#99cc99');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#99cccc"><a href="#"
onclick="r('#99cccc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#99ccff"><a href="#"
onclick="r('#99ccff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>

</tr>
<tr>
        <td bgcolor="#993300"><a href="#"
onclick="r('#993300');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#993333"><a href="#"
onclick="r('#993333');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#993366"><a href="#"
onclick="r('#993366');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#993399"><a href="#"
onclick="r('#993399');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#9933cc"><a href="#"
onclick="r('#9933cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#9933ff"><a href="#"
onclick="r('#9933ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#999900"><a href="#"
onclick="r('#999900');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#999933"><a href="#"
onclick="r('#999933');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#999966"><a href="#"
onclick="r('#999966');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#999999"><a href="#"
onclick="r('#999999');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#9999cc"><a href="#"
onclick="r('#9999cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#9999ff"><a href="#"
onclick="r('#9999ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#99ff00"><a href="#"
onclick="r('#99ff00');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#99ff33"><a href="#"
onclick="r('#99ff33');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#99ff66"><a href="#"
onclick="r('#99ff66');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#99ff99"><a href="#"
onclick="r('#99ff99');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#99ffcc"><a href="#"
onclick="r('#99ffcc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#99ffff"><a href="#"
onclick="r('#99ffff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>

</tr>


<tr>
        <td bgcolor="#cc0000"><a href="#"
onclick="r('#cc0000');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cc0033"><a href="#"
onclick="r('#cc0033');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cc0066"><a href="#"
onclick="r('#cc0066');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cc0099"><a href="#"
onclick="r('#cc0099');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cc00cc"><a href="#"
onclick="r('#cc00cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cc00ff"><a href="#"
onclick="r('#cc00ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cc6600"><a href="#"
onclick="r('#cc6600');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cc6633"><a href="#"
onclick="r('#cc6633');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cc6666"><a href="#"
onclick="r('#cc6666');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cc6699"><a href="#"
onclick="r('#cc6699');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cc66cc"><a href="#"
onclick="r('#cc66cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cc66ff"><a href="#"
onclick="r('#cc66ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cccc00"><a href="#"
onclick="r('#cccc00');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cccc33"><a href="#"
onclick="r('#cccc33');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cccc66"><a href="#"
onclick="r('#cccc66');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cccc99"><a href="#"
onclick="r('#cccc99');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cccccc"><a href="#"
onclick="r('#cccccc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ccccff"><a href="#"
onclick="r('#ccccff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>

</tr>
<tr>
        <td bgcolor="#cc3300"><a href="#"
onclick="r('#cc3300');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cc3333"><a href="#"
onclick="r('#cc3333');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cc3366"><a href="#"
onclick="r('#cc3366');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cc3399"><a href="#"
onclick="r('#cc3399');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cc33cc"><a href="#"
onclick="r('#cc33cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cc33ff"><a href="#"
onclick="r('#cc33ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cc9900"><a href="#"
onclick="r('#cc9900');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cc9933"><a href="#"
onclick="r('#cc9933');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cc9966"><a href="#"
onclick="r('#cc9966');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cc9999"><a href="#"
onclick="r('#cc9999');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cc99cc"><a href="#"
onclick="r('#cc99cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#cc99ff"><a href="#"
onclick="r('#cc99ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ccff00"><a href="#"
onclick="r('#ccff00');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ccff33"><a href="#"
onclick="r('#ccff33');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ccff66"><a href="#"
onclick="r('#ccff66');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ccff99"><a href="#"
onclick="r('#ccff99');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ccffcc"><a href="#"
onclick="r('#ccffcc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ccffff"><a href="#"
onclick="r('#ccffff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>

</tr>


<tr>
        <td bgcolor="#ff0000"><a href="#"
onclick="r('#ff0000');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ff0033"><a href="#"
onclick="r('#ff0033');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ff0066"><a href="#"
onclick="r('#ff0066');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ff0099"><a href="#"
onclick="r('#ff0099');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ff00cc"><a href="#"
onclick="r('#ff00cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ff00ff"><a href="#"
onclick="r('#ff00ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ff6600"><a href="#"
onclick="r('#ff6600');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ff6633"><a href="#"
onclick="r('#ff6633');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ff6666"><a href="#"
onclick="r('#ff6666');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ff6699"><a href="#"
onclick="r('#ff6699');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ff66cc"><a href="#"
onclick="r('#ff66cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ff66ff"><a href="#"
onclick="r('#ff66ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ffcc00"><a href="#"
onclick="r('#ffcc00');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ffcc33"><a href="#"
onclick="r('#ffcc33');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ffcc66"><a href="#"
onclick="r('#ffcc66');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ffcc99"><a href="#"
onclick="r('#ffcc99');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ffcccc"><a href="#"
onclick="r('#ffcccc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ffccff"><a href="#"
onclick="r('#ffccff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>

</tr>
<tr>
        <td bgcolor="#ff3300"><a href="#"
onclick="r('#ff3300');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ff3333"><a href="#"
onclick="r('#ff3333');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ff3366"><a href="#"
onclick="r('#ff3366');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ff3399"><a href="#"
onclick="r('#ff3399');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ff33cc"><a href="#"
onclick="r('#ff33cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ff33ff"><a href="#"
onclick="r('#ff33ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ff9900"><a href="#"
onclick="r('#ff9900');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ff9933"><a href="#"
onclick="r('#ff9933');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ff9966"><a href="#"
onclick="r('#ff9966');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ff9999"><a href="#"
onclick="r('#ff9999');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ff99cc"><a href="#"
onclick="r('#ff99cc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ff99ff"><a href="#"
onclick="r('#ff99ff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ffff00"><a href="#"
onclick="r('#ffff00');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ffff33"><a href="#"
onclick="r('#ffff33');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ffff66"><a href="#"
onclick="r('#ffff66');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ffff99"><a href="#"
onclick="r('#ffff99');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ffffcc"><a href="#"
onclick="r('#ffffcc');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>
        <td bgcolor="#ffffff"><a href="#"
onclick="r('#ffffff');return false"><img src="blank.gif" height=10
width=10 border=0></a></td>

</tr>
</table>

</body>
</html>

/theSurfer
Avatar billede mclemens Nybegynder
17. april 2006 - 12:44 #5
ikke interesseret i at få point for denne ...
(det er ikke derfor jeg lavede og poster den)
jeg fik bare lyst til at lege lidt ;D
(popup farvevælger fra ca. 30kb -> 1,26 kb ...)

Hovedvinduet.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title></head><body>

<form name="hovedform">
<input type="text" name="txtfarve" value="">
</form>
<a href="#" onclick="window.open('farve.html','vinduefarve','width=250,height=175top=0,left=0');return false">Vis farve vindue</a>

</body></html>



farve.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
html,body{margin:0px;padding:0px;}
.button{cursor:pointer;width:10px;height:10px;margin:0px 2px 2px 0px;float:left;font-size:1px;}
#appplace{width:216px;position:absolute;left:50%;top:50%;margin:-71px 0px 0px -107px;}
</style>

<script type="text/javascript">
function ra(cc){
window.opener.document.hovedform.txtfarve.value=cc;
window.close();
}
window.onload=function(){
cclf();
}
ccl=new Array('00',33,66,99,'cc','ff');
function cclf(){
ccb=document.getElementById("appplace");
for(i0=0;i0<ccl.length;i0++){
  for(i1=0;i1<ccl.length;i1++){
  for(i2=0;i2<ccl.length;i2++){
    ccadd(i0,ccl[i0]+""+ccl[i1]+""+ccl[i2]);
  }
  }
}
ccb.removeChild(ccb.childNodes[0]);
}
function ccadd(capp,cc){
ccb=document.getElementById("appplace");
cci0=document.createElement("div");
cci0.className="button";
cci0.style.background="#"+cc;
cci0.onclick=function(){ra(cc);}
cci0.appendChild(document.createTextNode("\u00a0"));
ccb.appendChild(cci0);
}
</script></head>

<body>
<div id="appplace">&nbsp;</div>
</body></html>
Avatar billede mclemens Nybegynder
17. april 2006 - 14:00 #6
og lige en farvevælger der kan få ie til at gå i sort... bare et eksempel på hvordan scripts hurtig kan forbruge al hukommelse... (tager lige et par sekunder hos mig i IE og firefox tager god tid... ved nuværende indstilling)

ccl=new Array();
for(i=0;i<20;i++){ //<- Prøv evt. at øge i<20 til i<22 (max i<255)
ccl[ccl.length]=(i<10)?"0"+i:i;
}



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
html,body{margin:0px;padding:0px;}
.button{cursor:pointer;width:10px;height:10px;margin:0px;float:left;font-size:1px;}
#appplace{width:100%;}
</style>

<script type="text/javascript">
function ra(cc){
window.opener.document.hovedform.txtfarve.value=cc;
window.close();
}
window.onload=function(){
cclf();
}
ccl=new Array();
for(i=0;i<20;i++){
ccl[ccl.length]=(i<10)?"0"+i:i;
}
function cclf(){
ccb=document.getElementById("appplace");
for(i0=0;i0<ccl.length;i0++){
  for(i1=0;i1<ccl.length;i1++){
  for(i2=0;i2<ccl.length;i2++){
cci0=document.createElement("div");
cci0.className="button";
cc="#"+ccl[i0]+""+ccl[i1]+""+ccl[i2];
cci0.onclick=function(){ra(cc);}
cci0.style.background="rgb("+ccl[i0]+","+ccl[i1]+","+ccl[i2]+")";
cci0.appendChild(document.createTextNode("\u00a0"));
ccb.appendChild(cci0);
  }
  }
}
ccb.removeChild(ccb.childNodes[0]);
}
</script></head>

<body>
<div id="appplace">&nbsp;</div>
</body></html>
Avatar billede leif Seniormester
27. maj 2006 - 19:32 #7
Smid et svar begge 2
Avatar billede mclemens Nybegynder
27. maj 2006 - 19:36 #8
[ Smid et svar begge 2 ]
- ok :)
Avatar billede thesurfer Nybegynder
27. maj 2006 - 20:28 #9
Svar smidt :-)
Avatar billede leif Seniormester
27. maj 2006 - 22:14 #10
Takker
Avatar billede mclemens Nybegynder
27. maj 2006 - 22:59 #11
og tak for point :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
IT-JOB

Aller Leisure A/S

Nyuddannet softwareudvikler til rejsebranchen

Danoffice IT

Head of Business Enablement

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Senior arkitekt med mod på at opbygge Materielstabens nye tværgående arkitekturelement

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Digital forretningsanalytiker til Cyberdivisionen

Politiets Efterretningstjeneste

API-udvikler til PET
Seneste spørgsmål Seneste aktivitet
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
27/0713:58 Mapperne Dokumenter og Overførsler er forsvundet efter geninstallation af Win11 Af bragger i Windows
25/0713:55 Ukendt sender e-mails fra - og til min e-mail adresse Af mort1 i Andet sikkerhed
24/0711:08 Forskel mellem klokkeslet start aften slut næste morgen Af krasmussen i Excel
White papers
Flere white papers »