Accès au contenu d'un div à partir d'une autre page

Version imprimable

16/03/2010, 15h02
PsyKtra

Accès au contenu d'un div à partir d'une autre page
Bonjour,

J'ai cherché un peu sur le net et dans le forum avant de créer le sujet.
Mon problème c'est que je n'arrive pas à lire le texte d'un div qui se trouve dans une autre page.
sachant que mes liens pour les pages sont sous cette forme : parties_fixe(header,footer,menugauche) et la partie centrale qui change en fonction de la valeur d'une variable que je renvoi en fonction du lien cliqué dans le menu.

voilà le code que j'utilise :
Code:

1 2 3 4 if($("#mondiv").text()){ $("#bouton").css("background-color","red"); }
en fait le but est d'afficher un bouton du menu en rouge si le div contient du texte.
ce code marche que quand je suis dans la page qui contient #mondiv
17/03/2010, 09h12
boboss123

salut,

mais comment fais-tu pour lire les infos qui sont dans les autres pages ?
=> il existe deux solutions :
- les iframes => bouh c'est pas bien
- AJAX
17/03/2010, 10h20
PsyKtra

Citation:

Envoyé par boboss123

salut,

mais comment fais-tu pour lire les infos qui sont dans les autres pages ?
=> il existe deux solutions :
- les iframes => bouh c'est pas bien
- AJAX

Ajax ? peux tu m'éclairer la dessus ?

En fait je veux pas inclure la page, mais juste lire le contenu d'un de ses #DIV
17/03/2010, 15h53
PsyKtra

Est ce qu'il y a un moyen pour faire un include mais sans vraiment inclure la page ? (oui pas très logique comme phrase :roll:)
juste charger le contenu pour pouvoir le lire et l'utiliser !
17/03/2010, 16h52
boboss123

:faq: => http://javascript.developpez.com/faq/
18/03/2010, 09h39
zeb_panam

Citation:

Envoyé par PsyKtra

Ajax ? peux tu m'éclairer la dessus ?

Ajax c'est la méthode de fonctionnement de jQuery par exemple :roll:
http://fr.wikipedia.org/wiki/Asynchr...Script_and_XML

Mais moi y'a un truc que je ne comprend pas dans ta question : quand tu parles d'autres pages, elle sont où ces pages ? Dans d'autres onglets du navigateurs ? Dans des pop-ups ? Dans d'autres fenêtres simples du navigateur ? Dans des iframes ?
Ou simplement tu parles de pages que tu n'affiches pas (qui seraient dans des sous-dossiers) et dont tu souhaites manipuler le contenu dans ta page active ?

Et donc, la possibilité d'accéder aux données dépend complètement de ce que tu vas répondre :)
18/03/2010, 10h00
PsyKtra

Citation:

Envoyé par zeb_panam

Ajax c'est la méthode de fonctionnement de jQuery par exemple :roll:
http://fr.wikipedia.org/wiki/Asynchr...Script_and_XML

Mais moi y'a un truc que je ne comprend pas dans ta question : quand tu parles d'autres pages, elle sont où ces pages ? Dans d'autres onglets du navigateurs ? Dans des pop-ups ? Dans d'autres fenêtres simples du navigateur ? Dans des iframes ?
Ou simplement tu parles de pages que tu n'affiches pas (qui seraient dans des sous-dossiers) et dont tu souhaites manipuler le contenu dans ta page active ?

Et donc, la possibilité d'accéder aux données dépend complètement de ce que tu vas répondre :)

C'est des pages que je n'affiche pas effectivement et qui sont dans un dossier "pages_centrales" qui, comme son nom l'indique, contient tous les fichiers .php appelé au centre de la page. Et donc je souhaite lire leur contenu.

et pour Ajax, biensur je sais c'est quoi (si j'utilise jquery et je connais pas ajax :P), mais c'était plutôt m'éclairer sur la solution avec ajax :

Citation:

Envoyé par boboss123
salut,

mais comment fais-tu pour lire les infos qui sont dans les autres pages ?
=> il existe deux solutions :
- les iframes => bouh c'est pas bien
- AJAX
18/03/2010, 11h00
boboss123

si tu sais ce qu'est jquery et ajax, je ne vois pas ce qui te bloque...
(remarque attention avec ajax tu ne peux récupérer des infos que sur le même serveur (mécanisme de sécurité) => ce qui est ton cas)

la doc jquery sur ajax : http://docs.jquery.com/Ajax
18/03/2010, 12h05
PsyKtra
Citation:

Envoyé par boboss123

si tu sais ce qu'est jquery et ajax, je ne vois pas ce qui te bloque...
(remarque attention avec ajax tu ne peux récupérer des infos que sur le même serveur (mécanisme de sécurité) => ce qui est ton cas)

la doc jquery sur ajax : http://docs.jquery.com/Ajax

en utilisant ce code :
Code:

1 2 3 4 if($("#mondiv").text()) { $("#bouton").css("background-color","red"); }
Sachant que : #mondiv est un div de la page alerte.php et que ma page courante est accueil.php.
et ce code ne marche pas, vois-tu un autre moyen pour y accéder ?
18/03/2010, 13h52
boboss123

quel est ton code js pour récupérer la page et afficher le div dans ta page ?
18/03/2010, 13h58
PsyKtra

Citation:

Envoyé par boboss123

quel est ton code js pour récupérer la page et afficher le div dans ta page ?

Citation:

Envoyé par PsyKtra
C'est des pages que je n'affiche pas effectivement et qui sont dans un dossier "pages_centrales" qui, comme son nom l'indique, contient tous les fichiers .php appelés au centre de la page. Et donc je souhaite lire leur contenu.

je n'ai pas de code puisque je ne les affiche pas.

Citation:

Envoyé par PsyKtra

je n'ai pas de code puisque je ne les affiche pas.

ok pour ne pas l'afficher, mais tu as quand même bien compris qu'il faut récupérer le fichier pour pourvoir le traiter => donc utilisation d'ajax => donc il faut forcement du code...

moi je ferais un truc du genre :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 $.get("alerte.php", function(data){ // j'ai un doute sur ça : var maPage = $.html(data); // tranformation du string en objet jquery ??? var myStr = $(maPage).find("#mondiv").text(); alert(myStr); // pour le debug if(myStr){ $("#bouton").css("background-color","red"); } });
=> a tester (je ne suis pas sure que jquery puisse convertir comme ça le texte récupérer en éléments DOM : quelqu'un peut confirmer ?)
=> sinon faudra interpréter toi meme la chaine...

18/03/2010, 15h56
PsyKtra

c'est exactement ce genre de code que je cherche, qui sera lancé au démarrage..
je viens de le tester il n'aime pas trop cette ligne var maPage = $.html(data);, mais par contre il reçoit les données sans problème dans data.
j'ai essayé de bidouiller un peu pour pouvoir accéder au div mais ça n'a pas marcher.

héhé, je crois que j'ai trouvé

Code:

1
2
3
4
5
6
7
8
9
10
11
12
$.get("alerte.php", function(data){
 
   var maPage = $(data);
 
   var myStr = $(maPage).find("#mondiv").text();
   alert(myStr); // pour le debug
 
   if(myStr != ""){
      $("#bouton").css("background-color","red");
   }
 
});

18/03/2010, 16h37
PsyKtra

Aaaah c'est parfait !!

merci beaucoup pour ton aide bogoss :ccool:
06/07/2010, 08h43
Juju54350

Bonjour à tous !

Je suis nouveau, je sais pas si je dois me présenter sur le site, je n'ai pas vu de topic approprié.

Mais j'ai un souci concernant l'accès à un div se situant sur une autre page.