Modifier l'id d'une div

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:

---

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:

---

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:

---

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

Bonjour,

Je ne comprends pas bien. :fem:

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 ? :-o

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:

---

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:

---

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> ?

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:

---

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:

---

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:

---

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.

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:

---

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:

---

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

Citation:

---

Envoyé par drick35

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.

Citation:

---

Envoyé par drick35

2. Peut-on utiliser plusieurs fois une variable ?

---

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

Code:

---

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:

---

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. :)