Discussion :

[descurai]

Bonjour,

J'ai une fonction en JavaScrip qui me permet de pointer sur un élément d'une combobox (listbox ou select pour d'autre). Ceci se fait très bien lorsque la combobox est rempli dans le php.

Mais la fonction ne marche pas si la combobox a été rempli préalablement par ajax. avez vous une idée ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function selectcombo (parametre,item)
{
var param= parametre;
var i=0;
var j=0;
var obj = item;
 
while (param.options[i].text!=obj)
{
i=i+1
}
var j=param.options[i].value
param.options[j].selected=true
param.options[param.selectedIndex].text=obj
}
 
var selectBoxSite = document.getElementById('ComboBoxRechercheSITE');
selectcombo(selectBoxSite,site);

Mais a part ceci j'ai aussi un autre problème, j'ai essayé cette manière mais le problème étant que lors de la deuxième utilisation , certaines valeurs restent dans le cache et me coupent l'accès aux combobox et donc au pointage.

Y a t il une manière simple de vider le cache d'un explorateur en JavaScript.
j'ai deja vu plusieurs exemples sous HTML et PHP, mais je n'ai pas accès au code HTML avec mon créateur d'interface.

Je vous remercie par avance de la moindre petite parcelle de réponse que vous pourriez me fournir.

Amicalement,descurai

[Bovino]

Salut.

Avant tout, 2 petits détails :
1) Si tu regardes la coloration syntaxique, tu te rendras compte que item est colorisé, ce qui signifie que c'est un élément du langage JavaScript (du DOM pour être précis), donc un choix à bannir comme nom de variable/paramètre/fonction etc.

2) A quoi ça te sers de définir des variables reprenant les paramètres passés à la fonction ??? Tes variables param et obj ne servent absolument à rien !

Pour ce qui est de ton souci, il est difficile d'y répondre si tu ne montres pas le contexte de ce code, en particulier, quand il est appelé et la partie HTML concernée. Cependant, j'imagine que le code est appelé au onload de la page, dans ce cas, la variable selectBoxSite correspond à l'élément HTML correspondant au chargement de la page et n'est pas mis à jour lorsque tu modifies le contenu via Ajax, il faut donc réinitialiser cette variable dans la fonction de retour Ajax.

[andry.aime]

+1

param.options[i].text

n'est pas cross-browser

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

param.options[i].firstChild.nodeValue

[descurai]

Re, j'espère que vous avez passé un bon week end et merci pour vos conseils.

J'ai enlevé les paramètres, mais ils étaient la pour une simple question d'encodage ou cas où il fallus que je l'encodasse.

Pour le firsChild.nodeValue je te remercie ça marche de même.
Il me reste toujours le problème qu'une fois les combos reremplis par Ajax. Firebug me sort comme erreur :

param.options[i].firstChild is null

C'est sans doute du au dernier problème soulevé par Bovino mais je ne vois pas bien comment réinitialiser la variable dans la fonction de retour Ajax ?

Je vous renvoie le tit code modifié :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
function selectcombo (param,param2)
{
var i=0;
var j=0;
 
while (param.options[i].firstChild.nodeValue!=param2)
{
i=i+1
}
var j=param.options[i].value;
param.options[j].selected=true;
param.options[param.selectedIndex].text=param2;
}

Et j'aimerais savoir ou placer la réinitialisation. Si vous avez besoin du code remplissage des combos, frappez moi, mais pas trop fort. Merci d'avance

[andry.aime]

C'est peut être due à une dépassement d'index, C'est à dire qu'aucune option a le text param2.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
while ((param.options[i].firstChild.nodeValue!=param2) && (i<param.length))
{...}

On peut voir comment tu faits appel à la fonction et le code HTML concerné?

[descurai]

Voici l'appel Ajax de la fonction affichage du local

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
//  ----- COMBOBOX Affichage LabelLOCAL -----
 
       function ComboBoxRechercheLOCALJSChange($sender, $params)
       {
       ?>
          var params = 'nomlocal=' +document.getElementById('ComboBoxRechercheLOCAL')
          .options[document.getElementById('ComboBoxRechercheLOCAL').selectedIndex].text
          +'&nombatiment='+document.getElementById('ComboBoxRechercheBATIMENT')
          .options[document.getElementById('ComboBoxRechercheBATIMENT').selectedIndex].text
          +'&nomsite=' +document.getElementById('ComboBoxRechercheSITE')
          .options[document.getElementById('ComboBoxRechercheSITE').selectedIndex].text
          +'&nometage=' +document.getElementById('ComboBoxRechercheETAGE')
          .options[document.getElementById('ComboBoxRechercheETAGE').selectedIndex].text;
 
          basicAjax("Ajax_Recherche/recherche_affichage_local.php",params);
       <?php
       }

Voila ici, les appels à la fonction de pointage :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var selectBoxSite = document.getElementById('ComboBoxRechercheSITE');
var selectBoxBatiment = document.getElementById('ComboBoxRechercheBATIMENT');
var selectBoxEtage = document.getElementById('ComboBoxRechercheETAGE');
 
selectcombo(selectBoxSite,site);
selectcombo(selectBoxBatiment,batiment);
selectcombo(selectBoxEtage,etage);

et le code HTML je n'y en fait pas accès car géré par Delphi For Php, je te l'envoie en pièce-jointe