Fusselchen: CSS dynamisch durch JS ändern

SELF-Forum

CSS dynamisch durch JS ändern

Fusselchen Homepage des Autors
– Informationen zu den Bewertungsregeln

Ja hallo erst mal..

Ich habe folgendes Problem zu lösen:
Auf einer Seite stehen Links. Sobald man mit der Maus drüberhovert, poppt ein Tooltip auf und gibt Erklärungen zu dem jeweiligen Link. So weit, so gut.
Nun soll aber ein Schatten (zumindest im IE) eingeblendet werden. Und je nach Position des Tooltips soll die Position des Schattens variieren, d.h. mal links unten, mal links oben, rechts oben oder rechts unten.

Im Head steht u.A. folgendes:

<style type="text/css">
#tooltip{
position: absolute;
border: 1px solid blue;
padding: 5px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
filter: progid:DXImageTransform.Microsoft.Shadow(color=grey,direction=45);
}
</style>

und ich möchte eben nachträglich nur den Wert der filter-Zeile ändern.

Hat irgendjemand eine Idee?

Beispiel: http://www.drogenpsychose.de/test/leistungentest.htm

Danke und Gruß
Fusselchen

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. CSS dynamisch durch JS ändern

    Fusselchen
    – Informationen zu den Bewertungsregeln

    Hat sich erledigt, hab´s mit

    document.getElementById ('dhtmltooltip').style.filter='progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=225)'

    hinbekommen.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln