Hallo,
mein Problem ist folgendes: Mit Hilfe eines maps und eines onmouseover- und onmouseoutevents sollte ein Wechsel des Hintergrundbildes in einigen DIV_Kontainern herbeigeführt werden. Das klappte auch. Ich hab den DIVs der Reihe nach Ids von 1 bis 14 gegeben und die Hintergrunddateien entsprechend benannt (also zum Beispiel "hover_1.gif" und der div-kontainer mit der id=1 gehörten dann zusammen.) Nun hab ich aber gemerkt, dass es nicht erlaubt ist, dass eine ID nur aus Ziffern besteht. Also hab ich einfach alle Zahlen in Buchstaben umgeschrieben und auch die Dateien umbenannt. (also heißt die neue id jetzt a und die dazugehörige datei "hover_a.gif")
Doch nun klappt es nicht mehr. Ich hab am Scriptcode nichts geändert, alles ist so geblieben wie es ist. Die id wird in eine Variable übergeben und diese dann für das Aufrufen der Datei verwendet.
hier der HTML-Code (an einem Beispiel):
und hier der Javascriptcode:
Ich hoffe, ich hab es verständlich beschrieben und natürlich, dass mir jemand helfen kann.
Ich bedanke mich schon im Voraus
Kelly
mein Problem ist folgendes: Mit Hilfe eines maps und eines onmouseover- und onmouseoutevents sollte ein Wechsel des Hintergrundbildes in einigen DIV_Kontainern herbeigeführt werden. Das klappte auch. Ich hab den DIVs der Reihe nach Ids von 1 bis 14 gegeben und die Hintergrunddateien entsprechend benannt (also zum Beispiel "hover_1.gif" und der div-kontainer mit der id=1 gehörten dann zusammen.) Nun hab ich aber gemerkt, dass es nicht erlaubt ist, dass eine ID nur aus Ziffern besteht. Also hab ich einfach alle Zahlen in Buchstaben umgeschrieben und auch die Dateien umbenannt. (also heißt die neue id jetzt a und die dazugehörige datei "hover_a.gif")
Doch nun klappt es nicht mehr. Ich hab am Scriptcode nichts geändert, alles ist so geblieben wie es ist. Die id wird in eine Variable übergeben und diese dann für das Aufrufen der Datei verwendet.
hier der HTML-Code (an einem Beispiel):
Code:
<div class="vogel" id="a"></div> <!-- der DIV-Kontainer in dem der Hintergrund gewechselt werden soll -->
<map name="map_vogel" id="map_vogel"> <!-- die area, mit der die function aufgerufen wird -->
<area title="About" shape="poly" coords="..." href="about.html" alt="über uns" onmouseover="sichtbar(a)" onmouseout="unsichtbar(a)" />
</map>
und hier der Javascriptcode:
Code:
function sichtbar(nummer) {
document.getElementById(nummer).style.background="url(navi/hover/hover_"+nummer+".gif)";
document.getElementById(nummer).style.display="block";
document.getElementById("fenster").style.background="url(navi/schrift/schrift_"+nummer+".png)";
document.getElementById("fenster").style.backgroundRepeat="no-repeat";
document.getElementById("fenster").style.backgroundPosition="center";
document.getElementById("fenster").style.paddingTop="2px";
}
function unsichtbar(nummer)
{
document.getElementById(nummer).style.display="none"; /*es ist Absicht, dass der kontainer komplett ausgeblendet wird*/
}
Ich hoffe, ich hab es verständlich beschrieben und natürlich, dass mir jemand helfen kann.
Ich bedanke mich schon im Voraus
Kelly