Antworten: 45
|
|||||||||
tobimo King for a day Beiträge: 253 |
# Thema - 02.01.2011 um 16:30 Uhr
Guten Tag. Ich habe eine Frage zur Erstellung einer Tab-Navigation, die mir schon länger ein bisschen rätselhaft erscheint: Zum Verständnis, ich meine eine solche Navigation: http://feelia.de/images/stories/referenzen/via2lux2.jpg Wenn man auf einen Hoverpunkt geht, kann man ja dann mit a:hover das Ganze rot gestalten. Sobald man dann aber auf eine Seite (auf einen Unterpunkt) geklickt hat, verschwindet dieser hover natürlich. Meine Frage nun ist: Wie sage ich dieser Navigation (basiert bei mir auf Javascript), dass wenn man auf die Seite News (beim Oberpunkt START) geklickt hat, dass START rot bleiben soll (also die Hover-Grafik stehen bleiben soll). Wie stelle ich das am Besten und am Einfachsten ein? |
||||||||
Inaktiv |
|
||||||||
ichraffsnicht Supporter Herkunft: Erdeborn bei Lutherstadt Eisleben Beiträge: 3191 |
# Antwort: 1 - 02.01.2011 um 17:12 Uhr
:active ;-) für einen aktiven link ------------------ |
||||||||
Inaktiv |
|||||||||
Tom08 Supporter Herkunft: Daheim Beiträge: 2923 |
# Antwort: 2 - 02.01.2011 um 17:27 Uhr
Ich würde dem entsprechenden Menüpunkt einen Klasse zuweisen. Weil ich muss ja gucken, wo ich mich gerade befinde und welchen Menüpunkt ich entsprechend aktiv habe. z.B. wie folgt, noch entsprechend anzupassen.
Grüße. ------------------ Bei Problemen mit Code von mir bitte eine Private Nachricht an mich
|
||||||||
Inaktiv |
|||||||||
tobimo Thread-Ersteller King for a day Beiträge: 253 |
# Antwort: 3 - 02.01.2011 um 17:52 Uhr
Danke euch zwei! X-R4Y's Lösung geht nicht oder? Zu deiner Lösung @Tom08: Wie sieht das ganze dann in meiner index.html (vom Template) aus? oder soll ich dann da die php einfügen via Iframe? Aber dann funktioniert doch bestimmt der Hover nicht oder? Hab das noch nicht ganz verstanden, leider. Aber genau das scheint der richtige Weg zu sein! Zuletzt editiert von tobimo am 02.01.2011 um 17:52 Uhr (1x Editiert) |
||||||||
Inaktiv |
|||||||||
Tom08 Supporter Herkunft: Daheim Beiträge: 2923 |
# Antwort: 4 - 02.01.2011 um 18:19 Uhr
Du packst den Code, den ich dir gegeben habe, in eine Textdatei, nennst die nav.php und packst die in mods/users/. Nun öffnest du deine index.htm (auf /templates/[Dein template]/) und fügst entsprechend {users:nav:id=X} ein, wobei x eine fortlaufende Nummer ist. Beim ersten Menüpunkt (Start) ist das also {users:nav:id=1}. Geht man davon aus, dass deine Navi wie folgt aussieht:
Wenn jetzt die Seite News aufgerufen wird, bekommt der Punkt "Start" zusätzlich class="active". Alternativ kannst du in der nav.php dann auch die letzte Zeile anpassen: statt class="active" dann _hover. Dann packst du das wie folgt in den CodE:
Jetzt wird, wenn die News aufgerufen sind, nicht die start.png sondern die start_hover.png geladen. Ich weiß nicht, wie dein bisheriger Slice aussieht, von daher kann ich dir jetzt uach nicht ganz genau helfen. Bei weiteren Fragen/Problemen einfach weiter fragen ... Grüße ------------------ Bei Problemen mit Code von mir bitte eine Private Nachricht an mich
|
||||||||
Inaktiv |
|||||||||
ichraffsnicht Supporter Herkunft: Erdeborn bei Lutherstadt Eisleben Beiträge: 3191 |
# Antwort: 5 - 02.01.2011 um 19:00 Uhr
jetzt hab ich verstanden, was du willst^^ ignorierste mich tom, wa?^^ ------------------ |
||||||||
Inaktiv |
|||||||||
SlayR Geekboy Herkunft: Calbe (Saale) Beiträge: 1133 |
# Antwort: 6 - 03.01.2011 um 10:50 Uhr
Da hab ich doch glatt mal ein paar Fragen zu dem Code, bei mir funzt es nämlich null :( Erst mal ein paar Sachen vorweg, meine Navigation HTML
meine Navigation CSS
meine Nav.php
Tatsächlich ist es nun so, das der Code mir das Design der Navleiste zerschießt, und ich im Klartext die Klassen lesen kann. hier ist der dabei generierte Code:
Meine Fragen nun, wo kommt diese ominöse Klasse cs_navlist her und warum bekomme ich die generierte Klasse nicht innerhalb des li Tags? Achja, link zur Page: http://testsphere.ths-germany.de ------------------ --- CLANSPHERE ---
Professional clan care starts here Zuletzt editiert von SlayR am 03.01.2011 um 10:51 Uhr (1x Editiert) |
||||||||
Inaktiv |
|||||||||
Jam2 Highlander Beiträge: 3291 |
# Antwort: 7 - 03.01.2011 um 11:01 Uhr
bsp
zu
die .php
ungetestet, aber sollte funktionieren ------------------ Gruß/ Best regards Jam2 Nützliche Forumbeiträge/Codepastes: (Useful comments in our board / codepastes) Template Switch for index.php Board Navlist last posts Edi: könnte man denn auch hier eine erweiterung einfügen?
Jam2: das web ist wie toyota..... Edi: hö ? Jam2: nichts ist unmöglich! |
||||||||
Inaktiv |
|||||||||
Fr33z3m4n Medal of Honor Herkunft: Hamm Beiträge: 11094 |
# Antwort: 8 - 03.01.2011 um 11:05 Uhr
@tobimo Bitte deine Signatur überprüfen. Ein Banner kann nicht geladen werden. ------------------ mfg Patrick "Fr33z3m4n" Jaskulski Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer. |
||||||||
Inaktiv |
|||||||||
SlayR Geekboy Herkunft: Calbe (Saale) Beiträge: 1133 |
# Antwort: 9 - 03.01.2011 um 11:53 Uhr
Dakeschön Jam2! So komm ich damit klar. muss mich jetzt nurnoch mit der css rumärgern, das die jeweilige sub-navi stehenbleibt. Auf jeden Fall bin ich nun auf dem richtigen Weg! ------------------ --- CLANSPHERE ---
Professional clan care starts here |
||||||||
Inaktiv |
|||||||||
tobimo Thread-Ersteller King for a day Beiträge: 253 |
# Antwort: 10 - 05.01.2011 um 16:38 Uhr
Wenn ich das bald mal einsetzen kann wird es sofort ausprobiert @ SlayR: wo ist denn dein Fehler gewesen? @ Fr33z3m4n: mach ich. @ Tom08: vielen, vielen Dank! |
||||||||
Inaktiv |
|||||||||
SlayR Geekboy Herkunft: Calbe (Saale) Beiträge: 1133 |
# Antwort: 11 - 05.01.2011 um 18:27 Uhr
Bei mir lag's an den css-Klassenzuweisungen. Schau mal auf www.ths-germany.de - da läufts schon so wie's soll. /E... Eines hab' ich aber noch... mit AJAX läufts nämlich nicht. Ich meine mich dunkel dran erinnern zu können, das Clansphere mal auf eine CSS-Klasse "content" angewiesen war um den Content bei AJAX zu aktualisieren. Gibt es diese Klasse noch, so das man diese einfach seiner Nav-Leiste mit auf den Weg geben könnte und diese dann auch aktualisiert wird? Ich denke nämlich daran scheitert's ------------------ --- CLANSPHERE ---
Professional clan care starts here Zuletzt editiert von SlayR am 05.01.2011 um 19:59 Uhr (1x Editiert) |
||||||||
Inaktiv |
|||||||||
SlayR Geekboy Herkunft: Calbe (Saale) Beiträge: 1133 |
# Antwort: 12 - 09.01.2011 um 17:53 Uhr
kommt in den, mit der generierten class, ausgestatteten li Einträgen innerhalb von ul raus sobald man AJAX aktiviert. kann man das irgendwie umgehen ohne auf AJAX verzichten zu müssen? Dann wärs nämlich perfekt! ------------------ --- CLANSPHERE ---
Professional clan care starts here |
||||||||
Inaktiv |
|||||||||
Tom08 Supporter Herkunft: Daheim Beiträge: 2923 |
# Antwort: 13 - 15.01.2011 um 15:15 Uhr
Um Probleme mit Ajax zu vermeiden, muss die Navlist wie einige andere Navlists als Ausnahme definiert werden. Dazu bitte die /system/core/templates.php öffnen und die Z. 154 suchen:
Hier muss entsprechend 'users_nav' hinzugefügt werden:
Dann funktioniertr das Modul auch mit aktivierten Ajax. Damit das allerdings korrekt funktioniert, darf |noajax nicht verwendet werden (Die Ausnahme wird bereits oben definiert). Grüße ------------------ Bei Problemen mit Code von mir bitte eine Private Nachricht an mich
Zuletzt editiert von Tom08 am 15.01.2011 um 15:17 Uhr (1x Editiert) |
||||||||
Inaktiv |
|||||||||
palle Supporter Beiträge: 3073 |
# Antwort: 14 - 15.01.2011 um 15:21 Uhr
wieso die "/system/core/templates.php" editieren? reicht es nicht wenn man den links die klasse "noajax" gibt? ------------------ I like the part where it says 'nyan' Zuletzt editiert von palle am 15.01.2011 um 15:22 Uhr (2x Editiert) |
||||||||
Inaktiv |
|||||||||
Tom08 Supporter Herkunft: Daheim Beiträge: 2923 |
# Antwort: 15 - 15.01.2011 um 15:25 Uhr
15.01.2011 um 15:21 Uhr - palle: wieso die "/system/core/templates.php" editieren? reicht es nicht wenn man den links die klasse "noajax" gibt? Frag' mich nicht wieso, aber wenn ich |noajax verwende, dann kann ich nicht mehr vernünftig mit $cs_main['mod'] arbeiten. Der wird nicht mehr korrekt zur Verfügung gestellt, ist im |noajax-Fall einfach leer. Wenn ich das in der templates.php bearbeite, dann steht mit die $cs_main['mod'] zur Verfügung. Grüße ------------------ Bei Problemen mit Code von mir bitte eine Private Nachricht an mich
|
||||||||
Inaktiv |
|||||||||
palle Supporter Beiträge: 3073 |
# Antwort: 16 - 15.01.2011 um 15:30 Uhr
komische das dass mit der platzhalter erweiterung nicht funktioniert. und wenn man den links direkt die klasse noajax gibt? hat das schon wer versucht?
gruß ------------------ I like the part where it says 'nyan' Zuletzt editiert von palle am 15.01.2011 um 15:32 Uhr (2x Editiert) |
||||||||
Inaktiv |
|||||||||
SlayR Geekboy Herkunft: Calbe (Saale) Beiträge: 1133 |
# Antwort: 17 - 16.01.2011 um 10:21 Uhr
Tom, leider funktioniert Deine Ausnahmeregel scheinbar nicht. Betreffende Zeile in system/core/templates.php sieht bei mir so aus:
Aus der index.htm habe ich alle |noajax zuweisungen entfernt, doch das Problem der Falsch-Darstellung tritt immernoch auf, siehe: http://testsphere.ths-germany.de @Palle: Die Klassenzuweisung ( class="noajax" ) führt auch nicht zum Erfolg. ------------------ --- CLANSPHERE ---
Professional clan care starts here |
||||||||
Inaktiv |
|||||||||
SCHIRI Weltmeister Herkunft: Hamburg Beiträge: 5299 |
# Antwort: 18 - 17.01.2011 um 11:03 Uhr
dass problem ist, dass um alle Platzhalter drum rum entweder ein div oder ein span tag generiert wird. (das lässt sich eben mit der von Tom genannten $spans-Liste steuern. Da der Platzhalter hier aber innerhalb eines HTML-Attributes benutzt werden soll, ist beides falsch. Dafür gibt es die $exceptions-Liste einige Zeilen über der $spans-Liste.
ändern zu
/e: wobei es eigentlich auch einfach mit dem von Palle genannten noajax funktioieren sollte: {users:nav:id=1|noajax} ------------------ www.laszlokorte.de Zuletzt editiert von SCHIRI am 17.01.2011 um 11:05 Uhr (3x Editiert) |
||||||||
Inaktiv |
|||||||||
SlayR Geekboy Herkunft: Calbe (Saale) Beiträge: 1133 |
# Antwort: 19 - 17.01.2011 um 18:31 Uhr
hm, ich werd noch irre... nehme ich users_nav in die exceptions auf, gibt es zwar keine Darstellungsfehler mehr, aber users/nav.php läuft nicht mehr. D.h. Das aktive Modul wird nicht mehr im Tab als aktiv markiert. Das selbe tritt auf, wenn man {users:nav:id=1|noajax} nutzt. ------------------ --- CLANSPHERE ---
Professional clan care starts here |
||||||||
Inaktiv |
|||||||||
ichraffsnicht Supporter Herkunft: Erdeborn bei Lutherstadt Eisleben Beiträge: 3191 |
# Antwort: 20 - 17.01.2011 um 22:52 Uhr
ich habs jetzt komplett mit jquery gelößt, einfach ajax angehauen, und dann mit jquery entsprechen .active- klasse togglen. kann ja morgen mal nen beispielcode posten ;-) ------------------ |
||||||||
Inaktiv |
|||||||||
Dieses Thema wurde von Deaktiviert geschlossen. |
|||||||||
Antworten: 45
|
Latest 5 CodePaste
Demo
Probiere ClanSphere aus und teste daran herum. Demo
Spenden
ClanSphere ist freie OpenSource Software.
Bitte unterstützt uns.
Spenden