IFrames und Bild ändern

tester33

tester33

Erfahrenes Mitglied
Hallo zusammen!

Ich arbeite gerade an einer Homepage, in der ich mit IFrames arbeite. Ich habe ein Menü eingefügt, welches ein Bild ist und werde es mit onmouseover ausstatten. So werde ich für jede Textseite ein neues Bild einfügen müssen. Nun ein Beispiel:
man klickt auf Home, dann soll erscheinen:

- das entsprechende "Home Bild" in welchem Home mit einem Rahmen verstärkt wurde.
- der IFrame Text, blabla...
- wenn man dann über das Menü fährt (onmouseover) soll der Punkt Menü angewählt bleiben, aber ein Rahmen um den Menüpunkt erscheinen, "über" welchem die Maus gerade ist.

Hier mal mein bisheriger Code:


<html>
<body>

<img src="menue_ohne benutzerdefinierung.jpg" align="center" border="0" name="home">

<div style="text-align:center;">
<iframe src="startseite.htm" name="Anzeige" width="70%" height="50%" frameborder="0" marginheight="10" marginwidth="10">
</div>
<p>Ihr Browser kann leider keine IFrames anzeigen</p>
</iframe>

</body>
</html>



MfG
Simon
 
Danke für die schnelle Antwort!
Das Problem ist folgendes:

Die Textseite auf der man nun im Moment gerade ist, z.B. Home wird oben markiert. Dann will man aber z.B. auf Kontakt, wenn man mit der Maus darüber ist bleibt das "Home" markiert, aber "Kontakt" wird umrandet. Dies wäre kein Problem aber ich mache es mit einem Bild,. Ich kann den Iframe Inhalt ändern, die Bilder?

MfG
Simon
 
Ja, das wäre wohl so was ähnliches. Danke!
ich werde nun daran arbeiten, wenn ich keine Fragen mehr habe schliesse ich den Thread.

MfG
Simon

Nun sieht es so aus, aber irgendwie funktioniert das nicht...

HTML: 
<!-- Grafiken vorladen -->
<script type="text/javascript">
<!--
image1 = new Image();
image1.src = "menue_ohne benutzerdefinierung.jpg";
image2 = new Image();
image2.src = "menue_markierung home.jpg";
image3 = new Image();
image3.src = "link3.jpg";
//-->
</script>

<body>

<img src="menue_ohne benutzerdefinierung.jpg" align="center" border="0" name="home">
<p>
  <a href="startseite.htm" target="Anzeige" onclick="start.src='menue_ohne benutzerdefinierung.jpg'"><b>home</b></a><br>
  <a href="hobbys.htm" target="Anzeige" onclick="start.src='menue_markierung home'"><b>Hobbys</b></a>
</p>


<div style="text-align:center;">
<iframe src="startseite.htm" name="Anzeige" width="70%" height="50%" frameborder="0"  marginheight="10" marginwidth="10">
</div>
  <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen</p>
</iframe>

</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
Deine vergebenen Namen für das Bildobjekt stimmen auch nicht überein (home vs. start).

mfg Maik
 
Ist das nicht korrekt?


HTML: 
<!-- Grafiken vorladen -->
<script type="text/javascript">
<!--
image1 = new Image();
image1.src = "menue_ohne benutzerdefinierung.jpg";
image2 = new Image();
image2.src = "menue_markierung home.jpg";
image3 = new Image();
image3.src = "link3.jpg";
//-->
</script>

<body>

<img src="menue_ohne benutzerdefinierung.jpg" align="center" border="0" name="start">
<p>
  <a href="startseite.htm" target="Anzeige" onclick="start.src='menue_ohne benutzerdefinierung.jpg'"><b>home</b></a><br>
  <a href="hobbys.htm" target="Anzeige" onclick="start.src='menue_markierung home'"><b>Hobbys</b></a>
</p>


<div style="text-align:center;">
<iframe src="startseite.htm" name="Anzeige" width="70%" height="50%" frameborder="0"  marginheight="10" marginwidth="10">
</div>
  <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen</p>
</iframe>

</body>
 
Bis auf den fehlenden Dateityp .jpg bei "menue_markierung home" schon ;-)

Leerzeichen sollten zudem in Dateinamen vermieden werden.

mfg Maik
 
Danke vielmal!
Endlich funktioniert es!
Ich werde den Thread aber noch ein bisschen offen lassen, ich werde wohl noch einige Fragen später haben.
Ist es eigentlich so, wenn der Browser etwas nicht lesen kann dass er es einfach ignoriert?
So zeigt er einfach z.B. Iframes nicht an?
 
Könnte eventuell daran liegen, weil du den schliessenden </div>-Tag nicht im Anschluß an den </iframe>-Tag notiert hast.

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück