Ajax et Jquery

Bonjour a tous,
au sein de ma page web j'ai une section que j'aimerai recharge via ajax. Ce qui marche tres bien :p
seul probleme c'est que cette portion de page a son fonctionneemnt propres et necessite aussi un peu de Jquery ! Et le probleme c'est que mon Jquery qui arrive n'est plus analyse :'(
ce que je comprends parce que la fonction

Code:

---

1 2	$(document).ready(function(){

---

n'est pas execute !!! Il y a t-il a moyen pour le faire ?? parce que bien evidement le javascript normal fonctionne mais c'est quant meme beaucoup plus lourd a ecrire :'(

y'a t-il une solution ?
merci

C'est pas très clair tout ça :?

Code:

---

$(document).ready(function(){

---

exécute le code lorsque la page a fini de se charger, donc il n'y a aucune raison qu'il soit lancé lorsque tu mets à jour du contenu puisque précisément, la page n'est pas rechargée (ce qui est l'utilité d'Ajax).
Il faut réaffecter les fonctions souhaitées à ton nouveau contenu une fois que celui-ci est inséré dans la page.

Citation:

---

$(document).ready(function(){

exécute le code lorsque la page a fini de se charger, donc il n'y a aucune raison qu'il soit lancé lorsque tu mets à jour du contenu puisque précisément, la page n'est pas rechargée (ce qui est l'utilité d'Ajax).

---

ca je suis bien d'accords en fait c'est un peu ce que j'essayais d'expliquer :)

Citation:

---

Il faut réaffecter les fonctions souhaitées à ton nouveau contenu une fois que celui-ci est inséré dans la page.

---

Je pense que c'est ce que je cherche ! mais je fait ca comment ?

merci de ta reponse,
Jerome

Voir cette discussion...

Ok ca marche !!!
merci :)

Je me permet de reprendre cette conversation afin d'avoir un code plus propres :p (c'est donc pas un probleme de fonctionalite)

Pour le moment j'ai ca :

Code:

---

1 2 3 4 5 6 7 8

$.ajax({ url: url, success: function(html){ $("#my_content").html(html); //et toutes mes fonctions necessaires au fonctionnement de ce content // .... }

---

du coup j'avais envie pacr que mine de rien il y a pas mal de code ! de mettre tout ce jquery dans un fichier externe et l'appele qu'a ce moment la !
j'ai pense faire dans le fichier Js:

Code:

---

1 2 3 4

jQuery.fn.functions_for_content = function() { //ici l'ensemeble de mes fonctions }

---

et l'appeler de la maniere suivante:

Code:

---

1 2 3 4 5 6 7

$.ajax({ url: url, success: function(html){ $("#my_content").html(html); $.fn.functions_for_content(); }

---

mais ca ne marche pas vraiement :'(
Est ce que je suis sur la bonne voie ?

merci
Jerome

Personne ne voit de possibilité pour le faire ?

Salut,

pourrais-tu donner le code de functions_for_content() ?

Bonjour,
cette fonction regroupe l'ensemble des fonctions du formulaires, exemple:

Code:

---

1 2 3 4 5 6

jQuery.fn.functions_for_content = function() { $("#submit").click(function() { $("#my_form").submit(); }); }

---

en gros ce sont toutes ces fonctions qui rendent mon formulaire 'vivant' :p
merci de ton aide

Salut,

Quand tu dis "ça marche pas vraiment" qu'est-ce que ça veut dire ?

sinon tu peux aussi ajouter un script dans ta réponse pour y placer
le code qui rends le formulaire fonctionnel au moment de l'injection
dans le DOM.

Comment tu faits ca ?
Parce que pour que le Jquery soit analyse il faut le place dans la fonction success de AJAX!

Citation:

---

Envoyé par suckthewindow

Comment tu faits ca ?
Parce que pour que le Jquery soit analyse il faut le place dans la fonction success de AJAX!

---

Le code javascript renvoyé entre des balise <script> derrière ton contenu
html sera évalué par JQuery.

Mais pourrais tu expliquer ce qui ne marche pas dans ton code ? arrives-tu
à poster un exemple simple qui contient le problème.

Bonjour,
alors je pense que y'a un super mal entendu depuis le debut !
Parce que c'est pas vraiement mon jquery qui ne marche pas ... en gros je charge un formulaire via ajax ! ce formulaire a des actions que je suis obliges pour que le jQuery soit affecté de le mettre dans la function success de AJAX (ca ne marche pas si je le met dans la balise <script> de la page charge via AJAX)
comme suit:

Code:

---

1 2 3 4 5 6 7 8

$.ajax({ url: url, success: function(html){ $("#my_content").html(html); //et toutes mes fonctions necessaires au fonctionnement de ce content // .... }

---

Et j'aimerai seulement pouvoir externaliser mes fonctions (qui se trouve ici en commentaire) dans un fichier javascript! Du coup j'aimerai appele a ce niveau de mon code une fonction qui execute mon jQuery!

Y'a tout dans mon code qui marche sauf que je ne sais pas comment faire ca :)
j'espere que j'ai ete plus clair cette fois ci :)

encore merci de ton aide,
Jerome

Salut,

Désolé, mais c'est pas plus clair pour moi :oops: peux tu poster le code
des différentes pages impliquées stp ?

ok allons-y :p
fichier appelant avec AJAX:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<script> $("#test_btn").click(function() { $.ajax({ url: "/test", success: function(html){ $("#my_content").html(html); $("#test").click(function(){ alert("hola"); }); } }); </script> <body> <div id="my_content"> </div> </body>

---

Fichier appelée avec AJAX:

Code:

---

1 2	<input type="button" id="test" value="test">

---

Pour le moment ca marche comme ca, sauf que ma page charge en vrai c'est pas juste un boutton, il y a donc beaucoup d'action et pas seulement

Code:

---

1 2 3 4

$("#test").click(function(){ alert("hola"); });

---

du coup j'aimerai externaliser ces fonctions dans un fichier javascript en faisant par exemple:

Code:

---

1 2 3 4 5 6

jQuery.fn.functions_for_content = function() { $("#test").click(function(){ alert("hola"); }); }

---

et avoir dans mon fichier appelant uniquement l'appele a cette fonction:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<script> $("#test_btn").click(function() { $.ajax({ url: "/test", success: function(html){ $("#my_content").html(html); $.fn.functions_for_content(); } }); </script> <body> <div id="my_content"> </div> </body>

---

ou un truc du genre ! Juste pour ne pas avoir 500lignes juste de jQuery dans mes pages :)

Encore desole de ne pas avoir ete trop clair,
merci

Ok, c'est clair, pardon si je suis un peu dur à la comprenette :)

Quand et comment charges-tu ce code:

Code:

---

1 2 3 4 5 6

jQuery.fn.functions_for_content = function() { $("#test").click(function(){ alert("hola"); }); }

---