Notifikationer

Markér alle som læst Log ud

jytte Nybegynder

06. august 2002 - 11:50 Der er 11 kommentarer og
1 løsning

Farvevælger i javascript

Jeg leder efter en god farvevælge lavet i javascript.

Synes godt om

nikolajdu Nybegynder

06. august 2002 - 11:53 #1

Hvad ska den farve :))

Synes godt om

jakoba Nybegynder

06. august 2002 - 12:34 #2

kan en af disse evt bruges?
http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp93542.html

mvh JakobA

Synes godt om

nikolajdu Nybegynder

06. august 2002 - 12:36 #3

Jeg har da også et andet websikkert bud - Idéen er den samme :)

<html>
<head>
</head>

<body bgcolor="#FFFFFF">

<FORM NAME="bestilling" ACTION="">
<SELECT NAME="tone">
<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++){
for (m=1;m <=6;m++){
for (n=1;n <=6;n++){
d++;
colour = '"' + c[i] + c[m] + c[n] + '"';
document.write("<option value='Farve' style='background-color="+colour+"' id="+colour+">            </option>");
}
}
}

</script>

</SELECT>

<table>
<script>
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++){
document.write("<tr>")
for (m=1;m <=6;m++){
for (n=1;n <=6;n++){
d++;
colour = '"' + c[i] + c[m] + c[n] + '"';
document.write("<td value="+colour+" style='cursor:hand;background-color="+colour+"' onClick='document.getElementById(this.value).selected=true'> </td>");
}
}
document.write("</tr>")
}

</script>
</tr>
</table>
</body>
</html>

Synes godt om

nikolajdu Nybegynder

06. august 2002 - 12:40 #4

OG i en anden speciel version :))

<html>
<head>
</head>

<body bgcolor="#FFFFFF">

<FORM NAME="bestilling" ACTION="">
<SELECT NAME="stue_tone" onChange="document.bestilling.farvevalg.style.backgroundColor = '#' + (this.options[this.selectedIndex].name);document.bestilling.farvevalg.focus()">
<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++){
for (m=1;m <=6;m++){
for (n=1;n <=6;n++){
d++;
colour = '"' + c[i] + c[m] + c[n] + '"';
document.write("<option value='Farve' style='background-color="+colour+"' name="+colour+">            </option>");
}
}
}

</script>

</SELECT>
<INPUT TYPE="text" NAME="farvevalg" SIZE="8" onFocus="this.blur()"></FORM>
</body>
</html>

Synes godt om

jakoba Nybegynder

06. august 2002 - 13:01 #5

216 valgmuligheder i een select? jeg tror jeg vælger tabellen :-))

Synes godt om

-mundi- Nybegynder

06. august 2002 - 13:10 #6

ellers er der en lækker colorpicker her http://wp.netscape.com/computing/webbuilding/studio/feature19981111-5.html

Jeg kan dog kun få den til at virke i netscape 4.79 eller tidligere, men det kan jo være der er nogen kloge hoveder der vil skrive den om for dig :)

Synes godt om

nikolajdu Nybegynder

06. august 2002 - 13:17 #7

jakoba - Det er nu også bare en "sjover" ;-)

Synes godt om

jakoba Nybegynder

06. august 2002 - 13:18 #8

Den er godtnok nuttet :)

Synes godt om

jytte Nybegynder

06. august 2002 - 13:33 #9

Nikolajdu:

Den første version ligner det jeg har brug for.
Hvis du vil lave den om så

Tryk på pil ned viser tabellen nedenunder (ellers er den skjult)

tryk på en farve i tabellen viser den valgte farve i selectboxen
og skjuler tabellen

forhøjer jeg til 100 point, ellers må du nøjes med de 15 :-)

/Jytte

Synes godt om

nikolajdu Nybegynder

07. august 2002 - 14:59 #10

Sådan her så :)

<html>
<head>
<script>

NS4 = (document.layers)? true:false
IE4 = (document.all)? true:false
IE5 = (document.getElementById)? true:false
NS6 = (document.getElementById && !document.all)?true:false;

function openDu(vis){
var lag = (NS4)? document.layers['farver'] : (IE4)? document.all['farver'].style : document.getElementById('farver').style;
if(vis){
lag.visibility = "visible";
}else lag.visibility= "hidden"
}

</script>
</head>

<body bgcolor="#FFFFFF">

<FORM NAME="bestilling" ACTION="">
<input type="text" value="" id="farve" onfocus="openDu(true);this.blur()">
</form>
<div id="farver" style="visibility:hidden;">
<table>
<script>
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++){
document.write("<tr>")
for (m=1;m <=6;m++){
for (n=1;n <=6;n++){
d++;
colour = '"' + c[i] + c[m] + c[n] + '"';
document.write("<td value="+colour+" style='cursor:hand;background-color="+colour+"' onClick='document.getElementById(\"farve\").style.backgroundColor=this.value;openDu(false)'> </td>");
}
}
document.write("</tr>")
}

</script>
</tr>
</table>
</div>
</body>
</html>

/Nikolaj

Synes godt om

jytte Nybegynder

08. august 2002 - 22:09 #11

Tak skal du have -- den kan jeg bruge.

Synes godt om

nikolajdu Nybegynder

08. august 2002 - 22:13 #12

Fino fino :))

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS