[javascript] pourquoi pas sous IE ? Résolu/Fermé

Question

Salut a tous les spécialistes javascript,
Voici un script de controle de certains champs d'un form. Chez moi (Firefox et XP) tout fonctionne parfaitement.
Par contre sous IE6 et W2000 (bureau), il ne voit pas qu'il y a une option choisie dans groupe (1er controle).
Si je change le champ en type text: c'est OK. 
Donc, j'en déduis que c'est les listes déroulantes qu'il n'aime pas ! Je me trompe ? Ou alors c'est le code qui est mal écrit ?

Quel est le PB SVP ?



Merci d'avance pour votre correction !

Maelo · Answer

J'ai un peu travailler dans le developpement web enfin j'ai fais un stage de 4 mois la dedans à la fin de mon dut. et je me suis rendu compte que firefox respecter bien les normes pour le javascript donc en general on a pas de problème mais IE6... quelle misère c une synthaxe spéciale enfin c pas qu'elle est spéciale c'est qu'elle respecte pas les normes...

Alors ce qu'il te reste a faire c'est faire des test sur le navigateur de l'utilisateur et d'executer un code different pour chaque navigateur... 

Par contre pour IE7 je ne sais pas ce qu'il en est...

Je te souhaite bien du courage la dedans (je me rapelle des vrais prises de tête la dessus ^^)

Maelo · Answer

Re, desolée j'arrive pas a éditer.

Une petite piste poiur t'aider essai de mettre un ID a ta liste deroulante et essai getelementbyid un truc dans ce genre, je me repalle que ça marchait super bien avec IE

txiki · Answer

Merci maelo,
Mais l'ajout de l'id ne change rien au PB et c'est malheureusement IE6 qui est utilisé dans ma boite.
Misèèèèère !
J'avais utilisé ce système des listes pour uniformiser l'écriture de ces parties.
Et j'y connais rien en javascript. BOUUUUUUH !!!  ;_(((

Utilisateur anonyme · Answer

il faut chercher IE c'est de la merde c'est tout, c'est enervant a chaque fois il faut faire des modifs pour que ca marche avec IE...

lol

maelo · Answer

enfin ct peut ==0 aussi ^^

ben tu as plus qu'a essayer tout ce que tu peux trouver lapinkiller a raison IE ça supporte pas trop le javascript...

Serge_La · Answer

Pourrais-tu montrer la page problème? C'est pas au niveau du javascript que IE6 bogue, normalement.  C'est au css et au html. 

Serge.

txiki · Answer

Salut Serge_La et merci pour ta réponse, voici le code complet de la page en question: Fiche ajout de logiciel dans la base

Ajout d'un logiciel

Les champs marqués * sont obligatoires

Groupe: *

Catégorie: *// et probablement ici aussi mais ça ne passe pas le premier controle alors ? ? ?

Source:

Editeur:

Nom: *

Ligne du produit:

Socle:

Référence DSI: *

Standard DSI:

Type de licence:

Version standard:

Compatibilité XP:

Versions en exploitation:

Type de déploiement:

Type d'installation:

Domaine:


Fonctionnalité:


Description:


Instructions:


Pré-requis:

Référent métier:


Commentaires:

Page protégée par mot de passe

Cette page est réservée aux administrateurs uniquement !

Veuillez entrer le login et mot de passe :

NOTE: le script qui affiche le calendrier, je n'ai pas su le mettre à part, fichier séparé, parcequ'il faudrait lui indiquer l'url des images etc... mais je ne voit pas dans le script, ces chemins. ça ne fonctionne pas si c'est un fichier séparé et pourtant c'est un super truc, ce système de calendrier. Voilà, si tu vois l'erreur, je serais diablement soulagé (d'autant plus que c'est pour le boulot). Ils attendent après ça et suis sous pression ! ! ! :-(((( Merci infiniment ! J'oubliais ! tu peux le voir sur: http://txiki.free.fr

Serge_La · Answer

Bonjour Txiki,

J'ai un IE6 sur windows2000 ici. 
Je suis allé sur ta page mais je ne peux pas loguer. Le mot de passe tintin avec utilisateur tinotibet refuse l'entrée. Sans ça je ne peux pas voir la page qui bogue. 
J'ai quand même isolé le html et essayé en local, ta page problème. Je ne vois de différence ici (sauf des ajustements mineurs css à faire).
Le code qui enrobe ton code html n'est pas javascript. Semble être du perl, que je connais aussi. 

Décrit-moi le problème exactement et donnes-moi un mot de passe valide avec nom d'utilisateur pour que je puisse voir ton problème sur le vif. 

Serge.

txiki · Answer

Salut Serge et merci pour ta réponse, C'est très étrange pour le login et le pass (je viens encore de le vérifier sur le serveur de free) ? ? ? ? essaie avec: login: txiki pass: txikito Tu a bien cliqué sur Ajouter une fiche ? "Le code qui enrobe ton code html n'est pas javascript. Semble être du perl," " Cette page est vraiment très importante et il faut absolument qu'elle soit opérationnelle dans très peu de temps ! :-((( Merci encore pour ton attention dévouée !

txiki · Answer

Oups ! désolé ! laisse tomber la l'histoire du calendrier. J'ai trouvé (oubli d'une partie du code dans la page du formulaire.
Autant pour moi !
Désolé.

Serge_La · Answer

Bonsoir txiki, 

Je crois avoir trouvé le problème. IE ne comprends pas l'appel d'un élément sans passer par "all". Comme dans document.all.monelement.

Alors, pour IE, soit tu changes ça ou tu changes les codes pour qu'ils soient plus universels (dans ta fonction verif() ) . i.e. avec DOM javascript. 

Solution 1: Donc, soit tu fais cette passe-passe:

<!-- Vérification des champs obligatoires du formulaire
function verif() 
{  if (document.all) document=document.all
	var nom = document.formulaire.groupe.value; // liste déroulante
	if (document.formulaire.groupe.value == "") 

etc...
	

Solution 2: Soit tu utilise le DOM (mais alors les très vieux fureteurs flanchent), avec getElementById('formulaire'):

<!-- Vérification des champs obligatoires du formulaire
function verif() 
{  if (!document.getElementById) {alert ('Votre fureteur ne supporte pas le DOM');  return false; }
	var nom = document.getElementById('formulaire').groupe.value; // liste déroulante
	if (document.getElementById('formulaire').groupe.value == "") 

etc...

N'oublies pas de remplacer le reste du code.


Voilà. Alors si c'est ça, tu me dois la vie?
:) Tiens-moi au courant. 
Serge.

Serge_La · Answer

Rebonsoir,

Juste pour te dire qu'il est 21:00 Dimanche ici. Si tu réponds assez tôt, j'aurai le loisir de voir le résultat avant d'aller dormir. 

Aussi, ce serait mieux d'ajouter un point-virgule (;) à la fin de ma ligne de code ajoutée. C'est pas obligatoire en javascript. 

Serge.

Serge_La · Answer

rerebonsoir,

Bon, en revoyant ton code html, j'ai vu une troisième solution simple et universelle. Dans les cas de formulaires, l'appel des éléments fut inventé en premier. Alors il existe une ancienne méthode. Il te suffit de remplacer formulaire par forms['formulaire'] dans ta fonction verif() comme ceci:

remplace 
document.formulaire.
par
document.forms['formulaire'].

Bien mieux.
Serge.

txiki · Answer

Salut Serge,
BOn, je laisse tomber ! aucune de tes solutions ne fonctionent. ça ne fonctionne que pour les champs normaux et non pour des listes déroulantes.
Ce script fonctionne sur d'autres pages, dont le formulaire ne contient pas de liste de choix (en tous cas il n'y a pas de controle dessus).
C'est bien lié au fait que ce soit une liste déroulante et ça, ça ne m'arrange pas du tout.
Les personnes qui auront a faire des modifs dessus devront utiliser Firefox, je ne vois pas d'autre solution, hélàs ! ! !

Merci quand même pour ton sérieux coup de main.
Mais peut-etre que j'ai mal copié (je n'y connais rien en javascript alors ....

L'avantage de celui-ci, c'est qu'il donnait le focus sur l'élément qui n'était pas renseigné.

Serge_La · Answer

Rebonjour txiki,

Ben non, laisses pas tomber. Javascript fonctionne très bien.  Je viens d'essayer avec ton javascript en local et ça fonctionne ici. 

Si tu ne connais rien au javascript, dis-moi. As tu laissé la ligne suivante dans le script???:

<!-- Vérification des champs obligatoires du formulaire

Alors que <!-- est le code de commentaire en html. En javascript, c'est //

Alors, change ta ligne pour ceci:

// Vérification des champs obligatoires du formulaire.



Autre problème (une fois que celui-ci est réglé), la condition pour les reference_DSI est d'exactement trois caractères alors que quelques-uns de tes choix en ont plus. Faudra la changer, non?

Voilà. Essayes encore. 

Serge.

txiki · Answer

Salut Serge,
Tu es sur pour les commentaires en javascript ?
Vais essayer de suite.
Mais j'ai peut-etre merdé quand j'ai remplacé les lignes que tu m'a proposé.

la condition pour les reference_DSI est d'exactement trois caractères alors que quelques-uns de tes choix en ont plus. Faudra la changer, non?

Oui ! sauf que je sais pas le faire ! :-((
Je les ai rajouéts après (au départ il n'y avait que des mots de 3 caratères).
Chez moi, sous IE7 et XP (je parle quand je vais chez free, évidement) ça ne fonctionne pas non plus (je choisi un groupe mais il me demande toujours de choisir le groupe, il ne voit pas que c'est renseigné).

Serge_La · Answer

Bonjour Txiki,

J'ai trouvé une autre erreur que je n'ai pas vu hier. Probablement ce qui fait défaut. 
Cette ligne:  var nom = document.formulaire.groupe.value; // liste déroulante
fait une collision avec ce code: 	if(document.formulaire.nom.value == "")
	{
		alert ('Veuillez entrer le nom du logiciel');
		document.formulaire.nom.focus();

Dans ta fonction verif(), la variable nom (var nom) ne semble pas utile. Essayes en enlevant cette ligne. Bon attends, je t'envoie tout le code corrigé pour voir:

function verif() 
{ 
	if (document.forms['formulaire'].groupe.value == "") 
	{
		alert ('Veuillez entrer le groupe auquel appartient le logiciel');
		document.forms['formulaire'].groupe.focus();
		return false;
	}
	if(document.forms['formulaire'].categorie.value == "") // liste déroulante
	{
		alert ('Veuillez entrer la catégorie du logiciel');
		document.forms['formulaire'].categorie.focus();
		return false;
	}
	if(document.forms['formulaire'].nom.value == "")
	{
		alert ('Veuillez entrer le nom du logiciel');
		document.forms['formulaire'].nom.focus();
		return false;
	}
	if(document.forms['formulaire'].reference_DSI.value == "") // liste déroulante
	{
		alert ('Veuillez entrer la référence DSI');
		document.forms['formulaire'].reference_DSI.focus();
		return false;
	}
	if(document.forms['formulaire'].reference_DSI.value.length != 3)
	{ 
		alert ('La référence doit comporter trois caractères'); 
		document.forms['formulaire'].reference_DSI.focus();
		return false; 
	}
	else {return true;}
}


Je peux corriger le code pour reference_DSI facilement. Quelle serait la condition à mettre? Même que les autres?

Serge.

Serge_La · Answer

D'accord. Assez facile. 
Hum, encore le message erroné. Le message qui apparaît prouve que le javascript fait quelque chose. Le script doit avoir une valeur de groupe vide pour afficher le message. Je vais regarder encore tes codes de plus près. 
n'oublies pas de mettre // en début de ligne des commentaires dans le script. C'est d'ailleurs bizarre que ça ne cause pas une autre erreur. 

Serge.

Serge_La · Answer

Tu devrais m'engager!
Nous allons trouver. Je me demandes si .value est correct pour les options. Je vais vérifier.  Et oui, .value a une valeur nulle. Il faut changer la détection. 
Serge.

Serge_La · Answer

Bonsoir txiki, Value retourne nul sur IE parce qu'il faut le définir comme attribut de chaque option pour lui. Il y a plusieurs manières de fonctionner. Je vais prendre la manière la plus simple sans le DOM (document object model) pour ton code. Procédure: Premièrement, tu dois mettre un attribut "value" dans chacune des options qui ont une valeur, dans le html. Je te met un exemple, celui de groupe: Bon, ça c'est si tu veux la valeur identique testée dans le javascript. Tu pourrais aussi encoder les valeurs. Mais ça pourrait devenir mélangeant. Cette fois, ça devrait déjà fonctionner avec le javascript que tu as et la modification que je t'ai donné. Deuxièmement, il faut ajuster le javascript pour ce que tu veux. Je vais t'envoyer le résultat dans quelques minutes. Serge.

Serge_La · Answer

Et voici le javascript:



// Vérification des champs obligatoires du formulaire
function verif() 
{ 
	if (document.forms['formulaire'].groupe.value == "") // liste déroulante
	{
		alert ('Veuillez entrer le groupe auquel appartient le logiciel');
		document.forms['formulaire'].groupe.focus();
		return false;
	}
	if(document.forms['formulaire'].categorie.value == "") // liste déroulante
	{
		alert ('Veuillez entrer la catégorie du logiciel');
		document.forms['formulaire'].categorie.focus();
		return false;
	}
	if(document.forms['formulaire'].nom.value == "") // liste déroulante
	{
		alert ('Veuillez entrer le nom du logiciel');
		document.forms['formulaire'].nom.focus();
		return false;
	}
          var va = document.forms['formulaire'].reference_DSI.value; 
	if(va == "") // liste déroulante
	{
		alert ('Veuillez entrer la référence DSI');
		document.forms['formulaire'].reference_DSI.focus();
		return false;
	}
	if((va!="cat")||(va!="ref")||(va!="éval")||(va!="rebut"))
	{ 
		alert ('La référence doit faire partie des choix suggérés'); 
		document.forms['formulaire'].reference_DSI.focus();
		return false; 
	}
	else {return true;}
}

Désolé d'avoir pris du temps. Il y a des différences entre fureteurs. On aurait cru que la différence majeure était dans le javascript mais en fait, elle était dans le html. C'est drôle, c'est ce que j'avais dit au début. 
Alors cette fois, moins de noir à broyer?

Serge.

txiki · Answer

Salut Serge,
ça MAAAAAARCHE ! t'es un chef !

Géniaaal !
Bon j'ai modifié la partie reference_DSI, finalement je suis parti sur le même principe que les select value (putain fallait le savoir ce truc du value.....)

J'ai commenté ta correction au cas où !!!! mes responsables décidaient de garder ce formatage de la colonne avec les mots tronqués mais bon, je pense qu'ils vont opter pour ma solution.

Me reste maintenant les Pb des fiches de modif et suppression de la liste principale.
Je n'arrive pas a transmettre les id (les pages sont protégées et je pense que c'est ça qui me bloque car si je supprime la protection c'est OK.
Envoi moi ton adresse.
Je t'enverrai quelque chose de chez moi (pays Basque). ;-)))

Bonne journée ! et surtout merci pour ton infinie patience.

[javascript] pourquoi pas sous IE ?

22 réponses

Discussions similaires