2011-09-19 4 views
0

J'ai une page qui contient un certain nombre d'en-têtes contenant différents types d'informations. Cette page est une consolidation de toutes les informations relatives à un sujet spécifique. Nous avons un certain nombre d'autres pages qui devraient montrer ces en-têtes individuellement, mais ne pas les montrer tous (similaire à un iframe, mais sans tout le contenu de la page).Extraction du contenu HTML d'une page vers une autre page

Existe-t-il un moyen de configurer la page consolidée avec certains ID à tirer individuellement par les autres pages pour que seul le contenu des ID individuels s'affiche?

J'ai utilisé ce qui suit pour tester une approche jQuery.

Sommaire Page

<html> 

<head><title>page 1</title></head> 

<body> 

<div id="info1"> 
This is DIV 1 info. 
</div> 


<div id="info2"> 
This is DIV 2 info. 
</div> 

</body> 

</html> 

Récupération page

<head> 
<title>page 2</title> 
    <style> 
    body{ font-size: 12px; font-family: Arial; } 
    </style> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
</head> 

<body> 

<script> 
    $("#info1").load("page1.htm"); 
</script> 

<script> 
    $("#info2").load("page1.htm"); 
</script> 

<b>Successful Response (should be blank):</b> 
<div id="success"></div> 
<b>Error Response:</b> 
<div id="error"></div> 

<script> 
$("#success").load("/not-here.php", function(response, status, xhr) { 
    if (status == "error") { 
    var msg = "Sorry but there was an error: "; 
    $("#error").html(msg + xhr.status + " " + xhr.statusText); 
    } 
}); 
    </script> 

</body> 

</html> 
+0

C'est un logiciel, bien sûr, il y a un moyen. Les seules questions sont "Comment?" et "A quel point est-ce difficile?" – Sorpigal

+0

Pourquoi ne pouvez-vous pas faire cela du côté serveur? – Marcin

+0

document.ready. Apprenez-le, aimez-le, utilisez-le. –

Répondre

0

Vous pouvez le faire avec jQuery .load() et un fragment de page. Voici la documentation: http://api.jquery.com/load/

+0

Je ne charge rien de tout cela sur un serveur, c'est une page HTML à l'autre. Je ne pouvais pas faire fonctionner celui-là. – ejeaglesct

+1

@ ejeaglesct: Il est hors serveur s'il s'agit d'une "page HTML vers une autre". Apprenez comment le Web fonctionne avant de faire cela. – Marcin

+0

Nous vous remercions de vos commentaires ... Pour votre information, tout le monde en ligne n'est pas un programmeur certifié entièrement formé. Certains d'entre nous sont suffisamment informés pour que nos patrons nous demandent des choses dont nous avons besoin d'aide supplémentaire. Merci encore. – ejeaglesct

Questions connexes