[JS/CSS] zmiana w stylu Opcje

[zuraw84]

witam,
mam klase css

[HTML] pobierz, plaintext 
.klasa{
  border: 0px;
}
[HTML] pobierz, plaintext 

i jakies pole

[HTML] pobierz, plaintext 
<input type="text" class="klasa" />
[HTML] pobierz, plaintext 

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

[nospor]

style.border=.... :

[HTML] pobierz, plaintext 
<input id="test" class="klasa"/>
<a href="#" onclick="document.getElementById('test').style.border='1px solid black';return false;">zmien border</a>
[HTML] pobierz, plaintext 

[zuraw84]

style.border=.... :

[HTML] pobierz, plaintext 
<input id="test" class="klasa"/>
<a href="#" onclick="document.getElementById('test').style.border='1px solid black';return false;">zmien border</a>
[HTML] pobierz, plaintext 

ok, ale tego wlasnie chcialem uniknac
bo majac 1000 elementow musial bym kazdemu id nadawac
a jak bym mogl dostac sie do klasy css zmienil bym to tylko w jednym miejscu

[jarrod]

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:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function _zmien()
{
     var kolekcja = document.getElementsByTagName('input');
     for(i=0;i<kolekcja.length;i++)
     {
           if( kolekcja[i].getAttribute('rel') == 'abc' )
          {
                  kolekcja[i].style.border = '1px #c00 solid';
           }
     }
}
</script>
 
<input type="text" name="jeden" rel="abc" onfocus="_zmien()" />
<input type="text" name="dwa" rel="abc" onfocus="_zmien()"/>
[HTML] pobierz, plaintext 

Tu masz taki mały przykład. Pisany z palca więc może coś nie działać ale coś w tym kierunku.

[zuraw84]

oki,
wielkie dzieki za przyklad
szkoda ze nie mozna arkusza edytowac,
tak sadzilem ze tego nie da sie inaczej zrobic niz iteracja po elementach
dzieki

Ten post edytował zuraw84 9.10.2007, 10:53:46

[nevt]

Możesz przygotować kilka wersji arkusza i w JavaScript decydować która wersja ma się załadować dla stronki... Ale to zadziała tylko przy ładowaniu stronki...

Pozdrawiam.

[vokiel]

Żeby było można zmienić inne właściwości i nie grzebać potem w js proponuję zrobić tak:

[HTML] pobierz, plaintext 
.klasa{
  border: 0px;
}
.klasa_po_zmianie{
  border: 0px;
}
[HTML] pobierz, plaintext 

a w js od jarrod

[HTML] pobierz, plaintext 
kolekcja[i].className = "klasa_po_zmianie";
[HTML] pobierz, plaintext 

Wtedy będzie łatwiej dokonać jakiś zmian w wyglądzie.

btw @jarrod niezły pomysł, i like it