[Manu206]

Hallo,

ich bin gerade dabei eine HP mit Typo3 zu realisieren.
Nun habe ich mal etwas neues probiert und will bei einem klick auf die Navigation mit AJAX mein CONTENT Bereich ändern also sprich ohne reload.
Ich habe es auch hinbekommen das mein Contentbereich geändert wird allerdings lädt er dann die Seite komplett neu in den Content Bereich .. dann habe ich also auch den Header und wieder eine Navigation im ContentBereich (Die komplette Seite halt). Hoffe das war einigermaßen verständlich erklärt.

Ich habe es wie auf dieser Seite beschrieben, umgesetzt.
AJAX menu

Gruß Manu

[ThBodi]

Versuchs mal damit:

Typoscript-Code:

1:	lib.menu.1.NO.before.wrap= <a href="javascript:ajaxpage('index.php?id=|', 'content'); return false;">

[Manu206]

ja das habe ich ja schon im Menü aber dann ändert er mir mein Content Div in den Inhalt der kompletten Seite.

Ich habe mein Menü so gemacht:

[IRGENDWIE HAT DAS MIM TS CODE POSTEN NET GEKLAPPT SIEHE UNTEN]

Und dann noch das ins TS eingefügt wobei ich nicht weiß ob das bei mir was bringt weil ich arbeite nicht mit diesem lib.menue usw. sonder wie oben im Code dargestellt.

[IRGENDWIE HAT DAS MIM TS CODE POSTEN NET GEKLAPPT SIEHE UNTEN]

So und dann halt das JavaScript noch vom Ajax aber wie gesagt er ändert dann den Div Content in die Komplette Seite.

[Manu206]

[LEFT]
[LEFT][LEFT]

Typoscript-Code:

1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 31: 32: 33: 34: 35: 36: 37: 38: 39: 40:

seite = PAGE seite{ typeNum = 0 stylesheet = fileadmin/style.css 10 = TEMPLATE 10.template = FILE 10.template.file = fileadmin/Vorlage.html 10.workOnSubpart = DOKUMENT   10.marks{ NAVI_LEFT  = HMENU         NAVI_LEFT { special = directory special.value = 2 entryLevel=1 1 = TMENU 1 { noBlur = 1 ExpAll = 1 wrap = <table cellspacing="0" cellpadding="0" width="100%">|</table> NO = 1     NO {   doNotLinkIt=1 allWrap = <tr height="1px"><td><img src="fileadmin/images/Line_Navi.gif"></td></tr><tr height="1px"><td></td></tr><tr height="3px" valign="top"><td><img src="fileadmin/images/Line_Navi.gif"></td></tr><tr height="20"><td class="Navi_LEFT">&nbsp;&nbsp; | </td></tr><tr height="5px"><td><img src="fileadmin/images/Line_Navi.gif"></td></tr> |*| <tr height="20"><td class="Navi_LEFT">&nbsp;&nbsp; | </td></tr><tr height="5px"><td><img src="fileadmin/images/Line_Navi.gif"></td></tr> |*| <tr height="20"><td class="Navi_LEFT">&nbsp;&nbsp; | </td></tr><tr height="1px"><td><img src="fileadmin/images/Line_Navi.gif"></td></tr><tr height="1px"><td></td></tr><tr height="1px"><td><img src="fileadmin/images/Line_Navi.gif"></td></tr> ATagParams = class = "Navi_LEFT" before.data = field:uid before.wrap= <a href="javascript:ajaxpage('index.php?id= | ', 'Content');" class="Navi_LEFT"> after.wrap = | </a>&nbsp; } [LEFT] - ERROR: Line 39: Object Name String, "[LEFT]" contains invalid character "[". Must be alphanumeric or one of: "_-.";Line 39: The script is short of 4 end brace(s)

[LEFT][LEFT]

Typoscript-Code:

1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14:

########################################## ############ COA OBJECT FOR CONTENT ########################################## page.CONTENT = COA page.CONTENT.10 = HTML page.CONTENT.20 < styles.content.get ########################################## ############ PUT TOGETHER ########################################## page.10 < lib.menu page.20 < lib.content [LEFT]

[/LEFT]
[/LEFT]
[/LEFT]
[/LEFT]
[/LEFT]
[/LEFT]
[/LEFT]

[ThBodi]

Ich habe mir das mal genauer angeschaut. Die Lösung von der Seite hinter dem Link, den Du ganz oben gepostet hast, ist nicht sauber implementiert. Um validen HTML-Code zu erhalten, müsstest Du im TypoScript eine zweite "PAGE" mit einem anderen typenum anlegen und diese mit disableHeaderCode dahingehen präparieren, dass beim Aufruf der Seite nur der HTML-Code des Content-Elements, ohne den "Rahmen", den dein HTML-Template vorgibt, ausgibt.

Eine ähnliche Lösung gibt es (so meine ich mich zumindest zu erinnern) von just2b (rg_*). Ich gehe mal davon aus, dass diese besser implementiert ist. Vielleicht schaust Du Dir die auch mal an.

[Manu206]

Hey super danke das hat prima geklappt.
Ich habe nun einfach ein Typenum = 10 erstellt und darin mein Content geschrieben.
Sieht nun echt gut aus ;)

Eine Frage habe ich noch. Meine Navigation wird nun nicht mehr auf den aktuell aktiven Link gewechselt .. ist ja auch logisch weil ich nur den content ändere aber wie bekomme ich es nun hin das die Navigation wieder richtig funktioniert?

Gruß Manu

[ThBodi]

Zitat von Manu206

Eine Frage habe ich noch. Meine Navigation wird nun nicht mehr auf den aktuell aktiven Link gewechselt .. ist ja auch logisch weil ich nur den content ändere aber wie bekomme ich es nun hin das die Navigation wieder richtig funktioniert?

Indem Du den Container mit dem Menü genauso nachlädst. (Andere typenum, Inhalt->NAVI_LEFT)

/*** nur meine persönliche Meinung:
Dieses Gimmick, sparsam auf einzelnen Seiten eingesetzt, ist ja ganz nett und bereichert eine Seite. Aber eine komplette Präsenz damit zu realisieren finde ich total unsinnig.
***/

PS: Denkst Du auch an die "Menschen", die ohne JavaScript surfen (müssen)? Oder dass die Vor-/Zurück-Buttons im Browser nicht mehr funktionieren? Oder dass man keine Links mehr auf einzelne Seiten speichern kann?

[Manu206]

Super jetzt funktioniert alles danke dir

Also mir persönlich gefällt es mit Ajax viel besser. Das mit den Direktlinks auf die Seiten kann ich sehr gut verkraften und den zurückbutton mag ich sowieso nur bei google^^ .. da meine Seite sich nur in einer Navigationsebene befindet ist das kein Problem. Außerdem kann ich ja mit JavaScript noch ein Ereignis beim zurück button machen das mir die vorherige Seite gibt.

Aber was mir wiederum Kopfzerbrechen macht is die Sache mit JS deaktiviert. Gibt es in TS die Möglichkeit darauf abzufragen ob JS aktiviert ist. In google habe ich etwas mit noscript gefunden aber kann ich das auch im TS verwenden oder kann gibt es womöglich eine Extension die je nach dem ein anderes Setup anwendet bzw. eine andere Seite anzieht?

Gruß Manu

[ThBodi]

Zitat von Manu206

Das mit den Direktlinks auf die Seiten kann ich sehr gut verkraften und den zurückbutton mag ich sowieso nur bei google^^ .. da meine Seite sich nur in einer Navigationsebene befindet ist das kein Problem.

Achso, ich dachte auch andere Surfer sollen Deine Seiten besuchen.

Der noscript-Tag ist die einzige mir bekannte Möglichkeit, deaktiviertes JavaScript zu handhaben.

[mosfab]

Zitat von Manu206

Hey super danke das hat prima geklappt.
Ich habe nun einfach ein Typenum = 10 erstellt und darin mein Content geschrieben.
Sieht nun echt gut aus ;)

Eine Frage habe ich noch. Meine Navigation wird nun nicht mehr auf den aktuell aktiven Link gewechselt .. ist ja auch logisch weil ich nur den content ändere aber wie bekomme ich es nun hin das die Navigation wieder richtig funktioniert?

Gruß Manu

Hallo Manu

Könntest du bitte deinen TS - Code posten.

Sitze nämlich gerade vor dem selben Problem.

lg Fabi