Iframe et taille

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Iframe et taille

masseur

Bonjour.

Je m'occupe de la maintenance d'un site web.
Chaque lien s'ouvre dans une iframe possédant une taille bien spécifique.

Je dois rajouter une nouvelle page assez haute, comment faire ceci?
Si je met du 100% ca ne fait rien.

Il n'y a pas moyen de faire une iframe qui s'auto adapte à la page qu'il doit afficher?
Autre solution : peux etre faire un lien ou on pourrait spécifier la taille de l'iframe dans laquelle la nouvelle page doit s'afficher?

Si vous avez des solutions je suis preneur.

Cordialement

Publicité

gatsu35

Blablaté par Harko

il n'est pas possible d'acceder au contenu d'une iframe
seule l'iframe peut acceder au contenu de son parent

j'ai fait ca pour une demande à la con d'un client :
sur la page qui est appelée tu fais ça :

Code :

<body onload="IframeStruct('iframe1');">

dans la page qui contient l'iframe, tu met un id sur l'iframe, ici c'est iframe1

Code :

<iframe id="iframe1">

et la fonction Javascript qui va avec :

Code :

function IframeStruct(iframeid) {
if (!window.parent) return;
var myiframe = window.parent.document.getElementById(iframeid);
if(!myiframe) return;
myiframe.style.height = document.getElementsByTagName("body" )[0].scrollHeight+"px";
}

masseur

Oula, sous firefox ca fait rien en tout cas.

gatsu35

Blablaté par Harko

colle le code de chaque page que tu as modifié
car mon coco ce truc fonction sous tous les navigateur (gros projet oblige et lcient con oblige)

masseur

ok je copie colle.

Code :

<script language="JavaScript" type="text/JavaScript">
function IframeStruct(iframeid) {
if (!window.parent) return;
var myiframe = window.parent.document.getElementById(iframeid);
if(!myiframe) return;
myiframe.style.height = document.getElementsByTagName("body" )[0].scrollHeight+"px";
}
</script>

Ensuite

Code :

<body onload="IframeStruct('iframe1');" bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

Et pour finir

Code :

<iframe id="iframe1" scrolling ="no" src="about.htm" height="100%" width="100%" frameborder="0"></iframe>

Sous IE ca ne s'ouvre meme pas dans la frame!!!!!!!

merci

Message édité par masseur le 20-07-2006 à 12:44:54

gatsu35

Blablaté par Harko

On admet 2 pages
page appelante (celle qui contient la balise iframe)
et page appelée (celle qui est appelée dans l'iframe)

Dans la page appelant tu met juste un id sur l'iframe, et tu vires ton height:100%

dans la page appelée tu colles le code Javascript (ou bien tu fais appel à ce code via un fichier .js joint)
et tu met aussi le onload="IframeStruct('iframe1');" dans cette page.

et au passage tu me colle tout le code HTML de la page appelante et tout le code html de la page appelée, merci [:petrus75]

masseur

Je viens de faire les modifications.

Ma page appelante.

Code :

<html>
<head>
<title>Masai Leisure</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/css%20sheet.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body,td,th {
color: #FFFFFF;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a:active {
text-decoration: none;
}
#flash {
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape" )&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="Layer1" style="position:absolute; left:529px; top:479px; width:365px; height:35px; z-index:1"></div>
<table width="100%" bgcolor="#DA251D" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="images/Website_01.gif">
<tr>
<td>
<table width="938" height="496" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td width="53" height="495" rowspan="8"></td>
<td colspan="7" background="Images/Website_24.gif"><div id="flash"><center><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="786" height="114">
<param name="movie" value="banniere.swf">
<param name="quality" value="high">
<embed src="banniere.swf" width="786" height="114" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed></object>
</center>
</div></td>
<td width="71" height="495" rowspan="8">  </td>
</tr>
<tr>
<td colspan="2">
<p><img src="images/Website_02.gif" alt="" width="272" height="33"></p> </td>
<td colspan="3">
<img src="images/Website_03.gif" width="271" height="33" alt=""></td>
<td colspan="2">
<img src="images/Website_04.gif" width="272" height="33" alt=""></td>
</tr>
<tr>
<td width="16">
<img src="images/Website_06.gif" width="16" height="27" alt=""></td>
<td height="27" colspan="5" background="images/Website_07.gif" class="menu-text"><font color="#FFFFFF"><font color="#FFFFFF"> <a href="about.htm" target="iframe">accueil</a> <font color="#FF0000">|</font></font> <a href="aboutus.html" target="iframe">qui sommes-nous?</a> <font color="#FF0000">|</font> <a href="news.html" target="iframe">news</a> <font color="#FF0000">|</font>
<a href="http://france.masai-products.com/fr/quad/" target="_blank">quads</a> <font color="#FF0000">| </font><a href="http://france.masai-products.com/fr/dirtbikes/" target="_blank">Dirtbikes</a> <font color="#FF0000">|</font> <a href="funstuff.html" target="iframe">espace fun</a> <font color="#FF0000">|
</font><a href="http://www.tribu-masai.com ">tribu</a> <font color="#FFFFFF"><font color="#FF0000">|</font></font><a href="contactus.html" target="iframe"> contactez-nous
</a></font></td>
<td width="18">
<img src="images/Website_08.gif" width="18" height="27" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/Website_09.gif" width="272" height="35" alt=""></td>
<td colspan="3">
<img src="images/Website_10.gif" width="271" height="35" alt=""></td>
<td colspan="2">
<img src="images/Website_11.gif" width="272" height="35" alt=""></td>
</tr>
<tr>
<td> <img src="images/Website_12.gif" width="16" height="292" alt=""></td>
<td height="292" colspan="5"><iframe id="iframe1" scrolling ="no" src="about.htm" frameborder="0"></iframe> </td>
<td>
<img src="images/Website_14.gif" width="18" height="292" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/Website_15.gif" width="272" height="42" alt=""></td>
<td colspan="3">
<img src="images/Website_16.gif" width="271" height="42" alt=""></td>
<td colspan="2">
<img src="images/Website_17.gif" width="272" height="42" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/Website_18.gif" width="16" height="66" alt=""></td>
<td height="23" colspan="5" background="images/Website_19.gif">
<div align="right" class="menu-text"><font color="#FFFFFF"><font color="#FFFFFF"><font color="#FFFFFF"> <a href="revendeurs.php" target="iframe1">soutenez la tribu masai</a> <font color="#FF0000">|</font></font> <a href="dealernetwork.html" target="iframe">réseau de distributeurs agrées</a> <font color="#FF0000">|</font> <a href="sitemap.html" target="iframe">plan du site</a></font></font></div></td>
<td rowspan="2">
<img src="images/Website_20.gif" width="18" height="66" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/Website_21.gif" width="260" height="43" alt=""></td>
<td width="261">
<img src="images/Website_22.gif" width="261" height="43" alt=""></td>
<td colspan="2">
<img src="images/Website_23.gif" alt="" width="260" height="43" onload="MM_openBrWindow('popup.html','','width=330,height=330')"></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="53" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="16" height="1" alt=""></td>
<td width="256">
<img src="images/spacer.gif" width="256" height="1" alt=""></td>
<td width="4">
<img src="images/spacer.gif" width="4" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="261" height="1" alt=""></td>
<td width="6">
<img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td width="254">
<img src="images/spacer.gif" width="254" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="52" height="1" alt=""></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

et la page qui doit apparaitre dans la frame

Code :

<html>
<head>
<title>REVENDEURS DERBI</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="fr, ca, ch, be">
<meta name="language" content="fr, ca, ch, be">
<meta name="description" content="Derbi, une gamme complète de scooters, motos et quads de 50, 125, 250 et 660 cm3: scooter Atlantis, scooter GP1 Racing, moto Senda R, moto Senda SM, moto GPR Nude, moto GPR Racing, moto Mulhacén et quad DXR.
">
<meta name="Keywords" content="motos, moto, motos, derbi-france, GP1 racing, atlantis 27, atlantis 4t, Gp max 125, gp max 250, senda sm drd pro, senda sm drd edition, senda sm drd racing, senda sm x-treme, senda sm x-race, senda drd pro, senda r drd racing, gpr nude, gpr racing, senda r 125, senda sm 125, dirt boy 10, dirt kid 12, quad, drx 250, mini moto, mini motos, revendeurs derbi">
<meta name="Revisit-after" content="15 days">
<meta name="Identifier-URL" content="http://www.derbi-france.fr">
<link href="css/css.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/css%20sheet.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body,td,th {
color: #FFFFFF;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a:active {
text-decoration: none;
}
#flash {
}
-->
</style>
<script type="text/javascript" src="infobulle.js"></script>
<script language="Javascript" type="text/javascript">
function verif_nombre(champ)
{
var chiffres = new RegExp("[0-9\]" );
var verif;
for(x = 0; x < champ.value.length; x++)
{
verif = chiffres.test(champ.value.charAt(x));
if(verif == false){champ.value = champ.value.substr(0,x) + champ.value.substr(x+1,champ.value.length-x+1); x--;}
}
}
</script>
<script language="JavaScript">
function sendData(data, page, method)
{
if(document.all)
{
//Internet Explorer
var XhrObj = new ActiveXObject("Microsoft.XMLHTTP" ) ;
}
else
{
//Mozilla
var XhrObj = new XMLHttpRequest();
}
var content = document.getElementById("contenu" );
if(data == 'null')
{
XhrObj.open("GET", page, true);
}
else
{
XhrObj.open("GET", page+"?"+data, true);
}
XhrObj.onreadystatechange = function()
{
if (XhrObj.readyState == 4 && XhrObj.status == 200)
content.innerHTML = XhrObj.responseText ;
}
XhrObj.send(null);
}
</script>
<script language="JavaScript" type="text/JavaScript">
function IframeStruct(iframeid) {
if (!window.parent) return;
var myiframe = window.parent.document.getElementById(iframeid);
if(!myiframe) return;
myiframe.style.height = document.getElementsByTagName("body" )[0].scrollHeight+"px";
}
</script>
<style type="text/css">
<!--
body {
background-image: url(images_home/fondderbi.jpg);
background-repeat: repeat-x;
}
-->
</style></head>
<body onload="IframeStruct('iframe1');" bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="990" border="0" cellpadding="0" cellspacing="0" background="fond_revendeur.jpg">......

Et malgrès tout je n'y arrive toujours pas.

Message édité par masseur le 20-07-2006 à 13:34:48

gatsu35

Blablaté par Harko

vu la gueule de merde de ta page tu m'etonnes que ca marche pas [:moule_bite]
tout est fixé en hauteur dans ta page

et quand bien même ca devrait fonctionner sous IE

j'opterai pour un javascript de merde mal branlé qui ferait une erreur js dans ta page et du coup mon JS ne se lancerait pas [:petrus75]

Message cité 1 fois

anapajari

s/travail/glanding on hfr/gs;

\o/ Wéééééh, des iframes, du javascript, des xmlHttpRequest ( dans les iframes )... comment s'trop bien le web2.0 :cry:

Message cité 1 fois
Message édité par anapajari le 20-07-2006 à 14:20:59

gatsu35

Blablaté par Harko

anapajari a écrit :

\o/ Wéééééh, des iframes, du javascript, des xmlHttpRequest ( dans les iframes )... comment s'trop bien le web2.0 :cry:

web 0.2 [:aloy]

Publicité

masseur

gatsu35 a écrit :

Il y a que ce code la qu iagit sur la fame

Code :

<td height="292" colspan="5">

En effet si je met 600 la frame s'agrandi à 600 pxl.
Il y a donc juste cette valeur qui bloque.

Mais même si je la met à 100% ca foire.
Pffffffff ca saoule!!!!!!!!!!!!!

Merci

DrWatson

_@''

seul moyen virer les iframe et faire des div avec overflow si tu tiens aux ascenseurs et là tout s'adapte au contenu niveau taille

gatsu35

Blablaté par Harko

sinon tu vires ta putain de hauteur fixée et tu nous emmerde pas [:petrus75]

Message cité 1 fois

masseur

gatsu35 a écrit :

sinon tu vires ta putain de hauteur fixée et tu nous emmerde pas [:petrus75]

Laquelle de hauteur précise stp.
J'ai essayé de les virer ces putains de hauteur fixe mais ca change rien.

Ca me rends dingue que de voir de si grosses boites faire des sites comme des merdes.
Moi c'est du xhtml strict avec des div à bloc.

Mais la je ne peux pas me permettre de remodifier tout le site.

Message cité 1 fois

gatsu35

Blablaté par Harko

masseur a écrit :

Bon ok bienvenue à toi frère du travail propre.

Ben tu leur dit clairement ceci :
Votre site est fait d'une manière tellement fixe, que c'est limite impossible de faire ce que vous voulez faire, sans refaire entièrement la page appelante de l'iframe.
Et de plus si votre site a du contenu dynamique, cela est impensable d'avoir un layout aussi fixe.

masseur

J'ai refait une page à part, en faisant à ma manière.
VOila c'est reglé.
Merci Gatsu35 pour ton aide.

FORUM HardWare.fr

Programmation

HTML/CSS

Iframe et taille

Sujets relatifs
D'une iframe au xhtml (problème)	[Resolu] [SDL] taille d'une image en px
VBA/Excel : Taille de la police et d'une zone de texte	Problème taille pages sous dreanweaver (urgent !!)
taille d'un flottant	[JS]Taille en pixels d'un texte
Problème de taille d'une iframe	Problème de taille de la barre de défilement sur iframe
[html] iframe qui s'adapte automatiquement a la taille du contenu ?	[html] iframe et taille de fenêtre
Plus de sujets relatifs à : Iframe et taille

Page générée en 0.197 secondes