[LØST] Iframe! Hvordan klikke en plass slik at iframe åpnes en annen plass?

3 innlegg i emnet

Skrevet (endret)

Hei!

Har laget en side som er enkel og grei med html.

Link her:

Hjemmeside

Hvordan ser koden ut, om jeg skal ha den inn på den knappene for at

iframen skal åpnes i midten??

Koden er her:

<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onload="MM_preloadImages('i/ansatte_r.gif','i/bestilling_r.gif','i/hjem_r.gif','i/linker_r.gif','i/kontakt_r.gif')">
<div id="Layer11"><a href="om oss.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','i/ansatte_r.gif',1)"><img src="i/ansatte.gif" name="Image12" width="123" height="22" border="0" id="Image12" /></a></div>
<div id="Layer3"><img src="i/header.jpg" width="753" height="148" /></div>
<p>&nbsp;</p>
<div id="Layer2"><img src="i/left.jpg" width="173" height="430" /></div>
<p>&nbsp;</p>
<div id="Layer1"><img src="i/middlerightWHITE.jpg" width="580" height="305" /></div>
<div id="Layer4"><img src="i/middle.jpg" width="753" height="294" /></div>
<div id="Layer5"><img src="i/under.jpg" width="580" height="126" /></div>
<div id="Layer7"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image14','','i/hjem_r.gif',1)"><img src="i/hjem.gif" name="Image14" width="123" height="22" border="0" id="Image14" /></a></div>
<div id="Layer12"><a href="linker.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','i/linker_r.gif',1)"><img src="i/linker.gif" name="Image16" width="123" height="22" border="0" id="Image16" /></a></div>
<div id="Layer13"><a href="partnere.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image15','','i/sponsorer_r.gif',0)"><img src="i/sponsorer.gif" name="Image15" width="123" height="22" border="0" id="Image15" /></a></div>
<div id="Layer14"><a href="kontakt.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','i/kontakt_r.gif',1)"><img src="i/kontakt.gif" name="Image17" width="123" height="22" border="0" id="Image17" /></a></div>
<div id="Layer15">
<div align="center">
<p align="left" class="style1 style2">Nyheter</p>
</div>
</div>
<div id="apDiv1"><a href="bestilling.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','i/bestilling_r.gif',1)"><img src="i/bestilling.gif" name="Image13" width="140" height="22" border="0" id="Image13" /></a></div>
<div id="apDiv2">
<iframe src="nyheter.html" width="275%" height="250"> </iframe>
</div>
</html>[/html]

Takk :)

[size=1][color=red]------------------------[/color]

icon13.gif[b]Fra Moderator:[/b]

icon11.gif [b]Emne flyttet: [/b]

Supportforum > Programutvikling > Programmeringsspråk > Visual Basic til

Supportforum > Webutvikling > HTML & XML >

[/size]

Endret av Martin Aleksander
0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet (endret)

Hei! :)

For å få linker til å åpnes i den respektive iframe-en må du angi et navn når du definerer denne:

<iframe name="hovedvindu" src="nyheter.html" width="275%" height="250"> </iframe>
Da kan du angi dette navnet i target-attributteret i a-elementet, slik:
<a href="side.html" target="hovedvindu">Side</a>

Vil bare gjøre deg oppmerksom på at iframe er en teknologi som utelukker er stor andel av besøkende å se ditt nettsted. :(

Einar :)

Endret av Einar
0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

vil også legge til at firefox har problemer med 100% i iframes. klarer ikke vise mer en 500px om du ikke legger inn en display: block kode i css filen.

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!


Start en konto

Logg inn

Har du allerede en konto? Logg inn her.


Logg inn nå

  • Hvem er aktive   0 medlemmer

    Ingen innloggede medlemmer aktive