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.

[jep33]

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.

Merci pour votre réponse, cela fonctionne à présent.
1. j'avais pensé à la balise fermante pour le button
2. je dois rajouter le type sinon cela ne fonctionne pas, par défaut je pense qu'il a le type button plutôt, non?
3. j'avais aussi enlever le code 'javascript:'
4. dans le onclick quelle est la différence entre mettre le return false directement dans l'évenement 'onlick' et le mettre dans la fonction 'valider'?

[SpaceFrog]

le return false ne se justifie que si ton bouton est de type submit, il inhibe alors l'action du form

[Bovino]

je dois rajouter le type sinon cela ne fonctionne pas, par défaut je pense qu'il a le type button plutôt, non?

En fait, le type par défaut est bien submit... sauf pour IE