AccueilCodesTutorielsForumsEmploiLivresGuide achatConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2009 07 06 01:03:13
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : Hauteur Automatique sur un Object ( pas Iframe ) pour WC3 [ Archives / AU SECOURS !!! ] (Fireflect)

samedi 3 septembre 2005 à 13:25:32 | Hauteur Automatique sur un Object ( pas Iframe ) pour WC3

Fireflect
Bonjours tt le monde voila j'essaye de faire une page avec un objet utilisé comme une Iframe..j'aimerai que l'Iframe et que la page s'ajuste en fonction de la grandeur du contenu de l'Iframe...voici le code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<script type="text/javascript">
function ObjectHeight()
{
var h = 0;
if(document.all) // Internet.Explorer
{
h = document.frames['myIframe'].document.body.scrollHeight;
document.all.myIframe.style.height = h+15;
}
else // fireox.0.9.2 + ; netscape.7.0 +
{
h = document.getElementById('myIframe').contentDocument.body.offsetHeight;
document.getElementById('myIframe').style.height = h+15; 
}
}
</script>
<title>OtherWorlD RPG</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
margin: 0;
padding: 0;
height: 1000em;
}
#contenu{

width:20em;
height:100%;
position:absolute;
left:0;
top:0;

background-color: yellow;
}
-->
</style>
</head>
<body>
<div id="contenu">
<object type="text/html" data="pages/accueil2.html" width="640px" height="100%"></object>

</div>
</body>
</html>
Le code en Javascript au dessus est juste l'autoHeight d'avant car j'avais fait ca avec une Iframe mais ca disait que c'était pas compatible W3C

La hauteur dans le Body est Obligatoir pour que ca soye compatible IE
Donc voila si vous savez m'aider en me plaquant un code qui s'applique sur l'objet ou en modifiant la fonction Javascript pour remplacer Iframe par Object..

Merci Bien de votre compréension Bonne soirée


samedi 3 septembre 2005 à 16:22:19 | Re : Hauteur Automatique sur un Object ( pas Iframe ) pour WC3

Fireflect
C'est moi le code va mais j'ai deu supprimer la ligne de vérification W3C
Et j'ai du mal a trouver une alternative pour Redimentionner avec W3C actif..j'aimerai avoir cette **** de signature!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<script language="Javascript" type="text/javascript" >
function iFrameHeight()
{
var h = 0;
if(document.all) // Internet.Explorer
{
h = document.frames['myIframe'].document.body.scrollHeight;
document.all.myIframe.style.height = h+15;
}
else // fireox.0.9.2 + ; netscape.7.0 +
{
h = document.getElementById('myIframe').contentDocument.body.offsetHeight;
document.getElementById('myIframe').style.height = h+15; 
}
}
</script>

<title>Sans Titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
margin: 0;
padding: 0;

}
#if1{

left:0;
top:0;
overflow:hidden;

}
-->
</style>
</head>
<body onload="iFrameHeight();">
<div id="ifr">
<object id="myIframe" name="if1" data="pages/accueil2.html" width="800" marginheight="0" allowtransparency="true" >Iframe</object>
</div>
</body>
</html>

Si quelqu'un aurai une sollution ce serai simpa

dimanche 4 septembre 2005 à 10:36:04 | Re : Hauteur Automatique sur un Object ( pas Iframe ) pour WC3

coucou747
Réponse acceptée !
ajoutes en CSS

overflow:auto;

In a dream, I saw me, drop dead... U was here, U cried... It was just a deam, if I die, U won't cry, maybe, U'll be happy

[ Lien ]
mercredi 7 septembre 2005 à 17:03:33 | Re : Hauteur Automatique sur un Object ( pas Iframe ) pour WC3

Fireflect
Ui je sais pas j'ai mis un raffraichissement automatique et il va puit je viens de l'enlever et ca marche toujours :/ il bug plus par rapport a ca et je suis incappable de dire pourquoi :(

enfin maintenant le défi c de tout transformer en W3C si vous savez M'aider ;) c pas de refus

<html>
<head>
<script language="Javascript" type="text/javascript" >
function iFrameHeight()
{
var h = 0;
if(document.all) // Internet.Explorer
{
h = document.frames['myIframe'].document.body.scrollHeight;
document.all.myIframe.style.height = h+15;
}
else // fireox.0.9.2 + ; netscape.7.0 +
{
h = document.getElementById('myIframe').contentDocument.body.offsetHeight;
document.getElementById('myIframe').style.height = h+15; 
}
}
</script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
    margin:0px;
    background-image:url('Images/fond.jpg');
    background-attachment:inherit;
    background-position:left;
    margin-top: 0px;
    background-repeat:repeat;
    background-color:#FFFFFF;
    margin-left: 0px;
    margin-bottom: 0px;
    background-position:top;
scrollbar-face-color: #FAF4E4;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #000000;
        height:101%;
}
#ifr{
width:600px;
height:500px;
}
#menu{
    width: 168px;
    height:25px;
    background-color:#000000;
    float:left;
}
.Style5 {font-size: 10px}
-->
</style>
<body  http-equi='refresh'>
<div id="ifr1" align="center">
<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0" style="height:100%;">

    <tr><td bgcolor="#000000"  colspan="2" style="height:131px;background-image:url(Images/Baniere.jpg); background-repeat:no-repeat;"><div align="center"></div></td>
  </tr>
  <tr>
    <td width="168px" rowspan="2" align="left" valign="top" bgcolor="#000000"><div align="center">
        <object type="application/x-shockwave-flash" data="menu.swf" width="168" height="418">
          <param name="movie" value="menu.swf" />
          <p>You need flash player plugin: http://www.macromedia.com/go/getflashplayer</p>
        </object>
    </td>
    <td width="100%" height="100%" align="center" valign="top"  "style="vertical-align:top;">
<p>&nbsp;</p>
              <iframe onLoad="iFrameHeight()" src="pages/accueil.html" id="myIframe" name="if1" width="600" marginheight="0"  height="500" marginwidth="0" frameborder="no" scrolling="no" allowtransparency="true">Iframe</iframe>

  </table>

</div>
</body>
</html>
Voila le code de A à Z
L'iframe est incompatible W3C :s avec Src c space de mettre une iframe sans Src

et quand je le change en Object ...Data.. ben flash délire dessus enfin arrive plus a le gérer ^^ enfin j'vais voir ca tit a petit la..thx...ca ce peu qu'il aye du code inutile a certain endroit j'vais cleaner ca..toute aide est le bienvenu pour le W3C

Bonne journée


Cette discussion est classé dans : iframe, document, body, height, myiframe

Répondre à ce message

Sujets en rapport avec ce message

Passer une variable entre deux composants... [ par WhiteMagus ] Salut.Je repète un différent post qui n'a pas eu de réponse. Mais c'est vraiment important et très urgent. Si quelqu'un voit une soltion à mon problèm Redimensionnement auto iframe en largeur - pb sous FireFoX [ par pico_rasta ] J'utilise 2 codes javascript différents pour le redimensionnemenent automatique d'une iframe dans un page :sous IE :document.all[frame].style.height = Script pour Safari [ par vince1303 ] Bonjour, J'utilise ce script dans un iframe pour redimensionner celle-ci en fonction de son contenu. Ca marche très bien sur IE et Firefox (PC et iframe iframe et iframe [ par tonytruand ] Bonsoir à tous je m'arrache les cheveux sur un truc encore certainement tout bête mais là je coinceen fait je désire accéder au contenu d'un obet (inp un probléme au niveau de défilement [ par alami12 ] Bonjour à tous,Je rencontre un probléme au niveau de défilement à droite de 2 frames  en firefox ,j'ai reussi avec le défilement en haut (Top)voila ce Connaitre la taille du body dans iframe [ par destiny ] Bonjour,J'aimerai savoir comment connaitre la taille du body dans un iframe.J'ai essayer ceci : iframeSls.document.height en sachant que iframeSls et iframe éditable [ par zemele ] Bonjour,On va faire simple, voici mon code qui ne marche pas (il créée l'iframe mais ne lui donne pas le focus et n'est pas modifiable non-plus)functi afficher une zone qu'apres le clic de l'utilisateur [ par mickael56100 ] Bonjour je voudrais afficher un fieldset lorsque l'utilisateur clique sur Mot de passe oublié en dessous du premier.Voici mon code :        Connexion  probléme de firefox [ par debutantnet ] je voudrais  savoir pourqoi ce script ne fonctione  pas en firefox function scrollTwin(f1, f2){ document.frames[f1].document.body.onscroll = function(


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version


Tomtom GO 740 LIVE
Entre 349€ et 508€


Visiter le guide achat

Photothèque Nouveau !

Photo sitges beachPhoto Cockpit Airbus A320
Photo accident de la routePhoto femme, plage, bien être, soleil, vacances, été, détente, repos

Visiter la photothèque


Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,281 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.