ugrás a tartalomhoz

CSS vagy -class="név"- manipulálása javascripttel?

mazsi · 2005. Jún. 22. (Sze), 22.52
Sziasztok!

Kérdésem a következő:
Megoldható e javasriptel a css mainpulálása?
Konkrétan: megoldható e hogy egérkattintásra -onClick- a javasript lecseréli egy selector értékét display: none -ról display: block -ra?

Ha nem, megoldható e az, hogy a javascript a HTML fájlban ugyancsak egérkattintásra class="xxx" et class="yyy"-ra írja át?
Tehát a TAG class nevét írja át?

köszönöm a válaszokat...
‹ Szöveg+árnyék, negatív "margin"-nal - szabad? Suckerfish legördülő menü kódjának elemzése ›
 ■
1

Igen

PiG · 2005. Jún. 22. (Sze), 23.34
Igen, megoldható.

P][G
3

Igazán frappáns válasz

Hodicska Gergely · 2005. Jún. 23. (Cs), 09.44
Ne legyél disznó ;)


Felhő
2

Kicsit kiegészítve...

Anonymous · 2005. Jún. 23. (Cs), 09.33
Kicsit kiegészítve az elöttem szóló epigrammatikus válaszát: elemobjektum.className tárolja az elemek class-át. Ezen szerintem már el tudsz indulni.

ProClub
proclub##kukac##karinthy.hu
4

stylsheet elérése JS-ből

Hodicska Gergely · 2005. Jún. 23. (Cs), 09.51
Szia!


A fentire is van lehetőséged:
  1. alertStr = '';  
  2. for( i in document.styleSheets[0].rules[0] ) {  
  3.     alertStr += ( '' + i + '->' + document.styleSheets[0].rules[1][i] + "\n" );  
  4.     if ( i == 'style' ) {  
  5.         k = 1;  
  6.         for( j in document.styleSheets[0].rules[1][i] ) {  
  7.             alertStr += ( ' - ' + j + '->' + document.styleSheets[0].rules[1][i][j] + "\t\t\t" );  
  8.             if ( k % 3 == 0 ) alertStr += "\n";  
  9.             k++;  
  10.         }  
  11.     }  
  12. }  
  13. alert( alertStr );  
Felhő
5

biztos ezt akarod?

Jano · 2005. Jún. 23. (Cs), 10.07
Biztos az adott szabalyban akarod atallitani az erteket?
Nem eleg ha csak az elem "inline" stilus szabalyat allitod at! Ezrt hivjak Cascading-nak a CSS-t, mert a specifikusabb felülírja az általánosabb szabályt!

Tehat inkább:

document.getElementById(elementId).style.display = "none";
6

Köszi a válaszokat

mazsi · 2005. Jún. 23. (Cs), 18.16
Köszi a válaszokat sikerült megoldani, és nem is bonyolult. :)
7

@media2005 prezentacio

bur · 2005. Jún. 23. (Cs), 21.17
Jeremy Keith – The Behaviour Layer: Using JavaScript for good, not evil