nicht angemeldet
InnerHTML
Hab das schonmal gefragt, nur die Antwort funktionierte nicht...:(
Also folgendes Problem:
Ich möchte ein Rolloverimage in der Seite haben, und sobald man mit der Maus dadrueber fährt soll zum einen das Bild wechseln (kein Problem) und dann gleichzeitig an einer anderen Stelle der Seite ein Text sich ändern. Also halt von Willkommen auf "Angebote" oder sowas...
Und beim Moveout der Maus soll das alte wieder kommen. Nun wurd mir gesagt ich soll das hier einbinden:
<script type="text/javascript">
<!--
function ersetze_schriftzug (neuertext) {
/* DOM */
if (document.getElementById && document.getElementById("Schriftzug").innerHTML) {
document.getElementById("Schriftzug").innerHTML = neuertext;
} else if (document.all) /* IE4 */
document.Schriftzug.innerHTML = neuertext;
} else {
document.Schriftzug.document.open ();
document.Schriftzug.document.write (neuertext);
document.Schriftzug.document.close ();
}
}
//-->
</script>
und im Body dann:
<div id="Layer2" style="position:absolute; left:325px; top:71px; width:32px; height:26px; z-index:2"><a href="angebote.htm" onMouseOut="MM_swapImgRestore(); ersetze_schriftzug ('www.go-web.de');" onMouseOver="MM_swapImage('Image2','','gfx/buttons/angeboteon.gif',0); ersetze_schriftzug ('Angebote');"><img name="Image2" border="0" src="gfx/buttons/angebote.gif" width="33" height="25"></a></div>
Aber dabei kommt es immer und immer wieder zu einem Fehler.
Wie lässt sich das ganz nun verwirklichen.
Thx im Vorraus.
MfG, Chriss;
-
Hallo,
Und beim Moveout der Maus soll das alte wieder kommen. Nun wurd mir gesagt ich soll das hier einbinden:
Ich bin der Schuldige (ich hab' ihm gesagt, was er einbinden soll)
Da ist ein Typo im JavaScript:<script type="text/javascript">
<!--
function ersetze_schriftzug (neuertext) {
/* DOM */
if (document.getElementById && document.getElementById("Schriftzug").innerHTML) {
document.getElementById("Schriftzug").innerHTML = neuertext;
} else if (document.all) { /* IE4 */^^
<schäm>da fehlte die Klammer</schäm>Grüße,
Christian
-
Hallo,
Ich bin der Schuldige (ich hab' ihm gesagt, was er einbinden soll)
Da ist ein Typo im JavaScript:Was meinst du mit Typo im JS?
<script type="text/javascript">
<!--
function ersetze_schriftzug (neuertext) {
/* DOM */
if (document.getElementById && document.getElementById("Schriftzug").innerHTML) {
document.getElementById("Schriftzug").innerHTML = neuertext;
} else if (document.all) { /* IE4 */
^^
<schäm>da fehlte die Klammer</schäm>Und arghel...nein das dunktioniert auch net, der will und will die kacke net schreiben! :(
MfG, Chriss;
-
Hi,
Was meinst du mit Typo im JS?
Typo = Schreibfehler (in diesem Fall meinerseits)
Und arghel...nein das dunktioniert auch net, der will und will die kacke net schreiben! :(
Bei mir klappts .... Ich häng' mal meinen Quelltext unter's Posting (bei mir hab' ich das Image-Swap rausgemacht, da ich sowieso keine Bilder habe - das Image-Swap müsstest Du also wieder reinmachen). Ach ja: Du _brauchst_ einen <div> mit der ID Schriftzug:
<div id="Schriftzug" style="...">www.go-web.de</div>
Grüße,
Christian
----------------------------------------------------------------------
<html>
<head>
<title>test.html</title>
<script type="text/javascript">
<!--
function ersetze_schriftzug (neuertext) {
/* DOM */
if (document.getElementById && document.getElementById("Schriftzug").innerHTML) {
document.getElementById("Schriftzug").innerHTML = neuertext;
} else if (document.all) { /* IE4 */
document.Schriftzug.innerHTML = neuertext;
} else {
document.Schriftzug.document.open ();
document.Schriftzug.document.write (neuertext);
document.Schriftzug.document.close ();
}
}
//-->
</script>
</head>
<body>
<div id="Layer2"
style="position: absolute; left: 325px; top: 71px; width: 32px; height: 26px; z-index: 2;">
<a href="angebote.htm"
onmouseout="ersetze_schriftzug ('www.go-web.de');"
onmouseover="ersetze_schriftzug ('Angebote');"><img name="Image2"
border="0" src="gfx/buttons/angebote.gif" width="33" height="25"></a></div>
<div id="Schriftzug" style="position: absolute; left: 0px; top: 0px;">www.go-web.de</div>
</body>
</html>
-
-