Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1217 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  iframes dans iframe avec width en %

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

iframes dans iframe avec width en %

n°1151657
darkkrab
Posté le 17-07-2005 à 02:09:50  profilanswer
 

Quand je mets ce script dans une iframe, les iframes n'ont pas toutes la même largeur lorsqu'elles sont en pourcentage. Ça cause problème sous IE avec certaine grandeur de fenêtre. Faîtes des test vous allez voir le problème.

Code :
  1. <html>
  2. <head> 
  3. <style>
  4. .switchcontent{
  5. height:205px;
  6. width:90%;
  7. display:none;
  8. border:2px #990000 solid;
  9. }
  10. </style>
  11. <script type="text/javascript"> 
  12. <!--
  13. function checkLinks() { 
  14.     if(!document.getElementsByTagName) 
  15.         return; 
  16.     var Menulinks = document.getElementsByTagName('A'); 
  17.     for(var i=Menulinks.length-1; i>=0; --i) 
  18.         if(Menulinks[i].className.indexOf('gmessa') != -1) {
  19.             Menulinks[i].href = "javascript:SwitchIframe(\'" + Menulinks[i].title + "\')";
  20.                 Menulinks[i].title = "";
  21.                 } 
  22. }
  23. window.onload = checkLinks;
  26. function SwitchIframe(numeroframe){
  27.     var moniframe = document.getElementById('sc' + numeroframe);
  28.     if (moniframe.style.display=='block' || moniframe.style.display == null) {
  29.         moniframe.style.display = 'none';
  30.     }
  31.     else{ 
  32.         moniframe.style.display = 'block';
  33.         moniframe.src = 'nomuser' + numeroframe + '.htm';
  34.     }
  35. }
  36. //-->
  37. </script>
  38. </head> 
  39. <body>
  40. <a href="#" title="1" class="gmessa">Nom du post 1</a><br> 
  41. <iframe id="sc1" class="switchcontent" frameborder=0 marginwidth=10 marginheight=10></iframe>
  43. <a href="#" title="2" class="gmessa">Nom du post 2</a><br>
  44. <iframe id="sc2" class="switchcontent" frameborder=0 marginwidth=10 marginheight=10></iframe>
  46. <a href="#" title="3" class="gmessa">Nom du post 3</a><br> 
  47. <iframe id="sc3" class="switchcontent" frameborder=0 marginwidth=10 marginheight=10></iframe>
  49. <a href="#" title="4" class="gmessa">Nom du post 4</a><br> 
  50. <iframe id="sc4" class="switchcontent" frameborder=0 marginwidth=10 marginheight=10></iframe>
  52. <a href="#" title="5" class="gmessa">Nom du post 5</a><br> 
  53. <iframe id="sc5" class="switchcontent" frameborder=0 marginwidth=10 marginheight=10></iframe>
  55. </body> 
  56. </html>


Comment faire pour avoir la largeur en pourcentage, sans avoir de problème sous IE? Je suis obligé d'avoir en pourcentage à cause de la résolution des visiteurs.

mood
Publicité
Posté le 17-07-2005 à 02:09:50  profilanswer
 

n°1151663
Lund
Posté le 17-07-2005 à 03:21:58  profilanswer
 

Je sais pas si j'ai de la chance, mais le width:100%; fonctionne sur Firefox et sur IE chez moi, sur ta page.

n°1152045
darkkrab
Posté le 17-07-2005 à 22:02:19  profilanswer
 

Oui, mais pas en 1280x1024 fullscreen. Et si tu fais F5 ça se replace des fois.

n°1152089
darkkrab
Posté le 17-07-2005 à 23:38:03  profilanswer
 

Voici un exemple du problème quand je mets le script dans une iframe.
http://www.freazer.com/perso/darkkrab/img.jpg


Message édité par darkkrab le 17-07-2005 à 23:38:54
n°1152094
Lund
Posté le 17-07-2005 à 23:52:50  profilanswer
 

Ah effectivement, IE oublie de réajuster la taille quand la barre de défilement fait son apparition dans l'iframe. (Screenshot ici)
Peut-être une solution en Javascript ?...

n°1152143
darkkrab
Posté le 18-07-2005 à 05:27:48  profilanswer
 

C'est ce que je cherche.

n°1154241
darkkrab
Posté le 20-07-2005 à 04:25:01  profilanswer
 

Eurêka! Merci pour ceux qui ont cherché sans trouver.

n°1154247
plainsofpa​in
Pingouino's lover
Posté le 20-07-2005 à 08:12:10  profilanswer
 

Surtout, ne donnes pas la réponse, comme ça ceux qui ont le meme problème n'auront pas la réponse à leur question après avoir lu ce topic ...


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1154304
FlorentG
Unité de Masse
Posté le 20-07-2005 à 09:17:21  profilanswer
 

Elles servent à quoi vraiment les iframes ?

n°1154311
plainsofpa​in
Pingouino's lover
Posté le 20-07-2005 à 09:24:24  profilanswer
 

Aucune idée :o
 
Mais si un autre iframien veut faire ca, c'est mieux de donner la solution :o
 
Mais bon ... dans ce cas ci, que personne d'autre ne puisse le faire, c'est pas gênant :D


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
mood
Publicité
Posté le 20-07-2005 à 09:24:24  profilanswer
 

n°1155520
darkkrab
Posté le 21-07-2005 à 03:05:09  profilanswer
 

Un indice, utiliser les <div>

n°1155539
plainsofpa​in
Pingouino's lover
Posté le 21-07-2005 à 08:49:15  profilanswer
 

Darkkrab, c'est pas un jeu de devinettes, hein. Nous on sait le faire, mais d'autres ne savent pas, vont faire une recherche, tomber sur ce post, et ils n'auront pas la réponse.
 
Donc si tu as la réponse, donne la ici afin que ceux qui font une recherche aient la réponse didiou ! :o


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1156180
darkkrab
Posté le 21-07-2005 à 15:52:05  profilanswer
 

D'accord, mais aussi con que cela puisse paraître, j'aurais aimé avoir de l'aide. Mais aussi simple que la solution est, j'ai prouvé que je ne lâche pas si facilement. Fallait juste y penser:

Code :
  1. <style>
  2. .switchcontent{
  3. height:205px;
  4. width:100%;
  5. display:none;
  6. border:2px #990000 solid;
  7. }
  8. </style>
  10. <a href="#" title="1" class="gmessa">Nom du post 1</a><br>
  11. <div style="width:90%;">
  12. <iframe id="sc1" class="switchcontent" frameborder=0 marginwidth=10 marginheight=10></iframe>
  13. </div>

n°1156186
FlorentG
Unité de Masse
Posté le 21-07-2005 à 15:54:49  profilanswer
 

Mais quel interêt d'utiliser des iframes ?


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  iframes dans iframe avec width en %

 

Sujets relatifs
Problème avec le chargement des iframes.Iframe, div ou autre ???
[css] bug IE - border/width[JS] - screen width
Problème pour transformer des iframes en style CSS ?Iframe et CSS
Problème de taille d'une iframeVariable par l'url de l'iframe
pb avec les iframesPb javascript, iframe et firefox
Plus de sujets relatifs à : iframes dans iframe avec width en %

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.059 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR