Piwigo.org

mistic100 · 2011-03-09 17:23:47

Hello,
j'essaye de transformer toutes mes fonctions pour utiliser jQuery (c'est plus propre en général)

voila de quoi je part :

Code:

var new_result = document.createElement('li');
new_result.setAttribute('id', 'desc_'+j);
new_result.setAttribute('class', 'categoryLi virtual_cat');
document.getElementById('categoryUl').appendChild(new_result);

j'ai essayé ça en m'inspirant de la doc et de ce que j'ai pu trouver sur les fofo

Code:

jQuery('<li id="desc_'+j+'" class="categoryLi virtual_cat"></li>').appendTo('#categoryUI');


jQuery('#categoryUI').append('<li></li>').addClass('categoryLi virtual_cat').attr('id', 'desc_'+j);

inutile de préciser qu'aucun des deux ne fonctionne :D

(à l'occasion je lirais un cours jQuery pour comprendre la logique de fonctionnement...)

Dernière modification par mistic100 (2011-03-26 13:16:24)

LucMorizur · 2011-03-09 20:08:45

Salut mistic100 ;

alors je ne vais pas te traduire tes requêtes en code qui fonctionne, hein :-/ ... mais juste pour dire que la philosophie jQuery, c'est la simplicité : tu accèdes à des éléments HTML (individuellement ou en groupe) par leur classe, leur id, leur position dans l'arborescence, leur position par rapport à un autre élément... etc. Pour ça (pour savoir quelles possibilités tu as pour accéder à un (ou plusieurs) élément(s) HTML), c'est la page "Selectors" de la documentation : http://docs.jquery.com/Selectors .

(Alors pour l'histoire, pas moyen de trouver une doc jQuery en français, ni à télécharger, même en anglais. Impossible. Manifestement, tout a été fait pour que la doc ne soit que consultable sur le site, et en anglais (peut-être des tutoriaux en français ( http://www.jquery.info )), mais a priori absolument rien en tous cas à télécharger.)

Donc normalement pour créer un nœud <li>, on va d'abord choisir à partir de quoi on le crée (donc où), mettons dans un bloc <div> ayant l'identifiant "ici", auquel cas ça s'écrira :

jQuery('#ici').append('<li id = "rajout_li"></li>');

Le id = "rajout_li" permet d'adresser ensuite jQuery('#rajout_li') évidemment...

Pour adresser une classe on préfixe le nom de la classe par ".", un id par "#", un type d'élément par rien...

Je te laisse compléter ! Bon amusement !

Dernière modification par LucMorizur (2011-03-09 20:10:39)

mistic100 · 2011-03-09 20:12:03

en fait je ne parlais pas vraiment de l'accès, ça je sais faire, mais plutôt de la portée des fonctions quand on fait plusieurs choses d'un coup comme j'essaye de faire....

LucMorizur · 2011-03-09 20:22:18

mistic100 a écrit:
en fait je ne parlais pas vraiment de l'accès, ça je sais faire, mais plutôt de la portée des fonctions quand on fait plusieurs choses d'un coup comme j'essaye de faire....

OK ; j'ai parlé de l'accès car j'ai été surpris dans ton premier post par le

jQuery('<li id="desc_'+j+'" class="categoryLi virtual_cat"></li>').appendTo('#categoryUI');

mais a priori ça ça ne pose de problème (mais je suis carrément pas spécialiste moi !!).

Par contre un truc idiot : dans ta première citation tu écris :

document.getElementById('categoryUl').appendChild(new_result);

alors que dans la seconde c'est :

jQuery('#categoryUI'). (...)

Il y a donc un caractère de différence.

J'ai bon ?

mistic100 · 2011-03-09 20:31:45

p'tin alors celle je l'aurais jamais vue !!
idiot, c'est le mot

merci Luc, ça marche :)

pour info quand on met un tag html à la place du sélecteur, jQuery tente de le créer

Dernière modification par mistic100 (2011-03-09 20:32:27)

LucMorizur · 2011-03-09 20:38:15

mistic100 a écrit:
p'tin alors celle je l'aurais jamais vue !!

Meuh si, on finit toujours par trouver :-)

mistic100 a écrit:
idiot, c'est le mot

Ça, ça convient à 99 % des bugs ;-) !

mistic100 a écrit:
merci Luc, ça marche :)

Cool ! Mon passage sur Terre n'aura finalement pas été totalement inutile :-D !

Gotcha · 2011-03-09 23:24:11

LucMorizur a écrit:
Cool ! Mon passage sur Terre n'aura finalement pas été totalement inutile :-D !

Hé hé hé ! Attends un peu on n'a pas fini avec toi. Du moins, tu n'as pas fini ce que tu as commencé :-D

Bon ok moi aussi je n'ai rien terminé ;-)

LucMorizur · 2011-03-10 09:28:50

[HS]

Gotcha a écrit:
LucMorizur a écrit:
Cool ! Mon passage sur Terre n'aura finalement pas été totalement inutile :-D !
Hé hé hé ! Attends un peu on n'a pas fini avec toi. Du moins, tu n'as pas fini ce que tu as commencé :-D

Ça fait 39 ans que ça dure !!

Gotcha a écrit:
Bon ok moi aussi je n'ai rien terminé ;-)

Je te souhaite que ce soit le cas très, très longtemps, mon cher Julien ;-) !

:-D
[/HS]

mistic100 · 2011-03-25 13:01:46

encore une question

connaissez vous un plugin jQuery pour faire du classement d'éléments par drag-and-drop ?
genre j'ai x éléments et un n boites, chaque élément peut être placé dans une boite
et tout ceci dans un formulaire pour traiter les données par la suite

en fait c'est pour le plugin TypeT@gs, j'aimerais essayer cette méthode pour l'association tag/typetag

Gotcha · 2011-03-25 18:44:58

@mistic100 :
Regarde ça peux-être...
http://www.guillaumevoisin.fr/blog/jque … des-taches

mistic100 · 2011-03-25 18:48:00

hmm j'aurais préféré un truc tout fait (et je sais que ça existe, j'arrive juste plus à retrouver)

je vais surement pas passer des heures là dessus :p

mistic100 · 2011-03-25 20:59:53

dingue ça ! impossible de le retrouver !

bon par contre j'ai trouvé http://www.redips.net/javascript/drag-a … e-content/
qui ne fonctionne pas avec un formulaire mais un final ça me va, ya plus qu'a utiliser intelligemment les tableaux....

plg · 2011-03-25 21:23:00

mistic100 a écrit:
bon par contre j'ai trouvé http://www.redips.net/javascript/drag-a … e-content/

Impressionnant. A part dans un agenda, je ne vois pas trop comment l'exploiter, mais l'effet est excellent.

P@t · 2011-03-26 09:17:20

mistic100 a écrit:
connaissez vous un plugin jQuery pour faire du classement d'éléments par drag-and-drop ?
genre j'ai x éléments et un n boites, chaque élément peut être placé dans une boite
et tout ceci dans un formulaire pour traiter les données par la suite

Ben c'est le principe du droppable de jQuery UI... les démos interessantes:
http://jqueryui.com/demos/droppable/#shopping-cart
http://jqueryui.com/demos/droppable/#photo-manager

plg · 2011-03-26 09:29:44

P@t a écrit:
http://jqueryui.com/demos/droppable/#photo-manager

Magnifique. Le principe des 2 icônes "zoom" et "delete" sous la miniature, ce serait superbe sur le Batch Manager.

(Le Shopping Cart, ça ne marche pas sur mon Firefox4/Chrome10/Safari5)

Piwigo.org

Annonce

#1 2011-03-09 17:23:47

Un peu de jQuery

Code:

Code:

#2 2011-03-09 20:08:45

Re: Un peu de jQuery

#3 2011-03-09 20:12:03

Re: Un peu de jQuery

#4 2011-03-09 20:22:18

Re: Un peu de jQuery

mistic100 a écrit:

#5 2011-03-09 20:31:45

Re: Un peu de jQuery

#6 2011-03-09 20:38:15

Re: Un peu de jQuery

mistic100 a écrit:

mistic100 a écrit:

mistic100 a écrit:

#7 2011-03-09 23:24:11

Re: Un peu de jQuery

LucMorizur a écrit:

#8 2011-03-10 09:28:50

Re: Un peu de jQuery

Gotcha a écrit:

LucMorizur a écrit:

Gotcha a écrit:

#9 2011-03-25 13:01:46

Re: Un peu de jQuery

#10 2011-03-25 18:44:58

Re: Un peu de jQuery

#11 2011-03-25 18:48:00

Re: Un peu de jQuery

#12 2011-03-25 20:59:53

Re: Un peu de jQuery

#13 2011-03-25 21:23:00

Re: Un peu de jQuery

mistic100 a écrit:

#14 2011-03-26 09:17:20

Re: Un peu de jQuery

mistic100 a écrit:

#15 2011-03-26 09:29:44

Re: Un peu de jQuery

P@t a écrit:

Pied de page des forums