Discussion :

[baggie]

Bonjour,

j'ai créé un planning qui affiche les jours de la semaine et les projets en cours pour la semaine choisie.

Lorsque l'on clique sur une case du planning (correspondant à un jour et une personne), on peut ajouter un projet. Pour cela, on affiche un formulaire après clic sur une case :
- nom de la personne sélectionnée
- jour choisi (ces deux champs se remplissent automatiquement)
- liste des projets possibles
- bouton valider

La fonction Javascript qui me permet de remplir mes champs :

Code :

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

1
2
3
4
5
6
7
8
 
function addtache(val)
{
	datech = val.split("/");
	document.getElementById('ladate').value = datech[0];
	document.getElementById('lapers').value = datech[1];
	document.getElementById('ajoutertache').style.display = 'block';
}

val est sous la forme : 05-05-10/monlogin/12546 (date/login/id_projet)

Il est possible de cliquer sur une case même si un projet est déjà entré.
Dans ce cas là, j'aimerai que ma liste de projets ait en "selected" le projet déjà sélectionné.

Il y a bien la fonction selectedIndex ou cette formule :

Code :

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

document.forms[0].monSelect.options[i].selected = true;

Sauf que je ne sais pas quelle est la valeur de i puisque le 'i' ne correspond pas à l'id du projet.

Ce que j'ai testé :

Code :

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

document.forms[0].listepjts.options[datech[2]].selected = 'selected';

Alors comment puis-je faire pour savoir à quel 'i' correspond mon id_projet ? Ou y-a-t-il une autre méthode ?

Merci

[SpaceFrog]

essaye d'attribuer directement la value ... (je sais pas si c'est crossbrowser )
sinon il faudra boucler sur les options pour tester l'egalité de la value

[baggie]

J'ai testé avec la value :

Code :

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

document.getElementById('listepjts').value = datech[2];

Mais ça ne fonctionne pas non plus.

Pour le bouclage sur les options, je le fais du coup dans le php ? Ou toujours dans mon js ?

[SpaceFrog]

si tu peux le faire en php ce sera mieux ...

Code :

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

<?php echo ( (valueoption=valuesel)?'selected="selected"':''); ?>

[baggie]

Hum du coup je ne suis pas sûre d'avoir compris la méthode.

Mon id_projet, je le récupère bien à quelque part pour ensuite le comparer dans mon select ? Mais dans quoi ?

A la base, je pensais dans un input hidden mais je ne fais pas de POST ou GET me permettant de le récupérer, donc est-ce que tu peux m'en dire plus ?

[SpaceFrog]

tu as la boucle php de creation du select ? ou le code php du select ?

[baggie]

Code :

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

1
2
3
4
5
6
7
8
 
echo '<select name="listeproj" id="listepjts">';
$listepjt = mysql_query("SELECT id_projet,nom_projet FROM projet ORDER BY nom_projet ASC;");
while ($donnees = mysql_fetch_array($listepjt))
{
	echo '<option value="'.$donnees['id_projet'].'">'.$donnees['nom_projet'].'</option>';
}
echo '</select>';

Je l'ai déjà fait de mettre en selected une option, mais pas depuis javascript et sans poster de form x)

Merci pour ton aide !

[SpaceFrog]

mais par rapport à quoi tu veux le mettre le selected coté js ?????
tu as un value ou un index ?

[baggie]

J'ai un planning s'affichant sur ma page. Quand je clique sur une case, j'affiche un formulaire pour ajouter un projet à tel jour et pour telle personne.
A chaque case on a un id : date/login_personne/id_projet (avec id_projet pouvant être vide).

Sauf que la case peut contenir un projet. Et dans ce cas là, mon formulaire affichera toujours la date et la personne concernées mais aussi le nom du projet déjà dans la case (celui que je dois passer à selected).

Au clic d'une case, on déclenche cette fonction :

Code :

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

1
2
3
4
5
6
7
8
 
function addtache(val)
{
	datech = val.split("/");
	document.getElementById('ladate').value = datech[0];
	document.getElementById('lapers').value = datech[1];
        document.getElementById('listepjts').value = datech[2];
}

Comme ça, je récupère mon id_projet (la dernière ligne). Si je devais le mettre dans une case, ça irait.

Code :

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

1
2
3
4
5
6
7
8
9
 
echo '<select name="listeproj" id="listepjts">';
$listepjt = mysql_query("SELECT id_projet,nom_projet FROM projet ORDER BY nom_projet ASC;");
while ($donnees = mysql_fetch_array($listepjt))
{
        // Ici peut-être, il faudrait : si $donnees['id_projet'] = datech[2] alors selected='selected'
	echo '<option value="'.$donnees['id_projet'].'">'.$donnees['nom_projet'].'</option>';
}
echo '</select>';

Sauf que mon datech[2], je ne peux pas le récupérer en brut comme ça.

J'espère que c'est plus clair

EDIT : sinon j'ai testé ceci mais il doit y avoir une erreur :

Code :

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

1
2
3
4
5
6
 
for(i=0;i<document.form.listepjts.length;i++)
{
	if (document.getElementById('listepjts').options[0] == datech[2])
		document.forms[0].listepjts.options[i].selected = 'selected';
}

[SpaceFrog]

déja tu ne modifies le i de l'option tu reste sur le 0, ensuite c'est le value de l'option qu'il faut tester par rapport à la variable non ???

[baggie]

Oui le i je l'ai vu, j'ai modifié de suite !
Pas faux pour le value ...

Code :

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

1
2
3
4
5
6
 
for(i=0;i<document.form.listepjts.length;i++)
{
	if (document.getElementById('listepjts').options[i].value == datech[2])
		document.forms[0].listepjts.options[i].selected = 'selected';
}

ne fonctionne pas mieux ... =(

[SpaceFrog]

c'est que l'egalité n'est jamais virai ... tu as un problème entre la vlauer de la varaible et la valuer de l'otion ...
debugge avec un alert !!!

Code :

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

1
2
3
4
5
for(i=0;i<document.form.listepjts.length;i++)
 { alert( 'option : '+i+'\nvalue :'+document.getElementById('listepjts').options[i].value+'\nvariable test :'+datech[2]);
	if (document.getElementById('listepjts').options[i].value == datech[2])
		document.forms[0].listepjts.options[i].selected = 'selected';
}

[baggie]

J'ai déjà testé, mais aucun alert() ne fonctionne dans mon for ! Donc pour débugguer ...

EDIT : ma liste de projets contient bien les bons id et mon datech[2] contient bien ma valeur.

[SpaceFrog]

c'est que le souci est en amont ! il ne rentre même pas dans ta boucle

[baggie]

Qu'est-ce qui peut gêner à l'entrée d'un for dans cette fonction :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function addtache(val)
{
	datech = val.split("/");
	document.getElementById('ladate').value = datech[0];
	document.getElementById('lapers').value = datech[1];
 
  	for(i=0;i<document.form.listepjts.length;i++)
	{
 		if (document.getElementById('listepjts').options[i].value == datech[2])
			document.forms[0].listepjts.options[i].selected = 'selected';
	}  
	document.getElementById('ajoutertache').style.display = 'block';
}

J'ai fait des alert(val), alert(datech[0/1 ou 2]), tout est ok niveau valeur.
Ca peut venir d'où ?

EDIT : j'ai un appel Ajax en dessous de cette fonction également ... Ca pourrait venir de ça ? (sachant que ma fonction fonctionne correctement)

[SpaceFrog]

Code :

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

alert(document.form.listepjts.length)

te retourne quoi juste avant la boucle ?

[baggie]

Je n'ai rien du tout qui se passe si je mets ton code.
Si je mets un alert(val), j'ai bien le alert et mon formulaire (dans le div) qui s'affiche.

Je n'y comprends rien u_u

[SpaceFrog]

fait voir le htlm du select ...
il a un id ou un name ??

[baggie]

Il a les 2, id et name ...

Code :

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

1
2
3
4
5
6
 
<select id="listepjts" name="listeproj">
<option value="0125415">Projet1</option>
<option value="0148416">Projet2</option>
<option value="0587417">Projet3</option>
</select>

Edit : je dois partir, je répondrais demain ...

[SpaceFrog]

options.length

tu n'as pas plusieurs selects identiques ???

Code :

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

for(i=0;i<document.getElementById('listepjts').options.length;i++)