Bouton ouverture/fermeture Iframe ?

**Petitcerveau** · 23/02/2008, 09h18

Bonjour à tous,

Mon premier post concerne comme il se doit un p'tit problème

. Mais je suis bien content d'être parmis vous

Voilà un truc autour duquel je tourne depuis 15 jours pour la compatibilité IE/FF/opera.
Note : Les instructions suivantes fonctionnent avec Opera 9.26

La partie JS :

Code :

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

1
2
3
4
5
6
7
8
9
<!-- BUTTON I FRAME JS NOTE EXPLICATION -->
<script language="JavaScript" type="text/javascript">
var current_header = false;
function myiframeshow(mode)
   {
   document.getElementById("myiframe").style.display = mode ? "none" : "";
   current_header =mode ? "" :"none"}
</script>
<!-- end BUTTON I FRAME JS NOTE EXPLICATION -->

L'instruction HTML associée :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!-- I FRAME HTML NOTE EXPLICATION -->
<center>
<button type="button" onclick="JavaScript: myiframeshow('')">
  Afficher Site Allmusic
</button>
<button type="button" onclick="JavaScript: myiframeshow('false')">
  Masquer Site Allmusic
</button>
</center>
<br>
<left>
<IFRAME name="myiframe" style="display:none;" src="http://www.allmusic.com/cg/amg.dll?p=amg&sql=32:amg/info_pages/adv_srch.html" width="1020"  height="320" scrolling="yes" frameborder="0" >
[Votre navigateur ne supporte pas les frames ou est configuré pour ne pas les afficher]
</IFRAME>
</left>
<!-- END I FRAME HTML NOTE EXPLICATION -->

Il s'agit sur mon site d'ouvrir à la demande une Iframe sur un site [allmusic] - mais j'utilise également cette structure dans un autre cas pour ouvrir une Iframe vers un proxy.

Aucun succés avec le code sous FF et IE.

merci de votre aide
H.

**Auteur** · 23/02/2008, 23h45

bonjour,

les balises <left></left> n'existent pas en HTML ;
les balises button non plus (enfin c'est spécifique IE), utilise les input (voir également le code HTML pour écrire du texte dans le bouton) ;
tu fais un document.getElementById() dans ton script pour cibler l'iframe, donc utilise l'attribut id et non name
dans ton script mode est un booléen or tu transmets à la fonction myiframeshow() une chaîne de caractères (les données true et false sont entre guillemets).

Ton code corrigé (et allègé) :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function myiframeshow(etat)
{
    document.getElementById("myiframe").style.display = etat;
}
 
//-->
</script>
 
</head>
 
<body>
 
<input type="button" value="Afficher Site Allmusic"onclick="myiframeshow('block')">
 
<input type="button" value="Masquer Site Allmusic" onclick="myiframeshow('none')">
 
<br>
 
<iframe id="myiframe" style="display:none; width: 1020px; height: 320px" scrolling="yes" frameborder="0" src="http://www.allmusic.com/cg/amg.dll?p=amg&sql=32:amg/info_pages/adv_srch.html">
 
</iframe>
 
</body>
 
</html>

**Erwan31** · 24/02/2008, 01h11

Envoyé par Auteur

[*] les balises button non plus (enfin c'est spécifique IE), utilise les input

Si si Auteur. L'élément Button existe bien et il n'est pas spécifique à IE.

**Petitcerveau** · 24/02/2008, 07h30

Merci d'avoir répondu pendant les vacances Auteur

Ton code revu & corrigé fonctionne parfaitement - j'ai opté pour la première syntaxe "button" qui fonctionne aussi.

Code :

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

1
2
3
4
5
6
<button type="button" onclick="JavaScript: myiframeshow('block')">
  Afficher Site Allmusic
</button>
<button type="button" onclick="JavaScript: myiframeshow('none')">
  Masquer Site Allmusic
</button>

Bon WE
H.

**SpaceFrog** · 24/02/2008, 11h44

On croirait faire de l'archéologie ...

quelle synatxe poussièreuse, pour ne pas dire complètement pourrie

Code :

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

1
2
3
<button type="button" onclick="javascript: myiframeshow('block')">
  Afficher Site Allmusic
</button>

balise button

en plus avec type='button'

plus le javascript: dans le onclick

Bref ...
Voici une syntaxe propre :

Code :

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

<input type="button" onclick="myiframeshow('block');" value=" Afficher Site Allmusic" />

**Petitcerveau** · 24/02/2008, 12h44

SpaceFrog ,
Ne pousse pas trop l'effet de style ... tout est dans mon pseudo

Le conseil d'Auteur est de toute façon est parfaitement opérationnel sous les 3 navigateurs.
H.

**Erwan31** · 24/02/2008, 15h07

Envoyé par SpaceFrog

balise button

Bonjour grenouille de l'espace

Horrible ce smiley!

De mémoire, appart des bugs IE6 de récuperation de valeurs, l'élément
button, de par ses possibilités n'a rien de déplaisant bien au contraire.
Amha ce sont ces bugs IE qui font que l'élément button a été si peu utilisé au profil d'input. Heureusement IE7 à rectifié le tir.

**Auteur** · 24/02/2008, 15h52

Envoyé par Erwan31

Si si Auteur. L'élément Button existe bien et il n'est pas spécifique à IE.

Je rejoins Spacefrog :

Envoyé par SpaceFrog

On croirait faire de l'archéologie ...

quelle synatxe poussièreuse

La balise button, je ne la vois plus dans les pages web.

**Erwan31** · 24/02/2008, 16h02

Envoyé par Auteur

Je rejoins Spacefrog :

La balise button, je ne la vois plus dans les pages web.

Oui c'est vrai que c'est une balise qui n'est plus utilisée peut-être à cause de certains bugs IE...
Mais une fois qu'IE6 ne sera presque plus utilisé, on pourra enfin réimplémenter
cet élément, il n'a rien de propriétaire et ne fait en tout cas pas parti des balises obsolètes ou déconseillées.

Bouton ouverture/fermeture Iframe ?

JavaScript

Discussions similaires

Partager

Partager