problème d'execution d'un code JS sous IE

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : problème d'execution d'un code JS sous IE

airsupply

Salut, j'ai une méthode JS placé dans une page HTML, qui permet d'afficher ou de cacher des champs textes en fonction du choix fait sur un checkbox.
Sous Firefox, cette méthode fonctionne parfaitement, mais pas sous IE 6.0
Auriez-vous une idée, et comment puis je résoudre ce problème. m
merci

voici la méthode :

function choix_profil()
{

checkbox_1 = eval(form_3.elements[0]);
checkbox_2 = eval(form_3.elements[1]);

if (checkbox_1.checked == true) {

document.form_3.text_3.type = "text";
document.form_3.text_3.value = "BLABLA";

document.form_3.text_4.type = "text";
document.form_3.text_4.value = "BLABLA";

}
if (checkbox_2.checked == true){
document.form_3.text_3.type = "hidden";
document.form_3.text_4.type = "hidden";
}
}

Publicité

FlorentG

Chelou ton code :heink:

Déjà en JS, pas d'underscore dans les noms. Les underscore c'est que valable en PHP. Là faut du camelCasing

Aussi, met un id à ton formulaire, et accède y via document.getElementById

Hermes le Messager

Breton Quiétiste

airsupply a écrit :

Les document.form, c'était bon durant la première guerre mondiale.

De nos jours, on utilise le DOM.

---------------
Expert en expertises

airsupply

FlorentG a écrit :

Bon, je suis passé à document.getElementById . et toujours le même résultat . Sous IE, marche pas, et sous Firefox, fonctionne très bien.

voici les changements :

function choix_profil()
{
if (document.getElementById("box1" ).checked == true) {

document.getElementById("text3" ).type = "hidden";
document.getElementById("text4" ).type = "hidden";
}

if (document.getElementById("box2" ).checked == true) {

document.getElementById("text3" ).type = "text";
document.getElementById("text3" ).value = "BLABLA";

document.getElementById("text4" ).type = "text";
document.getElementById("text4" ).value = "BLABLA";
}

}

airsupply

FlorentG a écrit :

au fait, voici la balise JS que j'utilise :
<SCRIPT LANGUAGE="JavaScript">

FlorentG

Aussi c'est quoi ce truc :heink: , pourquoi tu change le type du champ pour le planquer :heink:

document.getElementById("text3" ).style.display = "none"

airsupply

FlorentG a écrit :

Aussi c'est quoi ce truc :heink: , pourquoi tu change le type du champ pour le planquer :heink:

document.getElementById("text3" ).style.display = "none"

c'est simple, en fonction du choix fait sur un checkbox , les 2 champs apparaîssent ou disparaissent au lieu de les griser . Et je n'ai trouvé que type="hidden" .

tu as écris : document.getElementById("text3" ).style.display = "none" pour le faire disparaitre, et par quoi il faut remplacer "none" pour que le champs apparaisse.

merci

FlorentG

au lieu de none, tu met soit "block" soit "inline" suivant le résultat désiré Parce que changer le type, faut surtout pas

airsupply

FlorentG a écrit :

au lieu de none, tu met soit "block" soit "inline" suivant le résultat désiré Parce que changer le type, faut surtout pas

bon tanpis, ça ne fonctionne toujours pas . les champs restent cachés .

merci quand même pour tes réponses.

FlorentG

Non, ça devrait l'afficher à nouveau. T'as du foirer un truc

Publicité

airsupply

FlorentG a écrit :

Non, ça devrait l'afficher à nouveau. T'as du foirer un truc

ben écoute, je ne sais plus quoi répondre ... voici la portion de code . fait un copier coller et regarde le résultat .. (enfin si tu as le temp :-) )

<html>
<head>
<title>TEST</title>
<link rel="stylesheet" rev="stylesheet">

<SCRIPT LANGUAGE="JavaScript">

function choix_profil()
{
if (document.getElementById("box1" ).checked == true) {

document.getElementById("text3" ).style.display = "none";
document.getElementById("text4" ).style.display = "none";
}

if (document.getElementById("box2" ).checked == true) {

document.getElementById("text3" ).style.display = "block";
document.getElementById("text3" ).value = "BLABLA";

document.getElementById("text4" ).style.display = "block";
document.getElementById("text4" ).value = "BLABLA";
}

}
</script>

</head>
<body>

<form name="form1" method="post">

<table width="500" border="0" align="center" >
<tr>
<td width="246">Votre Profil</td>
<td width="98">
<input name="boutton_1" id="box1" type="radio" value="UPR001"onClick="choix_profil(this.form)" checked>
Particulier<br>
</td>
<td width="142">
<input name="boutton_1" id="box2" type="radio" onClick="choix_profil(this.form)">
Professionnel</td>
</tr>

<tr>
<td width="246"> </td>
<td colspan="2">
<input name="text_3" id="text3" type="hidden" onFocus="if(this.value=='Raison sociale')this.value='';" >
</td>
</tr>
<tr>
<td width="246"> </td>
<td colspan="2">
<input name="text_4" id="text4" type="hidden" onFocus="if(this.value=='Numéro Siren')this.value='';">
</td>
</tr>
</table>
</form>

</body>
</html>

Hermes le Messager

Breton Quiétiste

airsupply a écrit :

Ecoute, tu comprends RIGOUREUSEMENT RIEN à ce que l'on te dit visiblement. De plus, tu foires des "" , certains espaces manquent et j'en passe.

Apprend les bases et reviens ici plus tard. ça ne sert à rien de te macher le travail tant que tu ne comprends pas un minimum ce qu'on te dit...

Déjà dans un premier temps, apprend à construire un document (x)html valide, puis les propriétés basiques CSS.

Et ensuite, apprend ce qu'est une fonction javascript + quelques objets javascript de base... On en reparlera après hein...

---------------
Expert en expertises

airsupply

Hermes le Messager a écrit :

pourquoi tu t'enerves comme ça . Il y a pas mort d'homme que je sache; j'ai posé une simple question concernant l'affichage de ces champs . Si je pose une question dans un forum pareil, c'est peut être parce que quelque part je n'ai pas la réponse et que je ne suis pas un codeur à la base .

enfin merci quand même, je vois que même dans les forums, il y a des mecs "indulgents"

FlorentG

Revois tes événement onclick, y'a des problèmes de syntaxe dedans

Hermes le Messager

Breton Quiétiste

airsupply a écrit :

pourquoi tu t'enerves comme ça . Il y a pas mort d'homme que je sache; j'ai posé une simple question concernant l'affichage de ces champs . Si je pose une question dans un forum pareil, c'est peut être parce que quelque part je n'ai pas la réponse et que je ne suis pas un codeur à la base .

enfin merci quand même, je vois que même dans les forums, il y a des mecs "indulgents"

Ce forum est là pour que tu le deviennes. Et avant tout, il faut commencer par la base. Point.

Sans bases, rien n'est possible, même pas d'adapter des codes faits par d'autres.

---------------
Expert en expertises

rompi

Ce qui m'étonne le plus c'est que tu modifie la propriété display sur un input type=hidden...
Si tu veux les afficher, c'est input type=text....

--
et comme la souligné FlorentG, dans le onclick tu passe une variable qui n'est pas déclaré et qui est inutile, donc vire this.form dedans
--

autrement, côté "style" de programation

stop les

Code :

if (monBoolean == true)

ecrit directement

Code :

if (monBoolean )

une condition, c'est toujours une valeur booléenne, donc pas la peine d'écrire == true...

et c'est vrai pour tous les languages.

airsupply

rompi a écrit :

Code :

if (monBoolean == true)

ecrit directement

Code :

if (monBoolean )

une condition, c'est toujours une valeur booléenne, donc pas la peine d'écrire == true...

et c'est vrai pour tous les languages.

merci , en effet, si je remplace type="hidden" par type="text" ; cela fonctionne.

FORUM HardWare.fr

Programmation

HTML/CSS

problème d'execution d'un code JS sous IE

Sujets relatifs
Problème compilation (toolkit Maximum Entropy)	probleme verification si checkbox est cochée
problème d'erreur de segmentation	Problème de chargement d'images sur Rollover avec IE
Problème mysql_query	[MFC/C++] Problème d'initialisation de CListCtrl
Problème d'agrégation	Probleme fermeture application si fenetres ouvertes ....
[JAVA] Probleme de conversion de String en Date?	problème gestion panier php
Plus de sujets relatifs à : problème d'execution d'un code JS sous IE

Page générée en 0.066 secondes