Reprise du message précédent :
Quand tu cliques sur un lien l'événement remonte, du coup tu peux le choper au niveau de la liste.
Exemple : http://www.jsfiddle.net/gq3Wx/2/
 
J'ai du rajouté le module More de Mootools
 
Edit : Sinon pourquoi veux tu indexer les inputs ?
Pourquoi ne pas remplacer tous tes

par des

Pour les input t'as tout à fait raison , (mais c'est parce que j'étais en phase de "prototypage" )
 
Je vais voir ton lien.

Une version plus propre http://www.jsfiddle.net/VfNFF/

<form>
    <ol id="questions">
        <li><label>Question <input type="text" name="question[]"/></label> <a href="#" class="remove">x</a></li>
    </ol>
    <a href="#" id="add">Ajouter une question</a>
</form>

window.addEvent('domready', function() {
    
    $('add').addEvent('click', function(e) {
        e.preventDefault();
        var question = $('questions').getElements('li:first-child').clone();
        question.inject($('questions'));
    });
                                
    $('questions').addEvent('click:relay(a)', function(e, clicked) {
        e.preventDefault();
        if ($('questions').getChildren().length > 1) {
            $(clicked).getParent().dispose();
        }
    });
    
});

 
Tu pars avec une liste contenant un input.
Lorsque tu veux rajouter une question ça clone le premier fils de la liste et ça le rajoute.
Pour la suppression je rajoute un event sur la liste qui prend en compte les clicks sur les liens (j'ai pas cherché à le limiter sur les a.remove).

Yep ça marche ! Merci beaucoup !
Par contre je bloque sur 2 petits perfectionnements qui sont surement basique en mootools :
 
1/ J'ai renommé l'id de mes suppression par juste le numero de ligne, alors que je voudrais que ça s'appele suppression_X et pas juste X, sauf que après je ne sais pas comment récupérer le X si l'ID s'appele suppression_X
 
2/ Quand je fais $('liste_'+ id).erase('html');, il me supprime évidemment ce qu'il y a ENTRE les <li>, mais moi je voudrais qu'il me supprime aussi les balises LI pour que ce soit plus propre, quelle est la syntaxe ?
 
Merci encore et merci d'avance
 
Edit : je viens de voir que tu avais écris entre temps, je regarde
Edit 2 : en effet c'est plus propre mais je préfère garder mon code initial, je le comprends mieux. Donc j'ai encore mes 2 problématiques

> "supression_12".split('_')[1]
"12"

Element.destroy

Yes super ! Merci beaucoup !
 
Tout marche super, mais je viens de remarquer un dernier problème :
 
Quand j'ajoute Question 1 / Question 2 / Question 3
Que je supprime Question 2
Que je recrée une div, elle se nomme Question 3...
 
Comment faire pour éviter ça ?

 
Réfléchir ?

Si je pose la question c'est que j'ai déjà réfléchi mais que je trouve pas la solution, je sais d'où vient le problème mais je ne vois pas comment le solutionner, en PHP je saurais mais en JS je galère (il faut que ça ajoute +1 à la variable i à chaque fois qu'on crée une div et non pas que ça calcule le nombre de div actuel+1, mais je ne sais pas comment rentrer ce bout de code dans mon code existant)

 
Lorsque tu créés ta div tu récupère d'abord l'id de la dernière visible et tu l'incrémentes

 
J'avais essayé mais ça marche pas :
 

 
Problème dans ma syntaxe j'imagine

 
Tu fais  une concat qui n'a rien à voir avec le résultat voulu là

 
getElements('li:last-child').get('id') te renvoie quoi, un chiffre uniquement ?
Qu'est-ce que i contient la ligne d'après ?
T'as une erreur, quelque chose ?
 
Parce que t'es là tu poses des questions mais c'est pas du tout explicite ("ça marche pas" ok), et que si tu prenais le temps de débuguer tu résoudrais ce problème tout seul.

Bah il se passe rien, quand je clique sur "créer une div" y a rien.
Et ça me balance "Erreur : getElements is not defined"

Parce que c'est $("pouet_pouet" ).getElements("coin_coin" )

 
Et ça t'a pas mis la puce à l'oreille ?

 
Ok ça marche merci, par contre quand je rajoute le split pour juste récupérer le chiffre, là ça marche pas et que ça me met que ce n'est pas une fonction alors que la même syntaxe fonctionne pour la suppression O_o
 
    var i = $('liste_ajax').getElements('li:last-child').get('id').split('_')[1] +1;

Tu as quoi en faisant un

console.info($('liste_ajax').getElements('li:last-child').get('id'))

ou un

alert($('liste_ajax').getElements('li:last-child').get('id'))

?

j'ai trouvé cet article intéressant : http://www.w3.org/International/tu [...] -char-enc/
 

interessant, je lisais justement ça hier: http://www.i18nguy.com/markup/right-to-left.html
(agréablement surpris de voir que les tables sont rendues en RTL aussi)

console.info($('liste_ajax').getElements('li:last-child').get('id'))

alert($('liste_ajax').getElements('li:last-child').get('id'))

Non mais sache que si je fais :     var i = $('liste_ajax').getElements('li:last-child').get('id')+1;
 
Ca marche sans souci hein, c'est juste que comme l'ID est "liste_1" pour le premier, bah ça me fait des "liste_1+1"

 
Bah tu fais ça : var i = $('liste_ajax').getElements('li:last-child').get('id')+1;  
Tu récupère liste_x, tu fais le traitement qui convient pour récupérer le x et tu l'incrémentes

 
Ca me met que i.split is not a function
J'vous jure que je fais pas exprès  

C'est normal tu redéclares i
 
Indice pour le probleme suivant :
pouet.pouet.get("id" ).split('_')[1] ça te renvoie un string
pour l'incrementer tu dois le convertir en int (fonction parseInt)

 
1/ Comment tu fais pour redéclarer alors en JS mootools ? (car moi je le fais à la manière de PHP
2/ même quand je fais "var i = $('liste_ajax').getElements('li:last-child').get('id').split('_')[1];" sans incrementer, il me refuse et me fout un "Erreur : $("liste_ajax" ).getElements("li:last-child" ).get("id" ).split is not a function"
 
Ca s'utilise bien comme ça split non ?  
 
Vu que si je retire le split, je récupere un "liste_X" donc normalement le split devrait me renvoyer le "X" donc je comprends pas

tu ne le redeclare pas, tu le réutilises

 
getElements renvoie un tableau d'éléments (même si il n'y en a qu'un)
ensuite get('id') renvoie un tableau d'id
du coup le split ne marche pas vu que ce n'est pas une méthode de talbeau

Ah ok logique
Y a moyen d'utiliser autre chose que getelements alors ?

 
Putain là c'est vraiment du foutage de gueule.
T'as lu la doc ? Parce que juste en dessous de getElements il y a getElement

Sauf que le last-child marche pas avec J'avais essayé.
Si t'es pire que moi en mootools, faut peut être pas que tu essayes de m'aider, sinon on va jamais s'en sortir

https://bugzilla.mozilla.org/show_bug.cgi?id=312156
workaround anyone ?
sachant qu'on veut que le texte wrappe aussi.

 
Tu veux que ça wrap mais qu'à la fin de la n-ème ligne si y'a encore du texte t'aie des "…" ?
Ça se passe dans un container à largeur et hauteur fixe donc ?

en fait j'avais pas compris : la largeur est assez petite. Donc le truc wrappe entre les mots, mais si un des mots est trop long, il est coupé en ellipse.
ex: "Bonjour Monsieur" devient
Bonj...
Mon...
et "Bonjour Toi" devient :  
Bonj...
Toi

 

Autant avec une liste d'éléments distincts empilés verticalement je comprendrais, mais ellipsizer des bouts de mots au milieu d'une phrase ?
 
(ouais je sais, je t'aide pas trop à résoudre le pb)

Les îcones à côté de

j'espère qu'il y a pas la même sur discu

 
C'est désactivé sur discu.

ouf

non, ma colonne dans laquelle on affiche un label est très fine (70px) et certains utilisateurs peuvent avoir des label contenant des mots un peu long, et 2 ou 3 mots. du coup tous les mots peuvent être wrappés (un mot par ligne), et même un mot seul peut être trop long pour la ligne.

Ça serait pas plus simple d'insérer des soft hyphens (&shy; ) dans les mots longs ?

Certainement déjà discuté mais je retrouve plus, LESS pour les CSS, oui, non, poney ?
Les inconvénients que j'y vois sont l'obligation de recompiler à chaque modification et la portabilité en cas de reprise du projet (ce dont je me tamponne).
 
Des retours ?