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

mistic100
Ex Equipe Piwigo
Lyon
2008-09-27
3556

Un peu de jQuery

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)

Hors ligne

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

LucMorizur
Membre
Vienne (Isère, 38)
2009-03-01
1969

Re: Un peu de jQuery

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)

Hors ligne

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

mistic100
Ex Equipe Piwigo
Lyon
2008-09-27
3556

Re: Un peu de jQuery

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

Hors ligne

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

LucMorizur
Membre
Vienne (Isère, 38)
2009-03-01
1969

Re: Un peu de jQuery

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 ?

Hors ligne

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

mistic100
Ex Equipe Piwigo
Lyon
2008-09-27
3556

Re: Un peu de jQuery

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)

Hors ligne

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

LucMorizur
Membre
Vienne (Isère, 38)
2009-03-01
1969

Re: Un peu de jQuery

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 !

Hors ligne

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

Gotcha
Equipe Piwigo
Pierrelatte (26)
2007-03-14
13331

Re: Un peu de jQuery

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é ;-)


Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

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

LucMorizur
Membre
Vienne (Isère, 38)
2009-03-01
1969

Re: Un peu de jQuery

[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]

Hors ligne

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

mistic100
Ex Equipe Piwigo
Lyon
2008-09-27
3556

Re: Un peu de jQuery

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

Hors ligne

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

Gotcha
Equipe Piwigo
Pierrelatte (26)
2007-03-14
13331

Re: Un peu de jQuery

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


Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

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

mistic100
Ex Equipe Piwigo
Lyon
2008-09-27
3556

Re: Un peu de jQuery

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

Hors ligne

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

mistic100
Ex Equipe Piwigo
Lyon
2008-09-27
3556

Re: Un peu de jQuery

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

Hors ligne

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

plg
Équipe Piwigo
Nantes, France, Europe
2002-04-05
12360

Re: Un peu de jQuery

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.


Dernier billet du blog Piwigo.com (20 juin 2019) Modus, nouveau thème par défaut sur Piwigo.com

Hors ligne

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

P@t
Équipe Piwigo
Nice
2007-06-13
5694

Re: Un peu de jQuery

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


P@t

Hors ligne

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

plg
Équipe Piwigo
Nantes, France, Europe
2002-04-05
12360

Re: Un peu de jQuery

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)


Dernier billet du blog Piwigo.com (20 juin 2019) Modus, nouveau thème par défaut sur Piwigo.com

Hors ligne

Pied de page des forums

Propulsé par FluxBB

github twitter facebook newsletter Faire un don Piwigo.org © 2002-2020 · Contact