✔ iframes mit mouseoverbutton steuern!

[michaham]

Hallo!

Ich möchte innerhalb meines Iframes 3 verschiedene Seiten laden! das menü dafür habe ich ausserhalb des iframes und soll mousover sein!

mit einem normalen button habe ich das schon geschafft:

<iframe src="wordpress/index.php?cat=3" name="myframe" height="900" width="537" scrolling="auto" frameborder="0" marginheight="0" marginwidth="0"></iframe>

<input type="button" value="Deutschland" onClick="myframe.location.href='wordpress/index.php?cat=3'">
        <input type="button" value="Schweiz" onClick="myframe.location.href='wordpress/index.php?cat=4'">
        <input type="button" value="Österreich"

Jetzt möchte ich aber gerne mousover buttons und nicht diese einfachen buttons:

da komm ich nicht weiter. Mousoverbutton ist kein Problem:

<script
language="JavaScript">
<!--
button1= new Image();
button1.src = "menu-images/camden_b1.gif"
button2= new Image();
button2.src = "menu-images/camden_b2.gif"
button1= new Image();
button1.src = "menu-images/camden_b3.gif"
/* usw. für alle Grafiken,
die am Mouse-Over-Effekt beteiligt sind */
//-->
</script>

<a href="wordpress/index.php?cat=3" target="myframe"
onmouseover="parent.myframe.document.canden_b1.src='menu-images/camden_b1.gif';"
onmouseout="parent.myframe.document.canden_b1_over.src='menu-images/camden_b1_over.gif';">
<img src="menu-images/camden_b1.gif"
name="Deutschland"></a>

aber das geht leider eben nicht...

kann da jemand einen Fehler entdecken?
danke
Micha

 

[Sven Mintel]

Moin,...

onmouseover="parent.myframe.document.canden_b1.src='menu-images/camden_b1.gif'

ich nehme mal an, du willst damit das Bild ändern, welches sich in dem Link befindet.

Wenn ja....

• hat das Bild nicht den Namen canden_b1
• befindet es sich nicht in dem iFrame lt. deiner Beschreibung.

Vorschlag:
Weise die Events dem Bild selbst zu, dann kannst du darauf bequem per this zugreifen:

<a href="wordpress/index.php?cat=3" target="myframe">
  <img src="menu-images/camden_b1.gif" 
       name="Deutschland" 
       onmouseover="this.src='menu-images/camden_b1_over.gif'" 
       onmouseout="this.src='menu-images/camden_b1.gif'">
</a>

 

[michaham]

voll super..funktioniert,..danke