Pokazuje on pole input oraz przycisk "wybieracz kolorów", po którego wciśnięciu pojawia się małe okienki gdzie wybieramy kolor kliknięciem. Klikamy w kolorek i ładnie pokazuje się on nam w inpucie. Tylko potrzeba mi, aby kod po kliknięciu w kolor został dodany do inputa, a nie zastąpiony na stary. Przypuszczam, że trzeba coś zmienić w samym skrypcie, ale na JS znam się tak średniawo... :/ Pomożecie?
<script type="text/javascript"> function colorPicker(r,g,b){ function setColor(x,y,S,C){ var el=document.createElement('div') with(el.style){ position='absolute' left=x+'px';top=y+'px' overflow='hidden' width=height=S+'px' backgroundColor=el.bc=el.title=C } el.onclick=function(){ with(document.getElementById('full_text')){ value=this.bc;focus()} } document.getElementById('cPicker').appendChild(el) } function C(x){x*=5;x=x.toString(16);return x+=x} for(r=0;r<4;r++) for(g=0;g<4;g++) for(b=0;b<4;b++) setColor(2+(r>1?50:0)+b*12,2+(r%2*50)+g*12,11,'#'+C(r)+C(g)+C(b)) } function shPicker(t,e,x){ document.getElementById('full_text').focus() e=document.getElementById('cPicker').style x=e.display=='block' e.display=x?'none':'block' t.value=x?'wybieracz kolorów':'schowaj wybieracz' } </script> <!-- ---------------------------------------------- --> <body onload="colorPicker()"> <!-- ---------------------------------------------- --> <form target="_blank" method="post" action=""> <input id="full_text" type="text" name="color"> <input type="button" onclick="shPicker(this)" value="Wybierz kolor"> <div id="cPicker" style="position:relative;width:104px;height:104px;background-color:#ccc;border:1px solid black;display:none"> </div> </form>
BTW Najlepiej jeszcze jakby ten kod koloru dodawał w zaznaczonym miejscu. Mamy np. input wypełniony wartością: "Tutaj jest kolor [] bla bla", a kursor ustawiony jest pomiędzy "[]" i żeby w tym właśnie miejscu dodał kod koloru.