Discussion :

[drick35]

Bonjour,

Actuellement j'essaye de modifier l'id de plusieurs div pendant une injection suite à la modification du numero id="num". La $('num').get('value'); s'execute bien mais $(tab[0]).inject($(tab[1]).set('id',tab[0]), 'after').set('id', tab[1]); ne fonctionne pas.
Peut on mettre un tableau dans $() ?

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
// -----------------------------------------------
// numéro article
// -----------------------------------------------
 
$('narticle+').addEvent('click', function(){ 
	var numero = $('num').get('value');
var tab=new Array;
   tab[0]=numero;
   tab[1]=++numero;	
 
$('num').set('value', numero );
$('num').set('value', tab[1] );
$(tab[0]).inject($(tab[1]).set('id',tab[0]), 'after').set('id', tab[1]);
 
 
 
  });

//liste des lots

Code html :

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

1
2
3
4
5
<ul id="sortable-list">
<li id="0" class="sortme" alt="5">Isolation extérieure</li>
<li id="1" class="sortme" alt="7">Etanchéité</li>
</ul>
...

//formulaire

Code html :

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

1
2
3
...
<div>numéro : <input name="numero" id="num" class="saisie" tabindex=""  maxlength="2" size="2" value="<?php echo $item['position']; ?>"/><input id="narticle+" type="button" value="^" /><input id="narticle-" type="button" value="v" /></div>
...

merci pour vos réponses

Bonne journée
Drick

[vermine]

Bonjour,

Je ne comprends pas bien.

1. Tout d'abord, les id ne devraient pas être uniquement numériques ni commencer par un numéro.

2. Ensuite, modifier un id en cours de route est-il vraiment catholique ?

3. Etes-vous sûr de recevoir systématiquement un numéro dans le numéro ? Car si on peu encoder une chaine de caractère, vous allez obtenir un drôle de résultat à ce niveau :

Code :

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

tab[1]=++numero;

4. Ici, vous attribuez deux fois d'affilées une valeur différente au champ numéro. Il ne retiendra que la dernière :

Code :

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

1
2
$('num').set('value', numero );
$('num').set('value', tab[1] );

5. Pourquoi passer par un tableau ?

6. En gros, vous voulez injecter le premier <li> après le second et échanger les id des deux <li> ?

[vermine]

Je me demande s'il ne serait pas plus adéquat d'utiliser la classe Fx.Sort. Tout dépend ce que vous désirez réellement faire, bien entendu. Cette classe permet de trier des listes d'éléments semblables. Par exemple, une liste de <li> :

Code html :

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

1
2
3
4
5
 
<ul id="sortable-list">
   <li class="sortme" alt="5">Isolation extérieure</li>  <!-- élément d'indice 0 -->
   <li class="sortme" alt="7">Etanchéité</li> <!-- élément d'indice 1 -->
</ul>

Vous déclarez un objet avec quelques options :

Code :

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

1
2
3
4
5
6
 
monSort = new Fx.Sort($('sortable-list').getElements('li'), { //la liste des li
   duration: 2000,  //une durée pour la transition
   transition: 'sine:in',  //un style de transition
   mode: 'vertical'  //le fait que la liste soit verticale visuellement
});

Puis vous lancer le tri :

Code :

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

monSort.sort([1,0]);

Cette instruction signifie que vous allez placer l'élément d'indice 1 en première position de la liste. Et l'élément d'indice 0 en seconde position de la liste (voir les commentaire dans le code HTML). Il n'y a donc pas de notion d'id.

[drick35]

visualiser la page : http://module.construction-materiaux.com/indexa.php

reponse au dif points de vermine
1. Tout d'abord, les id ne devraient pas être uniquement numériques ni commencer par un numéro.
Je pensais mettre la position des <li> dans l'id en sachant que le alt posséde l'id de la base de donnée utilisé

Code :

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

Sortables

2. Ensuite, modifier un id en cours de route est-il vraiment catholique ?
effectivement c'est pas le mieux, je vais intervertir les fonction du id et du alt se qui serrait plus approprié.

3. Etes-vous sûr de recevoir systématiquement un numéro dans le numéro ? Car si on peu encoder une chaine de caractère, vous allez obtenir un drôle de résultat à ce niveau
Pourquoi passer par un tableau ?
j'ai créé un tableau car je n'arrive pas à utiliser plusieurs fois la mm variable, don c'etait un essai.

4. Ici, vous attribuez deux fois d'affilées une valeur différente au champ numéro.
effectivement il y a eu un prob de copier / coller du code pour

Code :

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

1
2
$('num').set('value', numero );
$('num').set('value', tab[1] );

6. En gros, vous voulez injecter le premier <li> après le second et échanger les id des deux <li> ?
oui, c'est tout a fait çà !


Tout ceci m'amène à vous posez deux questions qui pourrait être utile pour d'autres cas
1 . Peut on mettre un tableau ds $() ?ex : $(tab[prenom]) , si oui comment peut on faire pour un bonne exécution?

2. Peut on utiliser plusieurs fois une variable ?

merci
drick

[vermine]

1 . Peut on mettre un tableau dans $() ?ex : $(tab[prenom]), si oui comment peut-on faire pour un bonne exécution ?

Oui, tout a fait et la syntaxe est bonne. $() attend comme paramètre une chaine de caractère qui est un id ($('num');), ou une variable JavaScript contenant une chaine de caractère (cette variable peut-être la cellule d'un tableau : var tab[0]='num'; $(tab[0]);.

Ici, je pense que le problème vient plutôt de la conception et du jeu avec les id.

2. Peut-on utiliser plusieurs fois une variable ?

Mmm... Moui. Sachant que ça dernière utilisation écrasera les autres.

Code :

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

1
2
3
4
5
 
var numero = 0;
numero = 1;
 
//numero vaut 1

Ma remarque portait plutôt sur le fait qu'il n'y avait que deux valeurs à sauver et que passer par un tableau était un peu surprenant.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
numero = 0;
var tab=new Array;
tab[0]=numero;
tab[1]=++numero;
 
// peut s'écrire
 
numero = 0;
var numero_selectionne = numero++;
 
// numero_selectionne = 0;
// numero = 1;

La classe Fx.Sort ne vous intéresse pas du tout ? Dommage.