Discussion :

[Nalfeim]

Bonjour

Commençons par une petite présentation de ma page d'édition où se situe mon problème. L'élément qui nous intéresse est un tableau de propriété : chaque ligne représente un objet (créé ailleurs), chaque colonne dans cette ligne contient une liste de choix d'attributs.
L'utilisateur est censé choisir un premier attribut dans la première colonne, ce qui lui permet de choisir le deuxième dont la liste était désactivé avant, et ainsi de suite. Ajoutons à celà la possibilité d'ajouter et de supprimer des lignes à la volée.

Le problème est le suivant :
Pour ajouter une nouvelle ligne, sur clic sur le bouton "Add" un javascript copie une ligne modèle depuis un élément caché. Mais faire ceci remet à leur valeur "selected" toutes les autres listes de la page !

Voici la fonction JS qui fait la copie du modèle

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function copyModel(sFromId, sToId) {
	try {
		var sContent = document.getElementById(sFromId).innerHTML;
		sContent = sContent.replace(/%ROW_ID%/g, Math.random());
		document.getElementById(sToId).innerHTML += sContent;
 
	} catch (oErr) {
		return false;
	}
	return true;
}

Et voici la ligne modèle copiée

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<tr>
								<td class='tag'>Synchrony</td> 
								<td>
									<select id='synchrony#%ROW_ID%' name='synchrony' onchange='ajaxComponentUpdate(this,"%ROW_ID%");'>
										<option disabled selected></option>										
										<!-- BEGIN component_synchrony -->
										<option value="{component_synchrony.SYNCHRONY}">{component_synchrony.SYNCHRONY}</option>
										<!-- BEGINELSE component_synchrony -->
										<option>No available component.</option>
										<!-- END component_synchrony -->							
									</select>
								</td>

Je précise que les commentaires bizarres sont des balises du moteur de template de phpBB3 que j'utilise pour mon projet

J'imagine que la copie déclenche un rafraichissement de l'affichage, ce qui remet les select sur la valeur selected ... et je vois pas du tout comment contourner ou éliminer simplement le problème :S

[andry.aime]

Bonjour,

<option disabled selected></option>

un option désactivé ne sera pas sélectionné et la notion est
disabled="disabled"
selected="selected"

[Nalfeim]

un option désactivé ne sera pas sélectionné

En fait, si. un objet généré "disabled selected" sera initialement sélectionné et ne pourra plus être re-sélectionné par la suite. Ce qui est plutôt pratique dans le cas mon cas : par défaut je met un choix blanc pour inciter l'utilisateur à choisir, et je l'empêche de rechoisir blanc pour éviter d'avoir des données incohérentes.

Pour la notation, je me contente de la version courte pour la clarté du code tant que je développe, ça marche pareil.

Celà dit, mon problème reste entier

[Nalfeim]

Je remonte le sujet vu que rien n'a avancé de mon côté.

Le rafraichissement du conteneur subséquent à la mise à jour de son contenu met donc la pagaille en remettant aux valeurs selected toutes mes listes.

En terme de workaround, j'envisage d'ajouter un tit javascript qui sur "onchange" va parcourir la liste des choix, faire sauter l'ancien selected pour l'attribuer à l'option désignée par la propriété selectedIndex.
Ce qui serait encore mieux serait de se passer de selected et utiliser selectedIndex directement. Sauf qu'à ma connaissance, on ne peut pas faire ça via du php (quelquechose comme <select name=machin selectedIndex=2>...)

J'apprécierai l'avis d'un connaisseur avant de me marcher sur ce chemin de croix, merci d'avance !