mit JavaScript ein Bild (Imagemap) mit HTML-Datei ersetzen

[Matthias Apsel]

Om nah hoo pez nyeetz, Contentbiene!

Zwischenzeitlich habe ich auch daran überlegt, ob und wie ich vielleicht mit etwas wie document.write() quasi einen HTML-Baustein (der ja meine Imagemap sein kann) lade, bzw. den einen durch einen anderen ersetze. Theoretisch müsste das doch machbar sein ... so wie ein href eine HTML-Datei durch eine andere ersetzt, gibt es doch bestimmt auch einen Weg mit Javascript HTML-Brocken durch andere HTML-Brocken zu ersetzen. Oder??

Folgendes HTML:

<img ID="Map">  
<div ID="Inhalt1"></div>  
<div ID="Inhalt2"></div>  
...  
<div ID="Blende"></div>

Per JS gibst du dem img eine Klasse, z.B. Inhalt1, die Blende ist ein halbtransparentes, absolut positioniertes div.

CSS

#Map [id=^Inhalt], #Map #Blende {  
  display: none;  
}  
#Map[class=^Inhalt] #Blende {  
  position: absolute;  
  top: 0;  
  right: 0;  
  bottom: 0;  
  left: 0;  
  z-index: 100;  
}  
#Map[class=^Inhalt] #Inhalt1 {  
  position: absolute;  
  ...  
  z-index: 101  
}

ungetestet.

Matthias