Javascript ändrar menyn på annan sida.

Finns det något smidigt sätt att lösa min lilla problem på.
Det är så att jag har en meny på en sida men själva huvud rubrikerna och sedan en annan sida med under rubrikerna.
Problemet är att under menyn består utav bilder, för tillfället så använder jag ASP QueryStrings men då blir ju hela menyn seg pga. att bilderna laddas om varje gång man klickar på en ny huvud rubrik.

Hoppas ni förstår hur jag menar och vet någon smidig lösning.
:OO

Du kan lägga dina bilder i en <div> eller nåt och sätta display till none från start.

När du sedan klickar på din länk växlar du till att visa <div>-en. Om du klickar på en annan länk visar du lämplig <div> och döljer den aktiva <div>-en.

Kan man göra så när <div> taggarna ligger på en annan sida?

Re: Javascript ändrar menyn på annan sida.

Bosse168 skrev:

jag har en meny på en sida men själva huvud rubrikerna och sedan en annan sida med under rubrikerna.
Problemet är att under menyn består utav bilder, för tillfället så använder jag ASP QueryStrings men då blir ju hela menyn seg pga. att bilderna laddas om varje gång man klickar på en ny huvud rubrik.

Fel forum? Vet ej om detta har med DHTML eller ASP att göra... :l

Om du återanvänder samma bilder på olika HTML sidor borde de sparas i webbläsarens cache minne (det tar förstås ändå tid att ladda ner dem första gången). Har du olika bilder går inte det, såvida du inte vill kombinera vanlig text med samma bakgrundsbild för olika länkar.

Det blir väl javascript..

Det borde väll funka.

Säga att du anropar ett objekt med

document.getElementById('nåntig')

Byt det till

parent.fonsterNamn.document.getElementById('nåntig')

Hur ska länken och <div> taggen se ut?

Det står bara null om jag klickar på denna länk:

<a href="javascript:parent.menySub.document.getElementById"('6');">Länk</a>

Ingen?¿

Rätt syntax skall vara:

<a href="java&#115;cript:top.frames['menySub'].document.getElementById('[b]strängvärde[/b]')">Länk</a>

Ett id skall vara unikt och får inte vara ett numeriskt värde.

:)

Och hur får jag fram det på den andra sidan med namnet menySub?

Först kanske man bör fråga om du använder ramar?

:)

Ja jag använder ramar.

På sidan där undermenyerna skall vara:

<div id="submenu1" style="display:none">
    <!-- Undermeny 1 -->
</div>
<div id="subMenu2" style="display:none">
    <!-- Undermeny 2 -->
</div>
<div id="submenu3" style="display:none">
    <!-- Undermeny 3 -->
</div>

På sidan där huvudmenyerna finns:

var arr = ["submenu1", "submenu2", "submenu3"];

function showSubMenu(str) {
    for (var i = 0; i < arr.length; ++i)
	switch (str == arr[i]) {
	    case true : top.frames["[b]ramnamn[/b]"].document.getElementById(arr[i]).style.display = "block"; break;
	    case false: top.frames["[b]ramnamn[/b]"].document.getElementById(arr[i]).style.display = "none";  break;
	}

    return false;
}

Exempel på anrop:

<a href="java&#115;cript:void(0)" onclick="return showSubMenu('submenu2')">Länk</a>

:)