Discussion :

[nims]

Bonsoir à tous !!

Sur ma page j'ai une liste déroulante.
Lorsque l'utilisateur change la valeur sélectionnée, ça recharge cette même page mais en affichant (sur le reste de la page) le contenu correspondant à l'option choisie. le formulaire est en méthode post.

J'ai remarqué que jquery fonctionne lorsque j'arrive pour la première fois sur la page. Mais lorsque je sélectionne une option dans la liste et qu'il me réaffiche la page (après le traitement) alors ça ne fonctionne plus...

Impossible de "drag" le div...

Je sais pas si j'ai été bien clair.... :s

Comment résoudre ça ??

Merci d'avance pour votre aide!!

[danielhagnoul]

Bonsoir.

live(), Voir : http://www.developpez.net/forums/d83...s/#post4805186

[nims]

Merci pour ta réponse.
Effectivement cela devrait pouvoir résoudre mon problème.

Sauf que je ne connais pas encore bien les syntaxes de jquery...

Voici mon code:

Code :

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

1
2
3
 $(function() {
            $("#draggable").draggable();
        });

Comment intégrer le live?
Sur tout les exemples que j'ai trouvé il y a d'autres paramètres que je ne comprend pas (exemple: $(":radio").click(function(){...} )


Comment retranscrire ma fonction avec le live?

[danielhagnoul]

Bonsoir.

Si

Code :

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

$("#draggable").draggable();

pose problème, la seule solution est d'en faire une copie dans la fonction de callback du $.post()

Pour un

Code :

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

$(":radio").click(function(){...} );

on le réécrit avec live de cette manière

Code :

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

$(":radio").live("click", function(){...} );

Pour vous aider plus efficacement, il faudrait disposer du code ou d'un lien vers la page.

[nims]

Je ne comprend pas...

Voila mon code entier:

Code :

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

1
2
3
4
 $(document).ready(  function()
    {
$("#draggable").draggable();
   });

avec ma div d'id="draggable"

Comment y intégrer le live :s

J'ai essayé plein de syntaxes... je ne trouve pas


---------------------EDIT-----------------------------

Code :

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

1
2
3
4
5
6
 $(document).ready(  function()
        {
                $("#draggable").livequery(function(){
                    $(this).draggable();
                })
        });

Ce code marche avant l'envoi du formulaire mais pas après...

[danielhagnoul]

Bonsoir.

L'appel à « draggable() » est votre code en entier !
Dans votre premier « post » j'avais cru comprendre que vous parliez d'une transaction AJAX et du rechargement de la page ?

Si j'ai mal compris pour la transaction AJAX , s'il s'agit bien de votre code en entier et qu'il fonctionne au premier appel de la page, alors c'est moi qui ne comprends plus rien à votre problème.

[nims]

ha ha !
Alors je refais une autre explication!

Sur ma page j'ai une liste déroulante de noms d'images (et c'est tout).

Lorsque la valeur de cette liste change (soit quand l'utilisateur fait son choix)
alors ça revient sur cette même page avec :
- en haut la liste déroulante pour faire un autre choix.
- en dessous l'image.

Il y a donc deux "actions": la page pour le choix et la page choix/contenu

Lorsque j'affiche l'image j'ai mon div que je voudrais rendre draggable.

--

Pour les tests avec jquery j'ai mis ce div dans la partie commune à ces deux pages.
Ce div est draggable uniquement sur l'action dite "choix".
Sur choix/contenu ca ne marche plus...

Voila j'espere que j'ai été plus clair !
Sinon hésite pas!

[spooffi]

Travailler avec jQuery et recharger toute une page pour afficher une image dans un div
si ton select a un id="sel" et ton div a un id="div", il serait mieux de faire

Code :

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

1
2
3
4
5
6
7
 
$("#sel").change(function(){
    // je suppose que images.php est la page qui reçoit la requête, et que ton script attend un $_POST['img'] et retourne l'url de l'image désirée
    $.post("images.php", {img:$(this).val()}, function(data){
        $("#div").html('<img src="'+data+'">');
    });
});

[nims]

Salut spooffi, mon exemple a été simplifié...
Je demande juste à avoir un div draggable avant et après envoi de mon formulaire !! ....