Autor | Zpráva | ||
---|---|---|---|
kubakoumak Profil |
#1 · Zasláno: 1. 9. 2011, 16:47:51
Ahoj,
toto je spíše taková lahůdka a čekám, že to pude udělat v js, ale nějak si s tím nevím rady :-|. Potřebuji, abych mohl pomocí css nastavit, jakou barvu a okraj bude mít pole formuláře, v kterém uživatel právě píše. Jakmile by pole opustil, vrátilo se to na původní stylování. mockrát děkuji za pomoc a doufám, že toto vlákno pomůže třeba i někomu jinýmu. |
||
Michal Benda Profil |
#2 · Zasláno: 1. 9. 2011, 17:32:33 · Upravil/a: Michal Benda
Udělal bych to pomocí kombinace CSS a JS - je možné, že CSS3 už na to bude nějak lépe vybavená a nebude tudíž potřeba použít JavaScript, ale nevím.
<style> input { border-color:gray; } input.aktivni { border-color:orange; } </style> ... <input type="text" name="name" value="Jméno" /> <input type="text" name="lastname" value="Příjmení" /> ... <script> var inputs = document.getElementsByTagName("input"); var i; if(inputs.length > 0){ for(i=0;i<inputs.length;i++){ inputs[i].attachEvent("onfocus", "this.className='aktivni';"); inputs[i].attachEvent("onblur", "this.className='';"); } } </script> |
||
kubakoumak Profil |
#3 · Zasláno: 1. 9. 2011, 21:10:08
Tento kód mi z nějakého prostého důvodu nefunguje :-(. Ale dík za práci
|
||
kubakoumak Profil |
#4 · Zasláno: 1. 9. 2011, 21:21:52 · Upravil/a: kubakoumak
Už to fachá takhle:
(Jdu na to úplně jinak... a hůř) <script language="JavaScript1.2"> var highlightcolor="orange" var ns6=document.getElementById&&!document.all var previous='' var eventobj var intended=/INPUT|TEXTAREA|SELECT|OPTION/ function checkel(which){ if (which.style&&intended.test(which.tagName)){ if (ns6&&eventobj.nodeType==3) eventobj=eventobj.parentNode.parentNode return true } else return false } function highlight(e){ eventobj=ns6? e.target : event.srcElement if (previous!=''){ if (checkel(previous)) previous.style.backgroundColor='' previous=eventobj if (checkel(eventobj)) eventobj.style.backgroundColor=highlightcolor } else{ if (checkel(eventobj)) eventobj.style.backgroundColor=highlightcolor previous=eventobj } } </script> Akorát je to trochu zpožděné ale to neva :-) Líbí se vám to? HTML potom: <FORM onKeyUp="highlight(event)" onClick="highlight(event)"> ..... </FORM> |
||
Časová prodleva: 13 let
|
0