Comment obtenir div depuis l'affichage de la deuxième page dans la première page

Question

Dans ma page main.html j'ai un bouton. Lorsque ce bouton est cliqué, j'ai besoin d'obtenir le contenu d'une autre page.

La page cible a cinq divs, j'ai besoin d'attraper un div et d'afficher ces données div dans la page main.html.

Answer 1

Utilisez Javascript et JQuery. Voir http://docs.jquery.com/Manipulation ou spécifiquement http://docs.jquery.com/Ajax/load

Pour être précis quelque chose utilisation comme ceci:

$("#yourdiv").load("/yourpage.html #section"); 

Answer 2

Tant que la deuxième page est sur le même domaine, vous pouvez utiliser des techniques AJAX. Par exemple, en utilisant Prototype vous pourriez faire quelque chose comme ceci:

new Ajax.Request('http://url.of.second/page', { 
    method: 'get', 
    onSuccess: function(transport) { 

    //make a regular expression to grab the required HTML fragment 
    var re = /<div id="otherdiv">(.*)</div>/i; 

    //extract the fragment from transport.responseText 
    var found = transport.responseText.match(re); 

    //add the fragment to targetdiv on current page 
    $('targetdiv').innerHTML=found[1]; 
    } 
}); 

Answer 3

jQuery peut le faire avec beaucoup d'élégance:

<script type="text/javascript" src="/js/jquery/jquery-1.3.2.min.js"></script> 
<script> 
//only when the DOM has been loaded 
$(document).ready(function() { 

    //bind to button id="myButton" click event 
    $('#myButton').click(function() { 

     //populate div id="myDiv" with specific div (div id="someDiv") from another page    
     $('#myDiv').load('/anotherPage.html #someDiv'); 
    }); 
}); 
</script> 

Voir jQuery Ajax/load

Answer 4

réponse de Jiri est sur place. http://docs.jquery.com/Ajax/load est le lien exact de jquery. Merci Jiri ...