18. august 2007 - 15:39
Der er
10 kommentarer og 1 løsning
Ændre baggrundsfarve så snart input ændres
Hej eksperter Jeg har lagt en tigra Colorpicker på min side. Når man vælger en farve fra popupvinduet bliver hexkoden indsat i textboksen med det samme. Det skal gerne være så ligeså snart at der bliver placeret en farve i boksen ændres baggrundsfarven til den hexværdi der er valgt. Jeg har prøvet med OnChange="" men det hjalp ikke,da jeg var nødt til at redigere i Hexkoden og trykke enter før der skete noget. Hvordan gør jeg det så?
Annonceindlæg fra Axcess Nordic
18. august 2007 - 15:51
#1
Kan du ikke blot lave kaldet samme sted som det kald der indsætter hex koden i boksen?
18. august 2007 - 16:00
#3
function TCSelect(c) { this.field.value = '#' + c.toUpperCase(); this.win.close(); }
18. august 2007 - 16:05
#4
<ole> function TCSelect(c) { this.field.value = '#' + c.toUpperCase(); this.field.style.backgroundColor = '#' + c; this.win.close(); } /mvh </bole>
18. august 2007 - 16:17
#5
Skal gerne bruge den samme fil til andre farveændringer også.. er der ikke en mulighed for at trække elementet med ind, så den ændre baggrundsfaven på et bestemet element. fx ved at sætte: <a href="java script:TCP.popup(document.forms['step2Form'].elements['input0'], input)"> ??
18. august 2007 - 16:19
#6
input skulle være this :)
18. august 2007 - 17:05
#7
Du retter til: function TCPopup(fnHandler, palette) { this.fnHandler = fnHandler; this.initPalette = !palette || palette > 3 ? 0 : palette; ... osv ... osv ... - og: function TCSelect(c) { this.fnHandler('#' + c); this.win.close(); } Så kan du i stedet selv bestemme, hvad der skal ske, ved at tilknytte en event-handler: function foo(sCol) { document.getElementById("mitDiv").style.background = sCol; document.forms['step2Form'].elements['input0'].value = sCol; } <a href="java script:TCP.popup(foo, 2)">
18. august 2007 - 17:08
#8
- eller du kan sende både handler og element med: function TCPopup(oElm, fnHandler, palette) { this.oElm = oElm; this.fnHandler = fnHandler; this.initPalette = !palette || palette > 3 ? 0 : palette; ... osv ... osv ... - og: function TCSelect(c) { this.fnHandler('#' + c, this.oElm); this.win.close(); } Så kan du i stedet selv bestemme, hvad der skal ske, ved at tilknytte en event-handler: function foo(sCol, oElm) { oElm.style.background = sCol; document.forms['step2Form'].elements['input0'].value = sCol; } <a href="java script:TCP.popup(document.getElementById('mitDiv'), foo, 2)">
18. august 2007 - 17:42
#9
takker.. smid svar for points.
18. august 2007 - 21:05
#10
*griiiiiiiiiiiiiiiiiiiiiiiiiiib* =)
19. august 2007 - 19:31
#11
Tak for points =)
Vi tilbyder markedets bedste kurser inden for webudvikling