✔ iframe Problem

[Clarcie]

Hallo!
Mache gerade meine erste Website.
In dem iframe auf der Seite möchte ich jetzt eine neue Seite photos.html laden und zwar, wenn man auf das image/index2_02-over.gif klickt. Aber leider klappt das gar nicht. Kann mir jemand helfen? Habe auch vergessen eine imagearea zu definieren, kann man das auch ohne? Ich habe schon ein Rollover mit dem Code:

<a href="#"
onmouseover="changeImages('index2_02', 'images/index2_02-over.gif'); return true;"
onmouseout="changeImages('index2_02', 'images/index2_02.gif'); return true;"
onmousedown="changeImages('index2_02', 'images/index2_02-over.gif'); return true;"
onmouseup="changeImages('index2_02', 'images/index2_02-over.gif'); return true;"

und dachte, dass man da noch irgendwie den Link zu einer neuen Seite im iframe einfügen kann. Der Code für den iframe ist folgender:

<iframe src="Home.html" name="inhalt" style="position: absolute; left: 299px; top: 320px; width: 307px; height: 233px; z-index: 1; s overflow: auto; scroll: no" scrolling="no" frameborder="no"> Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der derzeitigen Konfiguration nicht an</iframe>

Vielen Dank schon mal für eure Hilfe! Clarcie

 

[Maik]

Hi,

du musst dem Link im target-Attribut auch den Namen des Zielfensters (iFrames) nennen - also:

<a href="photos.html" target="inhalt">Photos</a>

Zudem muss das Stylesheet für den iFrame folgendermaßen lauten:

style="position: absolute; left: 299px; top: 320px; width: 307px; height: 233px; z-index: 1; overflow: auto;"

Wenn der iFrame nicht scrollfähig sein soll (siehe den Wert no für das Attribut scrolling), dann muß der Wert hidden für die overflow-Eigenschaft gesetzt werden.

 

[Clarcie]

Hallo,
so jetzt habe ich noch target eingefügt. Es funktioniert auch, allerdings funktioniert das Rollover jetzt nicht mehr. Was muss ich verändern, damit es wieder funktioniert Hier der Code für das Rollover:

<a href="#"                                                                                               

onmouseover="changeImages('index2_02', 'images/index2_02-over.gif'); return true;"                    
onmouseout="changeImages('index2_02', 'images/index2_02.gif'); return true;"                          
onmousedown="changeImages('index2_02', 'images/index2_02-over.gif'); return true;"                    
onmouseup="changeImages('index2_02', 'images/index2_02-over.gif'); return true;">                    
<a href="photos.html" target="inhalt">                                                                
<img name="index2_02" src="http://www.tutorials.de/forum/images/index2_02.gif" width="124" height="105" border="0" alt=""></a></td>

(also dieses scr="www.tutorials.de/forum/" hab ich nicht in meinem Code aber es lässt sich hier nicht löschen)
Vielen Dank schon mal
Clarcie

 

[Maik]

Hi,

füg mal die beiden Links zu einem zusammen

<a href="photos.html" target="inhalt" onmouseover="changeImages('index2_02', 'images/index2_02-over.gif'); return true;" onmouseout="changeImages('index2_02', 'images/index2_02.gif'); return true;" onmousedown="changeImages('index2_02', 'images/index2_02-over.gif'); return true;" onmouseup="changeImages('index2_02', 'images/index2_02-over.gif'); return true;"><img name="index2_02" src="images/index2_02.gif" width="124" height="105" border="0" alt=""></a>

 

[Clarcie]

Hej,
also das hatte ich auch schon versucht, allerdings haben sich dann die Bilder auf der Seite verschoben und das Bild /index2_02.gif was 2x da.
Gibt es noch eine andere Lösung
Gracias ! ;-)
Clarcie

// EDIT

Uuups... es ging doch ...
DANKE