✔ mit js den style verändern

[bad taste]

hi leudz..

also die frage is glaub ich ganz einfach zu beantworten:

------
wie greift man mit js auf den style einer class zu?????
------

das problem ist:
ich will eine navigation machen, bei der bei verschiedenen links verschiedene dinge beim onmouseover passieren.....
daher kann ich das schlecht über ein css regeln...
oder kann man "verschiedene" hoover,active etc-klassen definieren mit denen man das lösen kann?????

also ich stelle mir das halt so vor, dass man dem link nen name gibt (also z.b. test) und dann mit dem js so was wie
onmouseover('......style: bold')

also plz help....

thx

//bad taste

 

[Samuel]

hmm

du kannst ganz einfach auf den style zugreiffen:
zB: bei einem div:

document.all['divname'].style.width=100;  -- für ie
document.layers.['divname'].width=100;  -- für ns
document.getElementById('divname').style.width=100;  -- für mozilla

greetZZzz daIllu ;-)

 

[bad taste]

hmm cool danke, das war genau das, was ich brauchte....

so aber zwei fragen hätte ich noch.....

was muss ich denn für "divname" einsetzen um auf einen link zuzugreifen....

also das ganze sollte so in etwa aussehen:

<a href="bla.php" onmouseover('style-kram') onmouseout('stxle-kram')>bla</a>

was muss ich also in für den style-kram genau einsetzen???

und das zweite:
wie kann ich mit php unterscheiden, welcher browser gerade aktiv ist.....??

THX

//benni

 

[Samuel]

die erste frage zeigt deutlich das du nicht verstanden hast wie man auf style's zugreifft. die zweite frage: ich würd die browsererkennung auch via javascript machen. KLeines Browserscriptchen

<script language="JavaScript">
var d=document;
if (d.all) {
   d.location.href="ie.html";
} else if ((!d.all) && (d.getElementById)) {
   d.location.href="mozilla.html";
} else if (d.layers) {
   d.location.href="netscape.html";
} else {
   d.location.href="default.html";
}
</script>

greetZZzz daIllu ;-)

 

[kinsh]

ist zwar bischen alt das thema aber sonst nix gefunden mit onmouseoverund class verändern

Also wieder TOP hiermit =)

ich habe eine <img> in einer Zelle die soll bei onmouseover eine andere class erhalten
was ich bis jetzt habe ist das hier

<td height="75" onMouseOut="style.class='Fnormal'" onMouseOver="style.class='Ftrans'"><div align="center"><img  src="gfx/Banner.jpg" width="468" height="60"></div></td>

in der css

/* Halbdurchsichtig */
.Ftrans
{
width: 100%;
filter:alpha(Opacity=50, FinishOpacity=50,,,,,); 
-moz-opacity: 50%
}

/* wieder normal */
.Fnormal{
width: 100%;
filter:alpha(Opacity=100, FinishOpacity=100,,,,,); 
-moz-opacity: 100%
}

geht nicht ich weis nicht weiter ... :*(

nebenbei weis ich nicht einmal ob Fnormal überhaupt funktioniert aber ftrans soltle funktionieren

 

[Sven Mintel]

onMouseOver="this.className='Ftrans';"

 

[Maik]

geht nicht ich weis nicht weiter ...

In dem Element muss mit dem Attribut class= auch eine der beiden CSS-Klassen referenziert werden ;-]

<td class="Fnormal" onmouseover="this.className='Ftrans'" onmouseout="this.className='Fnormal'">...</td>

 

[kinsh]

ja danke hat geklappt


Edit:
Bin leider net themen starter

aber Erledigt