iframe et IERésolu

Question

Bonjour à tous

Voici mon problème : 

J'ai un div qui contient un iframe. Ce div s'affiche par dessus tout le reste de la page, et le reste de l'ecran se grise (comme une popup web 2.0) lorsque l'on clique sur le lien "Lancer la démo". Le but est d'afficher un site externe dans cet iframe, donc j'ai bien rempli le champ src de iframe. 
Sous firefox, c'est parfait la navigation se fait comme il faut.
Cependant sous IE, le site externe est bien affiché, mais lorsque je clique sur un lien de ce site, le lien ne démarre pas tant que je n'ai pas fait sortir la souris du div. En gros pour naviguer, je dois cliquer sur le lien voulu, puis déplacer mon curseur hors du div contenant l'iframe, et là la page se lance.

Je n'arrive pas bien à comprendre pourquoi un tel effet, donc voila pourquoi je m'adresse à vous.

Merci d'avance

aposfa · Accepted Answer

Ok j'ai bien trouvé le problème grace a toi.

Ca venait de mes fonctions fadeIn et fadeOut. Pas de problèmes de nom, mais simplement un probleme d'algorithme qui faisait ramer le pc :$
J'ai refait le principe et la ça fonctionne correctement

Merci

Bul3 · Answer

Bonjour, et pourtant ça baigne... bon testé avec IE8, mais pas de raisons et curieux que ce soit moi qui mette un extrait de code !!!! tu vas me dire que tu ne fais pas comme ça... certes ! mais comme ça ça baigne, donc tu dois avoir une erreur.... je ne sais où !!!! Cordialement [mon Site] [M'écrire] Bul

aposfa · Answer

Merci pour ton bout de code

Pourtant j'ai le meme principe .... voici un extrait :

        
                    ----

                                      Fermer                          
               ,
           
            ----

                                   
               ,
           
       

    

   

#all
{
    background-color:#000000;
    height:100%;
    left:0;
    position:fixed;
    top:0;
    visibility:hidden;
    width:100%;
    z-index:2;
}

#demo
{
    width:1024px;
    visibility:hidden;
    z-index:3;
    position:fixed;
    top:10px;
    left:320px;
}

function showDemo(id,url,h,title)
{
    var object = document.getElementById(id);
    
    document.getElementById("demo_iframe").src = url;
    document.getElementById("demo_iframe").height = h;
    document.getElementById("demo_title").innerHTML = title;

    fadeIn('all',0);
    fadeIn(id,0);
    
    document.getElementById("all").style.visibility = "visible";
    object.style.visibility = "visible";
    object.style.overflow = "auto";
    object.style.height = "auto";
}

function closeDemo(id)
{
    var object = document.getElementById(id);    
    
    object.style.overflow = "hidden";
    reduceDiv(id, object.offsetHeight);
}

Bul3 · Answer

[javascript:void(showDemo('demo','http://www.javascriptfr.com','600','Démonstration')); lien]

function showDemo( id, url, h, title )
{
    var object = document.getElementById(id);
   
    document.getElementById("demo_iframe").src = url;
    document.getElementById("demo_iframe").height = h;
    //document.getElementById("demo_title").innerHTML = title;     //#########

    //fadeIn('all',0);     //#########
    //fadeIn(id,0);     //#########
   
    document.getElementById("all1").style.visibility = "visible";
    //object.style.visibility = "visible";
    //object.style.overflow = "auto";
    //object.style.height = "auto";
}

j'éviterais les name qui ressemblent à ce que le javascrpt/html connaissent !
( all, id ... )

aposfa · Answer

Merci, mais je n'ai pas copié tout mon code, c'est pour ça que certaines choses n'ont rien a voir

fadeIn = fonction qui fait afficher mon div en entrée progressivement en changeant l'opacité.
demo_title = c'est un td qui m'affiche le titre de la démo lancée, mais la je ne l'ai pas copié pour + de lisibilité
et aussi effectivement j'ai mal copié collé mon lien  j'ai oublié la fin :p

En plus en faisant une page test contenant le code que j'ai copié et en enlevant les fonctions dont je n'ai pas copié le code, histoire que ça fonctionne, l'iframe fonctionne correctement...

Je vais continuer a chercher pourquoi IE me fait du tord...

Bul3 · Answer

l'un des 3 ou 4 "trucs" mis en commentaires les name que IE peut ne pas aimer au fait : Navigateurs |Quelques Explications |---- Chrome , contrôler page actuelle / Options pour développeurs / Console Javascript, ---- FireFox , Outils / Console d'erreurs et mieux : télécharger FireBug, ---- Internet Explorer , activer le deboggage : Outils/options Internet/Avancés dans la liste, sous "Navigation" : décocher o Afficher une notification de chaque erreur de script o Désactiver le débogage de Scripts (Internet Explorer) et mieux : télécharger le Debogger IE voir aussi : DebugBar et Companion JS, ---- K-Meleon , utils / Cons, ---- Opera , utils / Asole d'erreurs, ---- Safari , Debug / Show JavaScript Console ° modifier Fichier com.apple.Safari.plist situé dans le répertoire : Support:\Documents and Settings\utilisateur \Application Data\Apple Computer\Safari\Preferences\ y ajouter IncludeDebugMenu ---- enfin, si tu n'es pas encore avec IE8 ( comme c'est en beta ! ... )

Bul3 · Answer

et effectivement avec les quelques "modifs" tout baigne ( IE compris )

Iframe et IE

7 réponses

Votre réponse

Discussions similaires