Avatar billede kasperh Nybegynder
30. juli 2001 - 21:10 Der er 26 kommentarer og
1 løsning

Farvevalgs knap


Hejsa,

Jeg skal bruge en knap hvor man kan vælge mellem ALLE farver i farveskalaen. Findes der en smart feature i java, eller er der nogen der kender et script?
Avatar billede nute Nybegynder
30. juli 2001 - 21:12 #1
Avatar billede kasperh Nybegynder
30. juli 2001 - 21:14 #2
det er sådan noget jeg leder efter, jeg skal bare bruge det fra en knap. hvor man når man trykker på knappen får mulighed for at vælge en farve, evt. fra et vindue der åbner op når man holder knappen inde på knappen. lidt ala\' en rullegardinmenu.
Avatar billede nute Nybegynder
30. juli 2001 - 21:17 #3
ehhh...du er nødt til å forklare bedre. Det er ikke så enkelt å forstå \"jeg skal bare bruge det fra en knap. hvor man når man trykker på knappen får mulighed for at vælge en farve, evt. fra et vindue der åbner op når man holder knappen inde på knappen. lidt ala\' en rullegardinmenu.\"

Holde knappen inne på knappen ? knapp litt alá en rullegardinmeny ??

Avatar billede jakoba Nybegynder
30. juli 2001 - 21:34 #4
ALLE farver i farveskalaen er en ugudelig masse, noget over 16-millioner hvis vi \'nøjes\' med den 24-bit farvedybde #FFFFFF formatet lægger op til.
Hvis der skulle tegnes en tabel med så mange farveprøver at klikke på ville siden blive aldeles ubrugelig.

Man kunne lave en popop side hvor man med pilknapper valgte værdier for rød, grøn og blå hver for sig og løbende viste den resulterende farve.

og returnerede den farveværdi til hovedsiden når der blev trykket ok.

ville det være en øsning?

mvh JakobA
Avatar billede jakoba Nybegynder
30. juli 2001 - 21:35 #5
Ups. øsning -> løsning
Avatar billede nute Nybegynder
30. juli 2001 - 21:38 #6
ahhh....så forstår jeg hva du mener. Takk til Jakoba som satte igang mine hjerneceller :)
Avatar billede kasperh Nybegynder
30. juli 2001 - 22:08 #7
det ville være en god løsning.
Avatar billede jakoba Nybegynder
30. juli 2001 - 22:39 #8
skriver du det nute? eller skal jeg.
Avatar billede nute Nybegynder
31. juli 2001 - 09:08 #9
jeg har desverre ikke tid til det...
Avatar billede zeptic Nybegynder
31. juli 2001 - 09:09 #10
Avatar billede nute Nybegynder
31. juli 2001 - 09:12 #11
zeptic >> den er jo identisk med den den som ligger på builder.dk som jeg henviste til @ 30/07 2001 21:12:14. Det er ikke den han er ute etter...
Avatar billede zeptic Nybegynder
31. juli 2001 - 09:17 #12
nute >> men den er federe :o)
Avatar billede nute Nybegynder
31. juli 2001 - 09:18 #13
næææ...
Avatar billede jakoba Nybegynder
31. juli 2001 - 11:53 #14
Kombiner html-filen herunder sammen ned den side du vil have knappen på.

<html>
<head><title>kalder farvevælger</title>

<script language=\'javascript\'> <!--

function hentFarve() {
  window.open( \'farver.html\', \'vinduesnavn\', \'width=300,height=300\' );
}; //end hentfarve()

function brugFarven ( farven ) {
  // og her bruger du så farven :)
  // fx:
  alert( \"Du valget farven \" +farven );
  // eller:
  document.bgColor = farven;
  // eller
  document.dinform.farvefelt.value = farven;
}; //end brugFarven ( string )

// --> </script>

</head>

<body>

<form name=\'dinform\'>

<input type=\'button\' value=\'hent et farve\' onclick=\"hentFarve()\">
<input type=\'text\' name=\'farvefelt\' value=\"\">

</form>

</body>
</html>

----------- og lav så også en fil ved navn \'farver.html\' i samme mappe der indeholder:

<html>
<head><title>Farvevælger</title>

<script language=\'javascript\'> <!--

var nuverende = \"#808080_\";
var navne = new Array( \'roed\', \'groen\', \'blaa\' );

function change( farve, forskel ) {
  var frv = parseInt( nuverende.substring( 1+(farve*2), 3+(farve*2) ), 16 );
  frv = Math.min( 255, Math.max( 0, frv+forskel ) );
  nuverende = nuverende.substring( 0, 1+(farve*2) )
            + frv.toString(16)
            + nuverende.substring( 3+(farve*2) );
  document.fform[navne[farve]].value = frv;
  document.bgColor = nuverende.substring( 0, 7 );
}; //end change( int, int )

function deliver() {
  opener.brugFarven( nuverende.substring(0,7) );
  self.close();
}; //end deliver()

// --> </script>

</head>
<body bgColor=#808080>
<form name=\'fform\'>
<table cellpadding=4 border=0>
  <tr><td bgColor=#FF0000>
    <input type=\'button\' value=\"-10\" onclick=\"change(0, -10);\">
    <input type=\'button\' value=\" -1\" onclick=\"change(0, -1);\">
    <input type=\'text\' name=\'roed\' value=\'128\' size=3>
    <input type=\'button\' value=\" +1\" onclick=\"change(0, +1);\">
    <input type=\'button\' value=\"+10\" onclick=\"change(0, +10);\"></td>
  </tr>
  <tr><td bgColor=#00FF00>
    <input type=\'button\' value=\"-10\" onclick=\"change(1, -10);\">
    <input type=\'button\' value=\" -1\" onclick=\"change(1, -1);\">
    <input type=\'text\' name=\'groen\' value=\'128\' size=3>
    <input type=\'button\' value=\" +1\" onclick=\"change(1, +1);\">
    <input type=\'button\' value=\"+10\" onclick=\"change(1, +10);\"></td>
  </tr>
  <tr><td bgColor=#0000FF>
    <input type=\'button\' value=\"-10\" onclick=\"change(2, -10);\">
    <input type=\'button\' value=\" -1\" onclick=\"change(2, -1);\">
    <input type=\'text\' name=\'blaa\' value=\'128\' size=3>
    <input type=\'button\' value=\" +1\" onclick=\"change(2, +1);\">
    <input type=\'button\' value=\"+10\" onclick=\"change(2, +10);\"></td>
  </tr>
  <tr><th>
    <input type=\'button\' value=\"Den tar jeg\" onclick=\"deliver();\">
  </tr>
</table>
</form>

</body>
</html>

du må selv smukkesere :)

mvh JakobA
Avatar billede jakoba Nybegynder
31. juli 2001 - 12:03 #15
Ups. fandt en fejl. i linien
            + frv.toString(16)
skal der istedet stå
            + ( (frv>15) ? frv.toString(16) : \"0\"+frv.toString(16) )

sorry
mvh JakobA
Avatar billede jakoba Nybegynder
31. juli 2001 - 15:38 #16
Avatar billede kasperh Nybegynder
31. juli 2001 - 19:01 #17
kunne man lave den med den farvervælger fra nute?
http://www.builder.dk/builders/colorfinder.asp
Avatar billede jakoba Nybegynder
31. juli 2001 - 19:11 #18
Ja det kunne man god. Det ville så blive de websikre farver og ikke andre
Avatar billede jakoba Nybegynder
31. juli 2001 - 20:14 #19
Nu er der en ekstra knap på:
http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp93542.html

mvh JakobA
Avatar billede kasperh Nybegynder
05. august 2001 - 14:06 #20
kan man skifte baggrundsfarven ud i <input> feltet med den farve man har valgt?
Avatar billede jakoba Nybegynder
05. august 2001 - 14:15 #21
Idet man vælger en farve med en af de popops bliver farven i <input feltet automatisk skiftet ud.

Men er det det du spørger om?
Avatar billede kasperh Nybegynder
05. august 2001 - 14:47 #22
det var ikke emd tekst, jeg mente baggrundsfarven i input feltet. altså, så når man vælger grøn, så bliver baggrundsfarven hvor farvevalgskoderne står grøn.
kan måske laves med stylesheets, men ved ikke how.
Avatar billede jakoba Nybegynder
05. august 2001 - 14:58 #23
Ja det kan nok laves, men jeg ved ikke rigtigt hvordan (koncentrerer mig mest om ting der virker både i ie og ns).
Men tænk lige over det en extra gang. hvis brugeren vælger en mørk farve bliver det jo så umuligt at aflæse farvens nummer i feltet. er det ikke bedre at ændre farven på et område ved siden af feltet?
Avatar billede kasperh Nybegynder
05. august 2001 - 16:43 #24
det jeg kunne tænke mig var at brugeren havde én knap og trykke på, så røg farvevalgsknappen op.
den knap personen så havde trykket på, blev så den farve.
Avatar billede jakoba Nybegynder
05. august 2001 - 21:46 #25
det er et eller andet med
  document.formnavn.feltnavn.style.????? = dennyfarve
hvor feltnavn er navnet på den knap du vil have farvet. Men hvad selve style attributten hedder ved jeg ikke. Måske noget så simpelt som \'backgroundcolor\'.
Avatar billede kasperh Nybegynder
05. august 2001 - 22:04 #26
findes der ikke en liste et eller andet sted på nettet :-/
Avatar billede kasperh Nybegynder
05. august 2001 - 22:32 #27
den hed style.background
jeg takker for hjælpen :D
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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