Seite neu aufbauen _ohne_ reload() ?

[Orlando]

Hi, Rolf

Wie könnte man das realisieren? Die Seite wird neu aufgebaut _ohne_ die Daten wieder vom Server zu holen? Also sowas wie document.rebuild()?

Du könntest alles, was du später anzeigen willst in DIVs packen, die mit 'visibility:hidden' zunächst versteckt und nach deinen Wünschen positioniert sind.

<div id="alt">wird sofort angezeigt</div>
<div id="neu" style="visiblity:hidden;">ich bin noch versteckt</div>
<div id="xyz" style="visiblity:hidden;">ich ebenfalls</div>
usw.

Ändern kannst du die 'visibility' dann jederzeit mit einem Event-Handler deiner Wahl, zb mit

<a href="#" onmouseover="Show('neu');" onmouseout="Hide('neu');">neu</a>
<a href="#" onmouseover="Show('xyz');" onmouseout="Hide('xyz');">xyz</a> usw.

Die 'Einblendung' übernimmt dabei folgendes Script, welches gleichzeitig das ursprünglich angezeigte DIV versteckt:

<script type="text/javascript">
<!--//
function Show(ID) {
  document.getElementById(ID).style.visibility = "visible";
  document.getElementById("alt").style.visibility = "hidden";
}
function Hide(ID) {
  document.getElementById(ID).style.visibility = "hidden";
  document.getElementById("alt").style.visibility = "visible";
}
//-->
</script>

Besuchern, die Javascript deaktiviert haben kannst du allerdings nur die Reload-Methode anbieten.

LG Orlando