alt Attribut dynamisch entfernen (area-Tag)

[treebeard]

Ich habe bei einer Imagemap diverse area-Tag mit Alt-Attributen. Ich versuche diese mit Javascript zu entfernen:

function remAttr(id)
{
	document.getElementById(id).removeAttribute('alt');
}

<img...>
<map...>
<area shape="rect" coords="12,102,214,122" href="#" id="v3" alt="meinAltTag" onMouseOver="remAttr(this.id)" />

Das klappt allerdings nicht im IE

http://www.validome.org/doc/HTML_ge/...move_attribute
hat mir dazu den Ansatz gegeben...

Hat jemand vielleicht eine Idee wie man das alt-Attribut aus dem area-Tag löschen kann?

[marc22]

Geht denn:
document.getElementById(id).alt = '';

?

[treebeard]

Das geht genauso wenig. Übrigens habe ich gemerkt, dass es nur beim ersten Überfahren mit der Mouse nicht funktioniert.
Demnach scheint etwas mit der Ladereihenfolge des JavaScripts nicht zu funktionieren. Im IE scheint zuerst der alt-Attribut ausgewertet zu werden, dann das onmouseover-Event. Danach klappt es wie gewünscht. Es sollte aber direkt beim ersten mal ohne alt-Tooltip aufgerufen werden.
Gibt es evtl. eine andere Möglichkeit (JavaScript) das alt-Attribut zu unterdrücken?

[rewboss]

Bevor wir weiter in die komplexe Welt des JavaScripts eintauchen, warum willst du die alt-Attribute entfernen?

[treebeard]

Eigentlich wollte ich diese Diskussion hier herauslassen. Da Du aber schon fragst hier eine kurze Erklärung:

Ich habe ein Tooltip-Skript (Dom Tooltip - MojaveLinux.com - http://www.mojavelinux.com/projects/domtooltip/) in ein area-Tag als mouseover eingebaut. Wenn ich mit der Maus über den Link fahre wird sowohl das alt-Attribut als Tooltip, als auch ein DomTT-Tooltip angezeigt. Benutzern ohne Javascript wollte ich zumindest das Alt-Attribut als Tooltip überlassen, Benutzern mit eingeschaltetem JavaScript sollten in den vollen Funktionsumfang des gestylten Tooltips kommen.

[marc22]

Dann mach doch das alt-tag mittels onload weg..

[treebeard]

onload lässt sich soweit ich weiß nicht auf area-Tags anwenden.
Aber ich denke, in diese Richtung geht es. Ich werde einfach die alt-Tags in einem script-Block am Ende der Seite löschen, ohne dass eine mouseover-Funktion aufgerufen wird.
Hätte ja sein können, dass es noch andere, evtl. elegantere Methoden gibt.
Danke auf jeden Fall schon mal an alle fürs Problem lösen.

[treebeard]

Das hat nun auch geklappt. Hier der Codeschnipsel:

<script language="javascript" type="text/javascript">
<!--
function remAttr()
{
	for(i=0;i<=7;i++)
	{
		id = 'v'+i;
		document.getElementById(id).removeAttribute('alt');
		alert(id+'-alt:'+document.getElementById(id).alt);
	}
	
}
remAttr();
-->
</script>

und das zugehörige HTML-Markup:

<img...>
<map...>
<area shape="rect" coords="12,102,214,122" href="#" id="v0" alt="meinAltTag" onMouseOver="meineEigeneTTFunktion()" />
.
.
.
<area shape="rect" coords="216,123,303,141" href="#" id="v7" alt="meinAltTag" onMouseOver="meineEigeneTTFunktion()" />
</map>

[rewboss]

Zitat von treebeard

Eigentlich wollte ich diese Diskussion hier herauslassen.

Es ging nicht um eine Diskussion, sondern darum, dass es möglicherweise eine einfachere Methode geben könnte. Ich wollte eigentlich den Trick mit title="" vorschlagen, aber da du meinst

Benutzern ohne Javascript wollte ich zumindest das Alt-Attribut als Tooltip überlassen

wird dir der Trick nicht helfen.

[treebeard]

Okay, verstehe. Vielen Dank.

[designfanatiker]

Zitat von treebeard

Benutzern ohne Javascript wollte ich zumindest das Alt-Attribut als Tooltip überlassen [...]

Das Alt-Attribut als Tooltip darzustellen ist eine Eigenheit des IE.