javascript et IE

Calvin80 · 23 Jan 2005

Hello all

voilà g ecrit une fonction javascript qui fonctionne nickel avec un vrai browser (firefox) mais qui foire avec internet explorer.
voici le script:

Code:

	function VerifNbChecked(formulaire, val)
	{
		var nb=0;
		var diff=0;
		for (var i = 0; i &lt; formulaire.elements.length; i++)
		{
			if(formulaire.elements[i].checked)
				 nb++;
		}
		if(nb&lt;val){
			
			diff=val-nb;
			alert('Error: you did not choose enough functions\n Number of still function(s) to choose : '+diff);
		}
		else
			formulaire.submit();
	}

et voic mon formulaire

Code:

	&lt;FORM name="functions" action="index.php?p=vchoosefunctions" method="POST" enctype="multipart/form-data">
 &lt;table width="99%">
		&lt;tr>&lt;td colspan="3" align="center" class="title"> Proposed functions&lt;/td>&lt;/tr>
		&lt;tr>

			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="1" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category1 &lt;/td>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="2" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category2 &lt;/td>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="3" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category3 &lt;/td>
		&lt;/tr>
		&lt;tr>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="4" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category4 &lt;/td>

			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="5" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category5 &lt;/td>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="6" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category6 &lt;/td>
		&lt;/tr>
	&lt;tr>

			&lt;td colspan="3" align="left">&lt;h5>Nb of functions still to choose :&lt;input type="text" name="remaining" style="width:30px; border:0px;">&lt;/h5>&lt;/td>
		&lt;/tr>
		&lt;tr>
			&lt;td colspan="3" align="right">&lt;input type="button" value="Validate Functions" onClick="VerifNbChecked(document.functions, '5')">&lt;/td>
		&lt;/tr>
			&lt;/table>
	&lt;/FORM>

si qq'un sait me dire pkoi ça foire sous IE ....
merci![/code]

null · 23 Jan 2005

Salut,

La pluspart du temps, il donne la ligne de l'erreur ou une description, tu pourrais la coller.

Cependant, je dis que c'est ça :

formulaire.submit();

Calvin80 · 24 Jan 2005

nop nop..
il ne plante pas, il fait juste n'importe quoi, notamment, je click sur une checkob, il se passe rien, je clique sur une deuxieme, il fonctionne mais ne me sort pas les bon chiffres...

pff vivement que les surfeurs iternet passent tous sous Firefox ! (et meme pkoi pas sous linux hein

La Poubelle · 24 Jan 2005

Calvin80 a dit:
nop nop..
il ne plante pas, il fait juste n'importe quoi, notamment, je click sur une checkob, il se passe rien, je clique sur une deuxieme, il fonctionne mais ne me sort pas les bon chiffres...

pff vivement que les surfeurs iternet passent tous sous Firefox ! (et meme pkoi pas sous linux hein

voilà g ecrit une fonction javascript qui fonctionne nickel avec un vrai browser (firefox) mais qui foire avec internet explorer.

"La plupart du temps, le bug se trouve entre la chaise et le clavier"

J'avais entendu dire que Firefox était plus rigoureux qu'IE, mais quand je vois ton code j'ai des doutes.
Etant donné que tu ne savez pas te remettre en cause, je te laisserais mariner.
Pour que cela fonctionne avec un "vrai Browser", il faudrait un "vrai programmeur"

Rmq: Avec netscape, le résulat est encore plus catastrophique.

Firefox et Linux sont bien, par contre bon nombre d'utulisateurs Linux ne savent pas le configurer correctement et se prennent pour des kings ... WAAoouh quel "balèze", c'est un Linuxien

Calvin80 · 24 Jan 2005

ouep , c'est vrai que je me suis emballé Again, mais ce n'est pas la premiere fois que je m'enerve avec IE, notamment la compatibilité des feuilles CSS (valid&es par W3C) entre IE et firefox

je vais regarder mon code de + pres ce p.m.

Calvin80 · 24 Jan 2005

bon..Again je crois que je vois de quoi tu veux parler..
je me suis précipiter en copiant collant mon code ici..
pour eviter de faire un message trop long, j'ai (trop) coupé.

je mets donc ma page total, pour eviter les confusions et les jugements trop hatifs.

Code:

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
&lt;head>
	&lt;title>mon title&lt;/title>
	&lt;link rel="stylesheet" type="text/css" href="./style/general.css">
	&lt;meta http-equiv="content-type" content="text/html; charset=UTF-8">
	&lt;script type="text/javascript">
	function VerifNbChecked(formulaire, val)
	{
		var nb=0;
		var diff=0;
		for (var i = 0; i &lt; formulaire.elements.length; i++)
		{
			if(formulaire.elements[i].checked)
				 nb++;
		}
		if(nb&lt;val){
			
			diff=val-nb;
			alert('Error: you did not choose enough functions\n Number of still function(s) to choose : '+diff);
		}
		else
			formulaire.submit();
	}
	function DisplayNbChecked(formulaire, source, cible,maxval)
	{
		alert("dsdsdsd");
		var nbchecked=0;
		for (var i = 0; i &lt; formulaire.elements.length; i++)
		{
			if(formulaire.elements[i].checked)
				 nbchecked++;
		}
		if(nbchecked >maxval){
			alert("You chose too many functions !!");
			source.checked=false;
			source.value="";
		}
		else {
			cible.value=maxval-nbchecked;
		}
	}
	&lt;/script>
&lt;/head>
&lt;body>
	&lt;div class="pagetitle">atchoum&lt;/div>
	&lt;div class="page">
	Please choose, in the proposed list, &lt;b>5 functions&lt;/b> that describe your job in your company :&lt;br>&lt;br>
	&lt;FORM name="functions" action="index.php?p=vchoosefunctions" method="POST" enctype="multipart/form-data">
 
	&lt;table width="99%">
		&lt;tr>&lt;td colspan="3" align="center" class="title"> Proposed functions&lt;/td>&lt;/tr>
		&lt;tr>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="1" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category1 &lt;/td>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="2" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category2 &lt;/td>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="3" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category3 &lt;/td>
		&lt;/tr>
		&lt;tr>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="4" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category4 &lt;/td>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="5" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category5 &lt;/td>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="6" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category6 &lt;/td>
		&lt;/tr>
		&lt;tr>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="7" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category7 &lt;/td>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="8" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category8 &lt;/td>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="9" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category9 &lt;/td>
		&lt;/tr>
		&lt;tr>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="10" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category10 &lt;/td>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="11" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category11 &lt;/td>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="12" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category12 &lt;/td>
		&lt;/tr>
		&lt;tr>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="13" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category13 &lt;/td>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="14" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category14 &lt;/td>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="15" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category15 &lt;/td>
		&lt;/tr>
		&lt;tr>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="16" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category16 &lt;/td>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="17" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category17 &lt;/td>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="18" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category18 &lt;/td>
		&lt;/tr>
		&lt;tr>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="19" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category19 &lt;/td>
			&lt;td> &lt;input type="checkbox" name="selectedcategories[]" value="20" onchange="DisplayNbChecked(document.functions, this, document.functions.remaining, '5')">category20 &lt;/td>
			&lt;td>&lt;/td>&lt;/tr>
		&lt;tr>
			&lt;td colspan="3" align="right">&lt;/td>
		&lt;/tr>
		&lt;tr>
			&lt;td colspan="3" align="left">&lt;h5>Nb of functions still to choose :&lt;input type="text" name="remaining" style="width:30px; border:0px;">&lt;/h5>&lt;/td>
		&lt;/tr>
		&lt;tr>
			&lt;td colspan="3" align="right">&lt;input type="button" value="Validate Functions" onClick="VerifNbChecked(document.functions, '5')">&lt;/td>
		&lt;/tr>
			&lt;/table>
	&lt;/FORM>
	&lt;FORM name="newfunction" action="index.php?p=newfunction" method="POST" enctype="multipart/form-data">
	&lt;table width="99%">
		&lt;tr>&lt;td colspan="3" align="center" class="title">Add your own function&lt;/td>&lt;/tr>
		&lt;tr>
			&lt;TD align="left" style="width:150px;">Function name:&lt;/TD>
			&lt;TD align="left">&lt;input type="text" name="newcategory" maxlength="20">&lt;/TD>
			&lt;TD align="right">&lt;input type="submit" name="addfunction" value="Add Function">&lt;/TD>
		&lt;/tr>
	&lt;/table>
	&lt;/FORM>
	&lt;/div>
&lt;/body>
&lt;/html>

La Poubelle · 24 Jan 2005

avant de faire un test des checkbox

verifie que c'est bien une checkbox

Je ne sais pas faire de test pour l'instant je regarderai ce soir

Calvin80 · 24 Jan 2005

AGain a dit:
avant de faire un test des checkbox

verifie que c'est bien une checkbox
Je ne sais pas faire de test pour l'instant je regarderai ce soir

Le probleme semble résolu.
la subitilité etait pas si triviale qu'il n'y parait:
la proprieté "onChange" d'un element <input> reagit en terme de focus.
Le test est donc réalisé quand l'element perd le focus.
Donc si on clique une fois -> rien ne se passe (sous IE).
il faut cliquer une fois ailleurs pour rentrer dans le javascript.
La solution est d'utiliser la propriété "onClick".

Donc voila.
deux petites remarques:
rq1 - je tiens à m'excuser si j'ai pu "choquer" qques utilisateurs IE, mais le nombre d'exemples que j'ai rencontré où ce brower ne réagit pas de façon naturelle est vraiment hallucinant.
rq2 - je valide dans 99% des cas mon code par le w3c validator. Je developpe parfois pour le web mais surtout pour des softs depuis 5 ans. Je ne me trouve pas "expert" ni "baleze" ni "king" mais pour ce qui est de la prog et de linux, on va dire que je m'en sors. Peut être que j'aurais du écrire dans un forum sueper spécialisé pour qu'on me réponde "et man, fais gaffe, t'as pas copié la bonne fonction javascript", plutot que "va apprendre à programmer..."

La Poubelle · 24 Jan 2005

Peut être que j'aurais du écrire dans un forum sueper spécialisé pour qu'on me réponde "et man, fais gaffe, t'as pas copié la bonne fonction javascript", plutot que "va apprendre à programmer

Disons qu'il est impératif de se remettre en cause avant d'accuser IE.

Les interfaces Web travaillent toutes de façons différentes dans certaines subtilités.

Par exemple, netscape casse les pieds pour "écrire" dans certaines propriétés seulement si on passe par un objet temporaire. Alors que dans les régles w3c, l'objet est en lecture/écriture.

Il déconne aussi pour modifier (ajouter) dynamiquement le contenu d'une Listbox/combobox ... alors que dans les régles w3c, c'est prévu.

javascript et IE

Calvin80

Respect is key

null

ose();

Calvin80

Respect is key

La Poubelle

Pou'r allé Danché

Calvin80

Respect is key

Calvin80

Respect is key

La Poubelle

Pou'r allé Danché

Calvin80

Respect is key

La Poubelle

Pou'r allé Danché

Autres sujets récents