Avatar billede fusion-it Nybegynder
26. maj 2009 - 11:52 Der er 12 kommentarer og
2 løsninger

Simpel color picker med knap?

Hej Alle

Jeg forsøgerat bruge denne her :

http://www.dhtmlgoodies.com/index.html?whichScript=submitted-color-picker

Den virker fint når man ønsker at åbner selve pickeren ved klik i input .. jeg kunne godt tænke mig at lave en lille knap ved siden af som aktivere pickeren?

Jeg har prøvet med input type="image" men så skifter den jo billedet ud med farven man vælger.

Nederste linje i js filen hedder

function maskedHex(input) {
    var mask = '#[0-9a-fA-F]{7}';
    input.value = input.value.replace(mask, "");

Jeg er ret sikker på de er denne funktion som giver problemet?


Håber nogen har et svar på dette ?
Avatar billede majbom Novice
26. maj 2009 - 12:12 #1
du skal vel bare sætte "input" til navnet på din tekstbox i stedet for?
Avatar billede fusion-it Nybegynder
26. maj 2009 - 12:31 #2
ikke forstået hvad mener du ?
Avatar billede majbom Novice
26. maj 2009 - 12:51 #3
function maskedHex(input) {
    var mask = '#[0-9a-fA-F]{7}';
    input.value = input.value.replace(mask, "");
}

når du kalder den med "this", er det den knap/image der kalder funktion, som vil få ændret sit "value"-attribut.

så i stedet for at skrive "this" som parameter skal du skrive navnet på den textbox der skal vise hexkoden...

f.eks.

<input type="text" id="bau" onclick="startColorPicker(this)" onkeyup="maskedHex(document.getElementById('myText'))">
<input type="text" id="myText" name="myText">
Avatar billede fusion-it Nybegynder
28. maj 2009 - 07:44 #4
Det virker stadig ikke, men jeg tester videre skal nok poste svaret :)
Avatar billede majbom Novice
28. maj 2009 - 09:00 #5
har du et link til siden?

eller evt. post noget mere kode, så det er nemmere at se sammenhængen...
Avatar billede fusion-it Nybegynder
30. maj 2009 - 03:16 #6
Det er et lukket cms jeg er igang med vil ikke post det offtentligt her ... men laver et eks og poster :)
Avatar billede fusion-it Nybegynder
30. maj 2009 - 03:18 #7
Avatar billede fusion-it Nybegynder
30. maj 2009 - 10:32 #8
Jeg har nu lavet en tester


http://fusion-it.eu/httpdocs/shampoo/web/cp.asp

JS filen her

http://fusion-it.eu/httpdocs/shampoo/web/js/cp.js


Læg mærke til hvordan den bare blinker og forsvinder?
Avatar billede fusion-it Nybegynder
30. maj 2009 - 10:34 #9
Iøvtigt en ting som jeg ikke forstår er hvorfor den submitter formen med den knap jeg har lavet ?

Den skal jo kun åbne CP laver selv en submit!
Avatar billede fusion-it Nybegynder
30. maj 2009 - 10:44 #10
Hmm

Nu virker den ..... på den ny jeg lavede.

Læg du et svar jeg skulle jo bruge din løsning eller dele af den :)

Takker
Avatar billede fusion-it Nybegynder
30. maj 2009 - 10:57 #11
Løsningen kan ses MEGET bedere her :

http://www.dhtmlgoodies.com/forum/viewtopic.php?p=16516#16516


;)
Avatar billede majbom Novice
30. maj 2009 - 12:53 #12
jamen selv tak :)
Avatar billede fusion-it Nybegynder
31. maj 2009 - 19:11 #13
;)
Avatar billede majbom Novice
31. maj 2009 - 19:51 #14
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
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