2009-03-23 10 views
0

erhält In meiner main.html Seite habe ich einen Knopf. Wenn diese Schaltfläche angeklickt wird, muss ich den Inhalt einer anderen Seite abrufen.Wie man von der zweiten Seitenanzeige in der ersten Seite

Die Zielseite hat fünf Divs, ich muss ein Div fangen und diese Div-Daten auf der Seite main.html anzeigen.

+0

Was meinst du? Wo sind die Seiten (auf der Festplatte? In Tabs? In Frames?) Möchten Sie dies auf der Serverseite oder dem Client tun? – annakata

+0

Er meint, er hat eine externe Seite mit 5 divs und möchte ein einzelnes div auf seiner main.html mit dem Inhalt eines der divs auf der externen Seite – karim79

+0

füllen. Verwenden Sie eine Server-Seitenansicht-Technologie wie JSP/ASP/PHP? Wenn dies der Fall ist, können Sie die Seiten-Include-Funktionen verwenden. Ansonsten mach einfach weiter mit jQuery. – BalusC

Antwort

0

Solange die zweite Seite auf der gleichen Domäne ist, können Sie AJAX-Techniken verwenden. Zum Beispiel mit Prototype Sie so etwas tun könnten:

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]; 
    } 
}); 
1

jQuery kann dies sehr elegant:

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

Siehe jQuery Ajax/load

+0

die anotherPage.html muss im selben Ordner wie diese HTML-Seite vorhanden sein? –

Verwandte Themen