Discussion :

[JeanJean75]

Bonjour,

J'aimerais faire une Iframe qui s'active au clique d'une image.

Si vous pouvez m'aiguiller.

Merci.

[12monkeys]

Bonjour

Qu'est ce que tu appelle activer ?

Pour rappel HTML est un langage statique, il ne permet pas d'interaction avec l'utilisateur... Ce serait donc plutôt vers javascript qu'il faut se tourner, sous réserve de la question ci dessus.

[JeanJean75]

Je m'explique.

J'ai une image et j'aimerais que lorsque l'on clique dessus, une iframe s'affiche.

J'espère avoir été claire. :p

[CCyrillus]

bonjour

essayer eventuellement avec les selecteurs (cependant pour ce genre de chose ce n'est pas forcement du plus stable )
ex:
html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<div>
<a href="#nop" title="ouvrir l'iframe"	>
<img src='imageacliquer.gif' />
</a>
<iframe id="nop" src="http://google.com"></iframe>
</div>

css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
iframe#nop {display:none;}
a:active + iframe#nop , a:focus  + iframe#nop , iframe:hover {display:block;}

(rien ne t'empeche d'assurer ceci avec un js , pour rendre la chose moins instable ... et compatible avec certains nav récalcitrant )

GC
considere ceci comme une bidouille css, ne t'appuie pas dessus !

[JeanJean75]

Merci de ton intervention, mais il me faudrait cependant une solution très stable !

Si quelqu'un à une autre solution je suis preneur.

Merci CCyrillus pour cette méthode.

[12monkeys]

Je n'y connais rien en javascript mais...

Tu devrais trouver ton bonheur dans la FAQ : http://javascript.developpez.com/faq...SS#affichObjet et tu lance la fonction avec onclick comme dans cet exemple : http://javascript.developpez.com/faq...=Other#objForm

[k1rby]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<img onclick="afficherIFrame();" src="url" alt="txt" />
<iframe id="iframe" src="http://www.google.fr/" style="display:none;">Votre navigateur de supporte pas les iFrames</iframe>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function afficherIFrame(){
    document.getElementById('iframe').style.display='block';
}

[JeanJean75]

Merci k1rby

Cependant, ça ne marche pas, quand je cliques l'image, rien ne s'affiche. :/

[JeanJean75]

Hop !

J'ai rien dit, ça marche, c'est juste moi qui m'était trompé.

Merci merci !