Discussion :

[suckthewindow]

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 :

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

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

[Bovino]

C'est pas très clair tout ça

Code :

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

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

[suckthewindow]

$(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

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

[Bovino]

Voir cette discussion...

[suckthewindow]

Ok ca marche !!!
merci

[suckthewindow]

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 :

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

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 :

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

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

et l'appeler de la maniere suivante:

Code :

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

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

[suckthewindow]

Personne ne voit de possibilité pour le faire ?

[marcha]

Salut,

pourrais-tu donner le code de functions_for_content() ?

[suckthewindow]

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

Code :

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

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

[marcha]

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.

[suckthewindow]

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

[marcha]

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.

[suckthewindow]

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 :

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

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

[marcha]

Salut,

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

[suckthewindow]

ok allons-y :p
fichier appelant avec AJAX:

Code :

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

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 :

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

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 :

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

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 :

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

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 :

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

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

[marcha]

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

Quand et comment charges-tu ce code:

Code :

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

1
2
3
4
5
6
 
jQuery.fn.functions_for_content = function() {
         $("#test").click(function(){
            alert("hola");
         });
}