Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JS/CSS] zmiana w stylu
zuraw84
post
Post #1





Grupa: Zarejestrowani
Postów: 42
Pomógł: 0
Dołączył: 9.02.2005

Ostrzeżenie: (0%)
-----


witam,
mam klase css

  1. .klasa{
  2. border: 0px;
  3. }


i jakies pole

  1. <input type="text" class="klasa" />


potrzebuje teraz przez javascript zmienic w klasie css wartosc border powiedzmy na 1px
i teraz tak:
to jest tylko porsty przyklad czego potrzebuje,musze to zmienic w klasie css
bo tych elementow ktore kozystaja z tej klasy jest duzo ... i ciezko by bylo sie
po nich iterowac
czy jest wogole mozliwosc edycji klas css przez javascript ?

dzieki za pomoc
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
jarrod
post
Post #2





Grupa: Zarejestrowani
Postów: 312
Pomógł: 9
Dołączył: 14.10.2006
Skąd: warszawa

Ostrzeżenie: (0%)
-----


No to masz problem...
Nie zmienisz zawartości arkusza tak aby wszystkie elementy przyjęły nową wartość.
Nadaj każdemu z grupy elementów taki sam atrybut np rel

Teraz napisz skrypt JS który zmieni właściwość dla każdego elementu który ma rel o jakiejśtam wartości np:

  1. <script type="text/javascript">
  2. function _zmien()
  3. {
  4. var kolekcja = document.getElementsByTagName('input');
  5. for(i=0;i<kolekcja.length;i++)
  6. {
  7. if( kolekcja[i].getAttribute('rel') == 'abc' )
  8. {
  9. kolekcja[i].style.border = '1px #c00 solid';
  10. }
  11. }
  12. }
  13.  
  14. <input type="text" name="jeden" rel="abc" onfocus="_zmien()" />
  15. <input type="text" name="dwa" rel="abc" onfocus="_zmien()"/>


Tu masz taki mały przykład. Pisany z palca więc może coś nie działać ale coś w tym kierunku.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 7.10.2025 - 06:33