Trädvy Permalänk
Medlem
Plats
Skellefteå
Registrerad
Jan 2004

Hjälp med Iframe autoheight

Hej försöker få autoheight på min Iframe men har inte fått det att funka än.
hittade en lösning på http://www.lost-in-code.com/programming/jquery-auto-iframe-he... men då hittar jag inte jquery.autoheight.js på http://jquery.com/

all hjälp behövs

Trädvy Permalänk
Medlem
Plats
Göteborg
Registrerad
Jun 2004

Noterade du vad det stod längst ner i artikeln?

Citat:

Please note that this jQuery autoHeight plugin will not work with iFrames accessing content from a different domain or remote location since the window object originating from a different domain cannot be accessed from the current one due to JavaScript security restrictions.

Det betyder att det ändå inte kommer fungera om din sida är http://www.minsida.com och du iframear in något från www.enannansida.com eller ens http://minsida.com (som också räknas som en annan domän, av IE7 tror jag det är).

Annars är det väl bara att köra på? Det jag inte fattar i artikeln är att den säger att man behöver jQuery överhuvudtaget... men man behöver ju inte jQuery för att använda det där scriptet... finns inga jQuery-specifika funktioner anropade såvitt jag kan se. Anyway. Ladda ner scriptet härifrån och följ den enkla instruktionen (lägg till klassen autoHeight till din iframe):
http://lib.mobius.tw/jquery/myplugin/iframe_autoHeight/api.ht...

Trädvy Permalänk
Medlem
Plats
Skellefteå
Registrerad
Jan 2004

jag kan då inte få det att funka. ser ut så här.

Citat:

<?php
include ("admin/connect.php");
include ("admin/page/scms_module_page_render.php");
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Skellefteå Kampidrott</title>

<style type="text/css" media="screen"> /*\*/@import url("css/default.css");/**/ </style>
<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>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.autoheight.js"></script>

<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
</head>

<body id="muay_thai" onload="MM_preloadImages('images/schema_over.png','images/media_over.png','images/muay_thai_over.png','images/brazilian_over.png','images/mma_over.png','images/forum_over.png','images/start_over.jpg')">

<div class="wrapper">

<div class="header">
<h1>Fighters Only</h1>
<a href="index.php"><img src="images/header_muay_thai.jpg" width="960" height="400" alt="" /></a></div>

<div class="menu">
<table border="0" cellpadding="0" cellspacing="0" width="960">
<tr>
<td><a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('start','','images/start_red_over.jpg',1);"><img name="start" src="images/start.jpg" width="82" height="72" border="0" id="start" alt="" /></a></td>
<td><a href="images/ski_schema_2009.jpg" rel="prettyPhoto" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('schema','','images/schema_red_over.png',1);"><img name="schema" src="images/schema.png" width="101" height="72" border="0" id="schema" alt="" /></a></td>
<td><a href="media.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('media','','images/media_red_over.png',1);"><img name="media" src="images/media.png" width="85" height="72" border="0" id="media" alt="" /></a></td>
<td><a href="muay_thai.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('muay_thai','','images/muay_thai_red_over.png',1);"><img name="muay_thai" src="images/muay_thai_red_over.png" width="133" height="72" border="0" id="muay_thai" alt="" /></a></td>
<td><a href="bjj.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('brazilian','','images/brazilian_red_over.png',1);"><img name="brazilian" src="images/brazilian.png" width="232" height="72" border="0" id="brazilian" alt="" /></a></td>
<td><a href="mma.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('mma','','images/mma_red_over.png',1);"><img name="mma" src="images/mma.png" width="232" height="72" border="0" id="mma" alt="" /></a></td>
<td><a href="http://www.fighters-only.se/forum" target="sidebar" onmouseover="MM_swapImage('forum','','images/forum_red_over.png',1);" onmouseout="MM_swapImgRestore()"><img name="forum" src="images/forum.png" width="95" height="72" border="0" id="forum" alt="" /></a></td>
</tr>
</table>
</div>

<iframe id="myframe" name="myframe" class="autoHeight" scrolling="auto" frameborder="0" src="http://www.fighters-only.se/forum/" width="960px"></iframe>

<div class="footer">Copyright © Skellefteå Kampidrott | 2009 | Site made by JAXX-N-MOB</div>
</div>

<?php
mysql_close($connect);
?>

</body>
</html>

Trädvy Permalänk
Medlem
Plats
Göteborg
Registrerad
Jun 2004

Och den HTML som du just postade, ligger den någonstans på www.fighters-only.se ? För annars kommer det, som jag sa innan, inte att fungera.

Trädvy Permalänk
Medlem
Plats
Skellefteå
Registrerad
Jan 2004
Citat:

Ursprungligen inskrivet av azoapes
Och den HTML som du just postade, ligger den någonstans på www.fighters-only.se ? För annars kommer det, som jag sa innan, inte att fungera.

www.fighters-only.se/forum