Version mit a-Elementen erstellt: in IE nicht korrekt

[Jürgen]

Hallo Gunnar!

Du bist gleichermaßen streng wie hilfsbereit ;-))
Vielen Dank erstmal!

Vorweg mein Zwischenstand:
TEST 5: Version mit Auslesen der Mausposition
TEST 6: Version mit a-Elementen
(ich hab den Code an meine "Wort-Struktur" angepasst um es selbst leichter zu verstehen und vergleichen zu können)

Besser eine Funktion und an der jeweigen Stelle die gerade(!) nötige Fallunterscheidung machen:

if (window.addEventListener)

document.getElementById("balken").addEventListener("click", maus_position, false);
else if (window.attachEvent) // Die Abfrage nicht vergessen!
  document.getElementById("balken").attachEvent("onclick", maus_position_IE);
else // Code für Browser, die weder addEventListener noch attachEvent unterstützen
  document.getElementById("balken").onclick = maus_position;

>   
> In der Funktion maus\_position() dann:  
>   
> `if (e.clientX < (window.innerWidth || document.documentElement.clientWidth) / 2)`{:.language-javascript}  

Super, funktioniert sensationell!  
  

> In HTML 4 ist das @type-Attribut <http://de.selfhtml.org/javascript/intro.htm#javascriptbereiche@title=Pflicht>.  

Erledigt.  
  

> `//<![CDATA[`{:.language-javascript}  
>   
> In HTML 4 ist der Inhalt des 'script'-Elements vom Typ CDATA (im <http://de.selfhtml.org/html/xhtml/unterschiede.htm#script_style@title=Gegensatz> zu XHTML 1), eine solche Kennzeichnung nicht notwendig.  

Ok, CDATA entfernt.  
  

> `J&Uuml;RGEN WIEDNER`{:.language-html}  
> `ZUM MEN&Uuml;`{:.language-html}  
>   
> Es ist [weder notwendig noch sinnvoll](http://www.w3.org/International/questions/qa-escapes#not), 'Ü' als '`&Uuml;`{:.language-html}' zu notieren.  

Hm, macht mein HTML-Editor (NVU) automatisch. Werde ich in der endgültigen Version im Editor bereinigen, danke für den Hinweis.  
  
  

> Es ist auch [nicht](http://forum.de.selfhtml.org/archiv/2009/7/t188567/#m1255902) sinnvoll, im Markup in Majuskeln zu schreiben.  

Ich werd später mal recherchieren, was Majuskel sind ...  
  

> > WEITERE FRAGE (ich bin so frei):  
> > Ist es als Noob schaffbar, per JS die jeweilige Mausposition (noch ohne Klick) auszulesen UND dazu dann per CSS einen jeweils passenden Cursor (links vom Bild "Pfeil-links", rechts vom Bild "PFeil-rechts") anzeigen zu lassen???  
>   
> Hättest du auf [mich](https://forum.selfhtml.org/?t=200965&m=1355138) gehört, als ich sagte „Sinnvoller dürfte aber sein …“, dann wäre das überhaupt kein Problem.  

Ok, hab ich umgesetzt und sogar geschafft, den IE zufrieden zu stellen.  
PROBLEM: Das Foto überdeckt im IE allerdings jeweils die a-Elemente sodass bei Klick auf das Foto selbst nix passiert sondern nur seitlich des Fotos. Hab ich da was falsch gemacht oder is´n Trick notwendig?  
  

> > Wenn ja, nach welchen Schlagworten sollte ich da recherchieren??  
>   
> Nach der CSS-Eigenschaft 'cursor'.  

Na soweit war ich auch schon ;-)