checkbox sous IE

Version imprimable

checkbox sous IE

bonjour,

voici mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
	<title>TEST</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
	<script type="text/javascript" src="jquery-1.4.1.js"></script>
	<script type="text/javascript" src="test.js"></script>
</head>
 
<body>
 
<p>
<input type="checkbox" id="W0" name="X0" checked="checked"/> Activer inputbox<br/>
<input type="text" id="X0" value="toto"/>
</p>
 
</body>
</html>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
// code executé au demarrage
$(document).ready(function(){	// Traitement effectué lorsque le DOM est prêt
 
 
	$("input[type=checkbox]").change(function(){
		if ($(this).is(":checked")){
			disListBox($("#"+$(this).attr("name")), 0);
		} else {
			disListBox($("#"+$(this).attr("name")), 1);
		}
	});
 
	$("input[type=checkbox]").triggerHandler("change");
});   
 
function disListBox(obj, val){
	$(obj).attr("disabled", parseInt(val));
}

=> le but de mon script, est d'activer/désactiver mon inputbox en fonction de la valeur de la checkbox.

Pourquoi sous IE, lorsque je clic pour la premiere fois sur la checkbox, mon input box n'est pas désactivée (après ça fonctionne) ?

merci d'avance,

15/02/2010, 09h46
pcleder

Reponse

Bonjour,
J'ai testé ton code sous IE8 et ça fonctionne très bien.
Je ne vois pas le souci.
15/02/2010, 10h07
boboss123

Citation:

Envoyé par pcleder

Bonjour,
J'ai testé ton code sous IE8 et ça fonctionne très bien.
Je ne vois pas le souci.

... je ne comprends pas ça ne fonctionne pas chez moi :aie:
=> attention je parle lors du premier click :
1- ouvrir la page
2- cliquer sur la checkbox => normalement le texte de l'inputbox devrait se mettre en grisé alors que "chez moi" ça ne le fait pas (après si je continue a cliquer, ça se met a fonctionner :aie:)
15/02/2010, 10h40
Sourrisseau

Il me semble

que j'avais eut un problème identique sous IE6 et que j'avais résolu cela en utilisant l'évènement click plutôt que l'évènement change.
15/02/2010, 15h25
boboss123

Citation:

Envoyé par Sourrisseau

que j'avais eut un problème identique sous IE6 et que j'avais résolu cela en utilisant l'évènement click plutôt que l'évènement change.

c'est ce que j'ai fait mais c'est quand même bizarre que JQuery gère "change" à moitié : peut être qu'il faut faire une initialisation à quelque part ?
15/02/2010, 16h10
Sourrisseau

Oui

et non ... car IE6 est vraiment très particulier ( enfin tu dois le savoir ... ) et dans certains cas il faut vraiment bidouiller pour qu'il réagisse 'comme on le souhaite'.

Ce qui est sur c'est que le support de IE6 pour jquery est extrêmement contraignant et , que , malgré tout , il s'en sort plutôt bien.
15/02/2010, 20h10
danielhagnoul

Bonsoir.

C'est surtout IE, toutes versions, qui gère l'événement « change » à sa façon !
16/02/2010, 09h19
boboss123

Citation:

Envoyé par danielhagnoul

Bonsoir.

C'est surtout IE, toutes versions, qui gère l'événement « change » à sa façon !

on ne peut pas dire qu'il le gère à ça façon ... il me semble qu'il ne le gère pas du tout (pour les checkbox) => a mon avis lorsqu'on déclare un evenement JQuery "change" sous IE, JQuery doit le déclarer en "onclick" : c'est pourquoi je pense qu'il doit y avoir un truc pour que ça fonctionne (j'ai essayé de lire le code source de JQuery pour vérifier mais je n'y comprends rien :aie:)...
16/02/2010, 09h23
boboss123

Citation:

Envoyé par Sourrisseau

Ce qui est sur c'est que le support de IE6 pour jquery est extrêmement contraignant et , que , malgré tout , il s'en sort plutôt bien.

tu es sure de ça ? j'aurais pensé justement que l'un des avantages de JQuery était justement de s'affranchir des problèmes de compatibilité (j'aurais cru que toutes les fonctions de JQuery, sauf indication contraire dans la doc, fonctionnent sous n'importe quel webrowser)