✔ Ajax Header Bereich. Seite nachladen

goto;

goto;

Erfahrenes Mitglied
Hallo liebe Community,
hab mich die Woche mal intensiver mit Ajax beschäftigt.Trotzdem hab ich ein Problem.
Erstmal was ich umsetzen möchte.

Ich habe einen Administrationsbereich. In diesem ist mein Header der immer angezeigt werden soll und nicht nachgeladen werden soll. Dort drin habe ich nun ein Navi
HTML: 
<div id="flowertabs">
<table border="0" width="100%" >
<tr>
<td align="center" width="70px"><a href="uebersicht.php" rel="flowerdivcontainer"><img src="images/admin_home.gif" border="0" ><div style="icontext">Admin Übersicht</div></a></td>
<td align="center" width="70px"><a href="../index.php" rel="flowerdivcontainer"><img src="images/site_home.gif" border="0"><div style="icontext">Zum Auktionshaus...</div></a></td>
<td align="center" width="70px"><a href="accounting.php" rel="flowerdivcontainer"><img src="images/account.gif" border="0"><div style="icontext">Buchhaltung</div></a></td>
<td align="center" width="70px"><a href="" rel="flowerdivcontainer"><img src="images/forum.gif" border="0"><div style="icontext">Forum</div></a></td>
<td align="center" width="70px"><a href="" rel="flowerdivcontainer"><img src="images/sup.gif" border="0"><div style="icontext">E-Mail Support</div></a></td>
<td align="center" width="70px"><a href="" rel="flowerdivcontainer"><img src="images/treuhands.gif" border="0"><div style="icontext">Treuhand Support</div></a></td>
<td align="center" width="70px"><a href="" rel="flowerdivcontainer"><img src="images/livesup.gif" border="0"><div style="icontext">Live Support</div></a></td>
<td align="center" width="70px"><a href="" rel="flowerdivcontainer"><img src="images/beta.gif" border="0"><div style="icontext">Beta Test</div></a></td>
<td align="center" width="70px"><a href="index.php?option=logout" rel="flowerdivcontainer"><img src="images/logout.gif" border="0"><div style="icontext">Logout</a></td>
</tr>
</table>
</div>
mit diesem Sende ich die anfrage an Ajax und dieses läd den Webinhalt in ein Div Container
Code: 
<div id="flowerdivcontainer" style="width:100%; height:100%; padding: 5px">
</div>
nach.

Mein Problem nun.
Wenn ich beispielweise auf Tab2 klicke. Komme ich auf die Startseite meines Auktionshauses, sobald ich jedoch einen einen Link anklicke, geht er direkt auf diese Seite.

Sprich:
Mein Header => admin/index.php (include) header.php
Link klick => ../index.php

Hoffe es ist verständlich.
Mit Iframe möchte ich nicht Arbeiten, da ich eine Art Admin Übersicht habe, wo ich mir anzeigen lasse, in welchen Bereich welcher Admin gerade ist. Wenn ein Admin nun auf "TAB2" klickt, wird eine neuer eintrag in die Datenbank gemacht. Und sobald ich in einem iframe f5 betätige, wird admin übersicht aufgerufen und der Wert 1 wieder in der db gesetzt, dass will ich verhindern.
 
Hab noch verschiedenes versucht, aber es ist nichts anständiges bei raus gekommen. Wenn iframe die einzigeste Alternative ist, werd ich das mal versuchen. Kann man unterbinden, das bei einem refresh der Seite wieder auf Tab1 springt? Also das man auf dem Tab bleibt wo man ist?
 
Da gibt es sicher Wege, das Skript müsste halt angepasst werden.

Hier ein Thema mit ähnlichem Sachverhalt:
http://www.tutorials.de/forum/javas...sern-wenn-man-mit-ajax-die-divs-neulaedt.html

Die Lösung bei dir könnte so aussehen:
Erweitere das Skript dahingehend, dass beim Klick zusätzlich ein Anker in der aktuellen URL erzeugt wird(location.hash).
Beim Reload bleibt dieser Anker erhalten, du kannst ihn per PHP auslesen und den dazugehörigen Link(Tab) mit dem Klassennamen "selected" versehen.
Das Skript sollte jetzt lt. Beschreibung den richtigen Tab auswählen.

Code dazu kann ich hier leider aufgrund der Nutzungsregeln von dynamicdrive nicht posten.

Aber auch abgesehen von den Links ist die iFrame-Variante die einzig Sinnvolle, denn auch mit Pfaden zu Skripten/CSS/Bildern etc. birgt deine aktuelle Variante enorme Fallstricke in sich, wenn nicht gar Sicherheitsprobleme.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück