2010-12-26 5 views
0

Je cherche du code qui va charger une page à l'intérieur d'un DIV w/JQuery.Charger des pages dans DIV

En gros, quand la page se charge, je voudrais charger

displaycatch.php dans un DIV

<div id="results">Content for id "results" Goes Here</div> 

Ensuite, je voudrais créer un bouton qui charge une page différente à l'intérieur que le contenu DIV .

Toute aide est appréciée.

Merci!

+3

http://api.jquery.com/load/ –

Répondre

2

Voici l'appel ajax très simple à partir d'un bouton. En cas de succès, la réponse est mise dans votre DIV

+0

J'ai eu ce code pour travailler, mais il cassé un peu o mon autre code jQuery (show/DIV caché) – user547794

+0

C'est le code qui n'Alterne jQuery (document) .ready (function() { jQuery ('# loginhide'). live ('clic', fonction (événement) { jQuery ('# login'). toggle ('show'); }) ; }); – user547794

+0

Changez-le avec ceci. .. $ (Document) .ready (function() { \t $ ('# loginhide') cliquez sur (function() { \t \t $ ('# login') à bascule ('show'); \t}); \t $ ("bouton #") cliquez sur (function() { \t \t .ajax $ ({ \t \t Type \t:. "POST", \t \t \t url: "some.php", \t \t \t données: "foo = bar & fooo = baz", \t \t \t succès: fonction (msg) { \t \t \t $ ("# résultats"). Html (msg); \t \t \t} \t \t}); \t}); }); – miqbal

2
$(document).ready(function(){ 
    $('#results') 
    .load('displaycatch.php') 
    .after($('<button/>',{text:'Load another','type':'button'}).click(function(){ 
     $('#results').load('displayanother.php') 
    })); 
); 

qui charge displaycatch.php dans #results lorsque la page est chargée, puis insérez le bouton après, qui, clic charger autre page. En outre, il n'était pas clair, si vous avez déjà un bouton ou que vous voulez le créer dynamiquement.

+0

Hmm .. J'ai du mal à faire fonctionner ce code. J'utilise jquery-1.4.2.min.js. J'ai essayé de supprimer mon bouton existant et de charger displaycatch.php dans les 'résultats' DIV. Toujours rien. – user547794

+0

Il peut s'agir de problèmes de chemins. Et assurez-vous de lire le lien de Pekka. –

+0

J'ai lu le lien de Pekka et je ne suis même pas capable d'obtenir l'exemple le plus simple à charger dans #results $ ('# result'). Load ('ajax/test.html '); Une idée de ce que je pourrais faire de mal? – user547794

Questions connexes