Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]zatzymac zmienna...
Forum PHP.pl > Forum > Przedszkole
Kamil Pietrzak
witem

  1.  
  2. <script type="text/javascript">
  3. function FormFocusHover(act, id)
  4.  
  5. {
  6. var CSSClass;
  7. CSSClass = document.getElementById(id).className;
  8. if(act == 1)
  9. {document.getElementById(id).className = CSSClass+'_jsHover'; }
  10. if(act == 0)
  11. {document.getElementById(id).className = CSSClass;}
  12.  
  13. }
  14.  


mam taka funkcje js

i wywolanie

  1. <input type="text" name="nick" class="add_coment" id="nickname" onfocus="FormFocusHover(1, 'nickname');" onblur="FormFocusHover(0, 'nickname');" /><br />


jak cos to sens jest taki, ze gdy klawiatura jest na kontrolce to ma inna klase, jest podswietlona

wszystko fajnie, tylko dziala do momentu zdjecia klawiatury
pozniej zmienna CSSClass ma juzi nna wartosc, gdy dam klawuatire jeszcze raz to doda sie nowe '_jsHover' ('_jsHover_jsHover_jsHover_jsHover')
Pacio
Sprobuj takiej funkcji:
  1. <script type="text/javascript">
  2. function FormFocusHover(act, id) {
  3. var el = document.getElementById(id);
  4. var CSSClass = el.className;
  5. if(act == 1) {
  6. el.className = CSSClass+'_jsHover';
  7. } else {
  8. el.className = el.className.replace('_jsHover', '');
  9. }
  10. }

Przy zdarzeniu onBlur usuwa z atrybutu class tekst '_jsHover', czyli pozostaje poczatkowa klasa.
Kamil Pietrzak
dzieki, ale okazlao sie, ze mozna w CSS biggrin.gif
a.a:focus

btw. jest jeszcze defaultValue
ale wiadomo... zawsze dookola biggrin.gif
Pacio
Cytat(Kamil Pietrzak @ 21.01.2010, 10:03:51 ) *
dzieki, ale okazlao sie, ze mozna w CSS biggrin.gif
a.a:focus

Mozna uzyc pseudoklasy :focus, ale nie dziala pod IE. Mozna to obejsc za pomoca :active, ktore dziala w IE tak jak :focus. No, ale znowu w IE nie mozna tego uzyc na elementach innych niz <a></a>, wiec chyba JS w tym wypadku jest najlepszym wyjsciem dla kontrolek formularza.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.