FireFOX + Iframe + onBLur + div Cache/Visible

**EstelleBZH** · 04/12/2006, 18h25

Bonjour,

J'ai un petit soucis sur l'utilisation de l'action onblur sur une iframe sous FireFox.

L'initialisation de ma page:

Code Javascript :

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

1
2
3
4
5
6
7
8
9
10
11
      function gestionQuitterFrame(){
	alert('quitter frame');
    }
 
    function initialiseOnblur(){
	if(document.all){
		document.getElementById("iframe").attachEvent("onblur",gestionQuitterFrame);
	}else{
		document.getElementById("iframe").contentDocument.addEventListener("blur",gestionQuitterFrame,true);
	}
    }

Code HTML :

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

1
2
3
4
5
<body onload="initialiseOnblur();">
	 <iframe id='iframe' src="mapage">
 
	 </iframe>
</body>

Mon 'iframe' comporte des div que je cache ou rend visible suivant différents cas.

Le problème est que l'action onblur est exécutée lorsque je change l'état d'une div cachée à visible (alors que celle ci se trouve dasn l'iframe). Toute ceci sous FireFox. Sous IE pas de soucis

En vous remerciant si quelqu'un possède une piste

**Auteur** · 04/12/2006, 20h18

Bonjour,

c'est curieux un "onblur" sur une iframe. Que souhaites-tu faire ?

**EstelleBZH** · 04/12/2006, 23h34

J'ai un tableau comprenant un ensemble de ligne. Toutes les lignes déclenchent l'ouverture d'un formulaire dans l'iframe. On pourra dans ce formulaire enregistrer les informations de celui ci.

De ce fait, j'ai besoin si on a modifié le formulaire de demander de l'enregistrer si on clic sur une autre ligne avant de l'avoir enregistrer avec le bouton 'enregistrer' du formulaire. D'ou le onblur sur l'iframe pour déclencher ce controle sur la sortie de l'iframe

Voilà

J'espère que c compréhensible

**Auteur** · 09/12/2006, 19h45

Peut-être peux-tu te passer du onblur :
Ta page d'accueil :

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
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function chargeForm(numF)
{
 document.getElementById("idFrame").src="formulaire"+numF+".htm";
}
 
//-->
</script>
 
</head>
 
<body>
<input type="button" value="Form 1" id="idButton1" onclick="chargeForm('1')">
<input type="button" value="Form 2" id="idButton2" onclick="chargeForm('2')">
<input type="button" value="Form 3" id="idButton3" onclick="chargeForm('3')">
 
<iframe id="idFrame" src="blanc.htm">
</iframe>
 
</body>
 
</html>

Page contenant un formulaire :

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
33
34
35
36
37
38
39
40
41
42
43
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
var formulaireOk = false;
function envoiFormulaire(idForm)
{
  if (!formulaireOk)
  {
    if(confirm("Envoyer ce formulaire ?"))
    {
     document.getElementbyId(idForm).submit();
    }
  }
}
function valideFormulaire()
{
  formulaireOk = true;
  return true;
}
//-->
</script>
 
</head>
 
<body onbeforeunload="envoiFormulaire('idForm1')">
 form 1
 
<form id="idForm1" method="post" action="" onsubmit="valideFormulaire()">
 
    <input type="text" value="Par Defaut" id="idText" size="20" maxlength="10"> <br>
 
    <input type="submit" value="Envoyer">
    <input type="reset" value="Effacer">
 
</form>
 
</body>
 
</html>

Lorsque l'utilisateur appuie sur un bouton de la page d'accueil, l'événement onbeforeunload se produit dans la page contenant le formulaire. Dans ce cas l'utilisateur doit confirmer ou non l'envoi du formulaire.

Regarde voir également du côté de la FAQ :
http://javascript.developpez.com/faq/?page=Form

FireFOX + Iframe + onBLur + div Cache/Visible

JavaScript

Vue hybride

Discussions similaires

Partager

Partager