Onderwerp: [JS] website header laten staan na klikken: hoe?

Hallo!

Het gaat om de volgende website: Calago.


Als je in de header over een van de termen (bijv. data migratie) gaat, worden er dmv javascript (script.aculo.us) drie afbeeldingen weergeven in de header. Klik je op een term ga je naar die pagina.

Afbeeldingen
1. Box met de paarse bullets
2. Box met bedrijventypen
3. Grote image met tekst

Vraag: nu wil ik dat de term die gekozen (geklikt) is blijft staan als je naar een bepaalde term gaat. Dus dat je op de pagina "data migratie" ook de situatie in de header van "data migratie" ziet.

Welke oplossing is hier het beste voor?

Het gebruiken van een cookie is een oplossing. Maar daar zou ik de boel voor moeten verbouwen, omdat het nu zoals onderstaand in elkaar zit:


- gedeeltelijk js in header.js
- gedeeltelijke js in index.php
- afbeeldingen (ook hover) in index.php worden dmv php anders bij andere selectie andere taal


Is er een eenvoudige oplossing voor de huidige situatie, of moet ik opnieuw bouwen?

header.js
index.php

Ben benieuwd of er mensen zijn die hier wat mee kunnen!
Groet
David

ik zou met een Getter variabele werken, en die in je JS uitlezen.

?interest=data%20migration

als er een geldige getter is, kun je eventueel nog dat cookie verhaal doen als je wil

je kan het ook op een tijdelijke pagina doen, die voor een session en PHP location redirect werkt ..

zo ver ik zag is er geen getter, maar zijn het gewoon html pagina's.
Mijn tip haal de URL op, of tenzei het mogelijk is bestands naam. strip deze wel nog even zijn extensie dat b.v. "test.html" -> "test" word mocht je dan ooit van extensie verandere dan is dat geen probleem en dan heb je de waarde op welke pagina je bent en laat je js. script dan met een if / switch af gaan op welke pagina de bezoeker zich bevind.

De website is gebouwd icm met CMS Joomla. Alles staat dus in index.php die steeds als template gebruikt wordt, waarbij de info uit het database gehaald wordt.

RSDD, kan ik de pagina naam dan het beste met php ophalen?

Je kan de naam van de pagina ook verkrijgen via JS:

Code:

var page = location.href;

David, ik hebje PM gezien.

Wat je feitenlijk moet doen is een PHP switch maken of JS als je dat liever hebt

normaal [ik ben op index en/of heb nog niet geklikt op je box]:
image quality: leeg, [mouseover] -> selected, [mouseout] -> leeg

Wat je dus moet doen is de startpositie aanpassen, en als je wilt de functiesaanroep omdraaien.

[Ik ben op data quality pagina]
image quality: selected, [mouseover] -> leeg, [mouseout] -> selected


PHP based kun je in je header ( of nieuw bestand dat je altijd op regel 1 aanroept )
een sessie starten, ik zou de voorkeur erin opslaan en eventueel een tijd ( time() )

> En nu aan de slag:
Nu kun je in het maken van die box kijken of er een geldige sessie variabele is.
Als die er is ga je de regels in kwestie met een if else omschrijven en dan zou je klaar moeten zijn.