JQuery Lädt einen Teil von externem HTML
Grundsätzlich habe ich eine index.html unten gezeigt ..
<html>
<head>
<title>UI Test: Main Menu</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="general.js"></script>
</head>
<body>
<input type="button" value="Details" onclick="javascript:$('#mainContainer').load('loadpage.html #name1div *');"/><br>
<div id="mainContainer">
</div>
Die loadpage.html cotaints
<div id="nav1div><h3>1 DIV </h3> </div>
<div id="nav2div><h3>2 DIV </h3> </div>
<div id="nav3div><h3>3 DIV </h3> </div>
<div id="nav4div><h3>4 DIV </h3> </div>
Und mein Ziel ist es, grundsätzlich 1 der Divs auf einmal in den Hauptcontainer zu laden. Ich weiß, dass die Ladefunktion die ganze Seite auf einmal laden kann, aber das ist NICHT, was ich tun muss.
Hatte ein paar ähnliche Fragen angeschaut, aber ich kann das nicht lösen.
Alle Hilfe ist dankbar, Jungs!