Sea of Sin / Blog

Vorweg, der Beitrag wird techniklastig, falls jemand Zeitsparen will kann er hier natürlich aufhören zu lesen.

Zu meinem Problem:
Es sollte eine Image Map dynamisch per JavaScript erzeugt und per Mausover kleine Bubbles (Blasen mit Text) angezeigt werden.


Was der IE 6 nicht kann:

• Object.setAttribute('name', 'value');
• CSS Klassen die mit _ anfangen.

Was der IE 7 nicht kann oder nur bedingt:

• Object.setAttribute('name', 'value');

Für CSS Klassen mit _ (Unterstrich) am Anfang gibt es eigentlich nur eine Lösung, einfach darauf verzichten.
Schade eigentlich, da ich temporäre Klassen gerne trenne ...

Für das JavaScript setAttribute Problem gibt es folgende Lösung:
Das Objekt gleich mit dem name-Attribute erstellen.

D.h:

var oElm = null;
var _name = '_NAME';
 
try
{
    oElm = document.createElement( "<ELEMENT name='"+ _name +"'>" );
} catch(e)
{
    if( ! oElm || oElm.name.toLowerCase() != _name.toLowerCase() ) 
    {
        oElm = document.createElement("ELEMENT");
        oElm.setAttribute("name", _name);
    };
};