Discussion :

[jep33]

Je remarque une différence entre la balise <input> et la balise <button type=‘submit’> que j'utilise pour fermer ma fenêre.

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
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
 
 
<form>
<button type="submit" onClick="javascript:valider()">
</form>
 
<script type="text/javascript" language="javascript">
var i=0;
var IsIE=!!document.all,timer;
 
function valider() 
{
…
closeModal();
}
 
function closeModal()
{
	if((!timer)||i==0)
	{
		timer=setInterval(timer_dec,1);
	}
}
 
function timer_dec()
{
	if(i==0)
	{
		clearInterval(timer);
		calque.style.display='none';
		self.close();
	}
	else
	{
		if(IsIE)
		{calque.filters[0].opacity=i*0.75;}
		else
		{calque.style.opacity=(i/100)*0.75;}
		i = Math.max(i-10,0);
	}
	alert(i);
}

Du coup, quand j’utilise une balise button à la place de <input>, le fonctionnement n’est pas le même il ne reste pas dans la boucle pour décrémenter la variable ‘i’, c’est quoi la différence/le souci ?

[SpaceFrog]

ça existe ça un button type submit ???

un input je connais mais pas un bouton ..

[jep33]

Si si cela existe

[SpaceFrog]

oui tiens ! c'est w3c compliant ...
c'est juste encore IE qui se fourvoie
passe sur un input au lieu d'un button et ça devrait rentrer dans l'ordre

[jep33]

Non non sous Firefox cela ne fonctionne pas mieux.

Je voulais garder un button parce que derrière j'ai une balise span et em me permettant de générer un bouton dynamique (texte dynamique) que je n'arrive pas à réaliser avec une balise input.

En fait j'ai l'impression que lorsque j'utilise button il va bien une première fois dans ma fonction 'timer_dec' mais par contre il n'y revient pas alors que j'ai défini un setInterval dessus...

[Bovino]

Salut,

Code :

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

<button type="submit" onClick="javascript:valider()">

Il y a des choses à revoir

• <button> n'est pas une balise auto fermante, il faut donc un </button>
• Le type par défaut étant submit, inutile de le rajouter
• L'événement onclick attendant du code JavaScript, rajouter javascript: est une erreur
• Lorsque tu fais un submit, ta page se recharge, donc ta fonction ne s'effectue plus

Code :

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

<button onclick="valider(); return false">Valider</button>

Devrait mieux fonctionner.