Sujet Précédent Sujet Suivant

Aide pour javascript

lili -  
kij_82 Messages postés 4102 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour,

voila je dois améliorer une partie d'un site internet et j'ai du mal a comprendre comment fonctionne le code qui permet la creation de mon menu: 

 function change_mode() 
        { 
         ind = document.menu.mode.selectedIndex; 
         if (document.menu.mode.options[ind].value == 'formulaire') 
         { if (document.menu.mode.options[ind].value == 'requete') 
         { 
          document.menu.objet.options.length = 0; 
          var o=new Option('intitulé1','1'); 
          document.menu.objet.options[document.menu.objet.options.length]=o; 
          var o=new Option('intitulé2','2'); 
document.menu.objet.options[document.menu.objet.options.length]=o; 
          document.menu.action.value = "rechercher";


Ce que je comprend pas c déja comment ca marche et en plus pourkoi mon intitulé 2 si il dépasse une certaine longueur empeche le bon fonctionnement de la fonction change_mode..

Merci d'avance

38 réponses

  • 1
  • 2
Résumé de la discussion

Le code JavaScript change_mode() ajuste les options d'un menu déroulant en fonction du choix 'formulaire', 'table' ou 'requete', avec une logique qui met à jour l'objet et l'action. Plusieurs répondants pointent des tests conditionnels imbriqués qui empêchent d'entrer dans les branches souhaitées, et des méthodes d'ajout d'options qui réinitialisent mal le contenu. D'autres proposent des étapes de débogage simples, notamment afficher les valeurs des menus, tester chaque condition séparément et employer une incrémentation correcte lors de l'ajout des options. En complément, des remarques soulignent que la longueur des intitulés peut perturber le fonctionnement et que simplifier les conditions, vérifier le comportement du bouton et éviter le rechargement de page facilite la résolution.

Généré automatiquement par IA
sur la base des meilleures réponses
Réponse 1 / 38
kij_82 Messages postés 4102 Date d'inscription   Statut Contributeur Dernière intervention   857
 
Bonjours lili,

je ne vois pas trop ou est le pb dans ce que tu as donné, par contre je me pose qq question sur le besoin de mettre tes deux test if : 

         ind = document.menu.mode.selectedIndex; 
         if (document.menu.mode.options[ind].value == 'formulaire') 
         { 
         if (document.menu.mode.options[ind].value == 'requete') 
         {


La tu as deux test qui empeche d'entrer dans la suite du code car si ton 
document.menu.mode.options[ind].value
est égal à 'formulaire', il ne peut aps vérifier le deuxieme test en étant égal à 'requete'.

Ensuite, dans le code qui suit : 
         document.menu.objet.options.length = 0; 
          var o=new Option('intitulé1','1'); 
          document.menu.objet.options[document.menu.objet.options.length]=o; 
          var o=new Option('intitulé2','2'); 
document.menu.objet.options[document.menu.objet.options.length]=o; 
          document.menu.action.value = "rechercher";

Quelle est l'utilité de mettre au meme endroit (
document.menu.objet.options[document.menu.objet.options.length]=o;
) deux fois de suite une valeur différente, à savoir la premiere fois : 

var o=new Option('intitulé1','1');

et la deuxieme fois : 
var o=new Option('intitulé2','2');


Ou alors il faut écrire de cette facon en incrémentant la taille : 
        document.menu.objet.options.length = 0; 
          var o=new Option('intitulé1','1'); 
          document.menu.objet.options[document.menu.objet.options.length++]=o; 
          var o=new Option('intitulé2','2'); 
document.menu.objet.options[document.menu.objet.options.length]=o; 
          document.menu.action.value = "rechercher";


Mais à mon avis pour la première remarque que j'ai fait, l'écécution du script ne passe pas à l'intérieur de tes deux if.

Tu n'a pas autre chose comme code, par exemple celui qui vient apres les deux 'if' justement.

++
0
Réponse 2 / 38
lili
 
En fait je me suis trompé, j'ai pas mis tout le code c pour ca que ce que j'ai donné est fo.

Après le if du formulaire ya le meme type de chose que après le if pour requete.

Moi cke je comprend pas c a quoi ca sert de mettre ca: 

 document.menu.objet.options.length = 0; 
          var o=new Option('intitulé1','1'); 
          document.menu.objet.options[document.menu.objet.options.length++]=o;
0
kij_82 Messages postés 4102 Date d'inscription   Statut Contributeur Dernière intervention   857
 
Ah... qu'est ce que j'ai écrit !! Autant pour moi je me suis tromé, suis allé trop vite, toute mes excuses.
Oui il faut oter le '++' dans la ligne.

Sinon, pour le reste.. je vois pas trop là. Tu peux mettre la suite du code que tu as dit stp.
0
Réponse 3 / 38
mamiemando Messages postés 33228 Date d'inscription   Statut Modérateur Dernière intervention   7 938
 
document.menu.objet.options.length = 0;

Crée une liste d'option vide

var o=new Option('intitulé1','1');

Créé un objet option (un bouton radio) identifié par la chaine '1' et nommé 'intitulé1'

document.menu.objet.options[document.menu.objet.options.length++]=o;

Insère l'option crée dans le document, puis incrémente sa longueur (le ++) (normal, il y a une option de plus ;o))
0
kij_82 Messages postés 4102 Date d'inscription   Statut Contributeur Dernière intervention   857
 
La longueur n'est pas incrémentée automatiquement des fois non ?
J'avaismis ca sans trop réfléchir mais...
0
Réponse 4 / 38
lili
 
ok merci pour l'explication c dessuite plus clair.

Et sinon vous savez pas pourquoi lorsque j'écrit un intitulé trop long pour intitulé2 la concordance entre mes deux listes déroulantes ne se font plus.

Car j'ai 2 listes déroulantes:
1 coté avec formulaire et requete
l'autre coté avec les options correpsondantes.

Quèand je clique sur requete, les options qui y sont associés s'affiche dans l'autre liste

Mais si je rallonge la longuer de mon intitulé ben ce mecanisme ne fonctionne plus

?????
0
kij_82 Messages postés 4102 Date d'inscription   Statut Contributeur Dernière intervention   857
 
aucune idée, dsl

++
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 38
mamiemando Messages postés 33228 Date d'inscription   Statut Modérateur Dernière intervention   7 938
 
Je ne comprends pas désolé ! Tu as une url vers le site que tu développes ?
0
Réponse 6 / 38
lili
 
Oui mais c un site sécurisé je peux donc pas donner l'adresse...

Sinon je vais essayer d'etre plus clair:

j'ai en guise de menu 2 listes déroulantes cote a cote.

La première contient :formulaire,requete,table

Si on selectionne dans la première liste requete le contenu de la deuxième liste change et apparait les options qui correpsondent a la requete.

On peut donc ensuite selectionner intitulé1,intitulé2...Etc

Donc mon problème est que : je me suis rendu compte que si je met un intitulé qui est trop long, lorsque je selectionne requete dans ma 1ere liste la 2emme reste avec les valeurs par defaut......
0
kij_82 Messages postés 4102 Date d'inscription   Statut Contributeur Dernière intervention   857
 
aahhh, je vois... mais c'est pas le code pour créer un menu comme tu le dit dans ton premier code, ce que tu veux c'est changer les valeurs de ta deuxieme liste quand tu selectionne une valeur dans la deuxieme en fait, c'est ca ?
0
Réponse 7 / 38
lili
 
Mais ca ji suis déja arriver sauf que ca bug justement quand je met un intitulé trop long.....

allez savoir pourkoi????
0
kij_82 Messages postés 4102 Date d'inscription   Statut Contributeur Dernière intervention   857
 
Tu le met ou l'intitulé ? A la place de 'intitulé1', 'intitulé2', ...

0
kij_82 Messages postés 4102 Date d'inscription   Statut Contributeur Dernière intervention   857 > kij_82 Messages postés 4102 Date d'inscription   Statut Contributeur Dernière intervention  
 
Ben .. je comprend toujours pas pouurquoi il te fait ca.
0
Réponse 8 / 38
sam3000 Messages postés 1226 Statut Membre 144
 
quel message il donne lorsque ça "bug"
0
Réponse 9 / 38
lili
 
Aucun message mais le changement de ma deuxième liste ne s'effectue plus.
0
Réponse 10 / 38
sam3000 Messages postés 1226 Statut Membre 144
 
donne moi un exemple d'intitulé "trop long"
0
Réponse 11 / 38
lili
 
Ben du genre si j'écris:

"recherche d'un animal en fonction de son type de pelage."
0
kij_82 Messages postés 4102 Date d'inscription   Statut Contributeur Dernière intervention   857
 
en effet ca fait long pour une option...
0
Réponse 12 / 38
sam3000 Messages postés 1226 Statut Membre 144
 
regarde ce site si quelque chose peut te mettre sur la bonne voie c'est en anglais)

http://www.quirksmode.org/js/options.html
0
kij_82 Messages postés 4102 Date d'inscription   Statut Contributeur Dernière intervention   857
 
en effet c'est peut etre ca, il faut faire une remise à null avant de mettre la taille à 0, puis ajouter les éléments.
0
Réponse 13 / 38
sam3000 Messages postés 1226 Statut Membre 144
 
tu vois que je peut aider quand je veux (j'espére que ce que tu dis kij est vrai ;) ) sinon, j'aurais parlé trop vite LOL (alors ce café?)
0
kij_82 Messages postés 4102 Date d'inscription   Statut Contributeur Dernière intervention   857
 
Ben en tout cas, c'est ce que la page que tu as donné disais : lili a fait la même chose sauf la remise à null, donc je me disais que peut etre cela vient de la son bug !
0
Réponse 14 / 38
mamiemando Messages postés 33228 Date d'inscription   Statut Modérateur Dernière intervention   7 938
 
Je ne sais pas si tu as fini par résoudre ton problème... Mais si ce n'est pas le cas, il y a moyen d'avoir ton code actuel et ton navigateur + sa version ?
0
Réponse 15 / 38
lili
 
Mon navigateur c konkeror 3.2.3 (du moins celui avec lequel je teste les changements de mon site.

Je travaille donc sur linux.

Mon code est le suivant: 
<script language="Javascript"> 
        function change_mode() 
        { 
         ind = document.menu.mode.selectedIndex; 
         if (document.menu.mode.options[ind].value == 'formulaire') 
         { 
         document.menu.objet.options.length = 0; 
		var o=new Option('Nouvelle séquence','sequences');
		document.menu.objet.options[document.menu.objet.options.length]=o; 
		var o=new Option('Nouvel alignement','alignements');
		document.menu.objet.options[document.menu.objet.options.length]=o;
		var o=new Option('Nouveau type de sequence', 'types_sequences');
		document.menu.objet.options[document.menu.objet.options.length]=o; 
		var o=new Option('Nouveau primer','primers');
		document.menu.objet.options[document.menu.objet.options.length]=o; 
		var o=new Option('Nouvelle analyse','resultats_analyses');
		document.menu.objet.options[document.menu.objet.options.length]=o; 
		var o=new Option('Nouveau type d\'analyse','types_analyses');
		document.menu.objet.options[document.menu.objet.options.length]=o;
		var o=new Option('Nouvel organisme','individus');
		document.menu.objet.options[document.menu.objet.options.length]=o;
		var o=new Option('Nouveau tissu','tissus');
		document.menu.objet.options[document.menu.objet.options.length]=o;
		document.menu.action.value = "ajouter";
	
         } 
         if (document.menu.mode.options[ind].value == 'table') 
         {
          document.menu.objet.options.length = 0; 
          var o=new Option('Les séquences','sequences'); 
          document.menu.objet.options[document.menu.objet.options.length]=o; 
          var o=new Option('Les alignements','alignements'); 
          document.menu.objet.options[document.menu.objet.options.length]=o; 
          var o=new Option('Les résultats d alignements','resultats_alignements'); 
          document.menu.objet.options[document.menu.objet.options.length]=o; 
          var o=new Option('Les differents types de sequences','types_sequences'); 
          document.menu.objet.options[document.menu.objet.options.length]=o; 
          var o=new Option('Les primers','primers'); 
          document.menu.objet.options[document.menu.objet.options.length]=o; 
          var o=new Option('Les résultats d analyses','resultats_analyses'); 
          document.menu.objet.options[document.menu.objet.options.length]=o; 
          var o=new Option('Les differents types d analyses','types_analyses'); 
	    document.menu.objet.options[document.menu.objet.options.length]=o; 
          var o=new Option('Les organismes repertoriés','individus'); 
	  document.menu.objet.options[document.menu.objet.options.length]=o; 
          var o=new Option('Les differents tissus de prélèvement','tissus'); 
          document.menu.objet.options[document.menu.objet.options.length]=o; 
          document.menu.action.value = "visualiser"; 
         } 
         if (document.menu.mode.options[ind].value == 'requete') 
         { 
          document.menu.objet.options.length = 0; 
          var o=new Option('Analyses faites pour un gène donné','ana_gene'); 
          document.menu.objet.options[document.menu.objet.options.length]=o; 
          var o=new Option('Primer utilisé','pri_type'); 
          document.menu.objet.options[document.menu.objet.options.length]=o; 
          var o=new Option('.....2','ana_pri'); 
          document.menu.objet.options[document.menu.objet.options.length]=o; 
          var o=new Option('....3','ana_per'); 
          document.menu.objet.options[document.menu.objet.options.length]=o; 
          var o=new Option('...4','ana_tech'); 
          document.menu.objet.options[document.menu.objet.options.length]=o; 
          var o=new Option('..5','pri_ana'); 
          document.menu.objet.options[document.menu.objet.options.length]=o; 
          document.menu.action.value = "rechercher"; 
         } 
         return; 
        } 
</script> 
 
<div align="center"> 
  <table width="100%" border="0"> 
    <tr> 
      <td width="30%"> 
      </td> 
      <td width="40%"> 
        <div align="center"> 
          <p align="center"><b><u><font face="Comic Sans MS" size="5" color="#3366CC">TITRE</font></u></b></p> 
        </div> 
      </td> 
      <td width="30%"> 
        <div align="center"> 
 
        </div> 
      </td> 
    </tr> 
    </table> 
     <hr> 
            <form method="post" objet="<? echo $PHP_SELF; ?>" name="menu" enctype=multipart/form-data> 
            <div align="center"><font size="2"><i><font size="2"><b>Menu déroulant</b></font><b><font size="2">::</font></b><font size="2"> 
            sélectionnez ce que vous désirez faire:</font></i></font></div> 
            <select name="mode" onChange="change_mode();"> 
              <option value="formulaire" selected>Formulaires</option> 
              <option value="table">Tables</option> 
              <option value="requete">Requêtes</option> 
            </select> 
            <select name="objet"> 
             <option value="sequences">Nouvelle séquence</option>
              <option value="alignements">Nouvel alignement</option>
              <option value="primers">Nouveau Primer</option>
              <option value="resultats_analyses">Nouvelle analyse</option>
              <option value="types_sequences">Nouveau type de sequence</option>
              <option value="types_analyses">Nouveau type d'analyse</option>
	      <option value="individus">Nouvel organisme</option>
	      <option value="tissus">Nouveau tissu</option>
            </select> 
            <INPUT type="hidden" name ="action" value="ajouter"> 
            <INPUT type="hidden" name="num_enr" value=""> 
            <input type="submit" name="Submit" value="OK"> 
            </form> 
    <hr>
</div>


la ou il y a des ...... c la ou lorsque je met mon texte ca ne fonctionne pas.

Et encore une petite bizarri l'intitulé "analyse faites pour un gène donné" lui peut avoir n'importe quelle taille ca amrche quand meme........

Si vous pouvez m'aider c avec grand plaisir
0
kij_82 Messages postés 4102 Date d'inscription   Statut Contributeur Dernière intervention   857
 
Et si tu met ta fonction javascript entre les balise HEAD de ta page ? Ca marche pas mieux ? (Ne sais-t-on jamais...)
0
Réponse 16 / 38
lili
 
ben écoute ca marche

alors je n'ai qu'une chose a dire......................;merci

Et juste une dernière pitite question.

J'aimerai que lle menu reste sur le dernier choix effectué (car la il revient toujours au truc par default).

Si ya une iddée qui traine par la je suis preneur
0
kij_82 Messages postés 4102 Date d'inscription   Statut Contributeur Dernière intervention   857
 
A quel niveau ? Celui du mode ?
0
Réponse 17 / 38
lili
 
ben que lorsque on selectionne requete et une certaine option que cela reste dessus au lieu qu'une fois la page chargée ca revienne sur formulaire
0
Réponse 18 / 38
sam3000 Messages postés 1226 Statut Membre 144
 
(du parametrage quoi!) tu as besoin d'une option à parsser en parametre (get ou post) à travers PHP
0
Réponse 19 / 38
kij_82 Messages postés 4102 Date d'inscription   Statut Contributeur Dernière intervention   857
 
Comme dit Sam, il faut que tu récupère les valeur selectionnée de ton formulaire par la méthose POST comme ci : 

if(isset($_POST['bidule']))
   $bidule = $_POST['bifule'];
else
  $bidule = "";


Et regarde dans les propriété des SELECT, tu as une propriété pour mettre une valeur par défaut à ta liste déroulante. Come ca tu met la valeur récupérée dans $bidule.
0
Réponse 20 / 38
lili
 
Désolé d'insister mais je peux avoir un peut plus d'explication....je passe koi en parametrage et comment????
0
  • 1
  • 2

Discussions similaires

java script error in the main process
ceciel2307 -
Thibaut -

3 réponses
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
Arrondir nombre Math.round
ohklik -
Sugel -

1 réponse
javascript arrondi après la virgule
cap -
Thomas -

4 réponses
a javascript error occurred in the main process
Kytsu1241 -
lolomusic667 -

1 réponse