Meny med färgbyte vid onklick! OLIKA FÄRGER!

2 svar · 240 visningar · startad av Coccozz 23 feb. 2005

CoccozzMedlem sedan apr. 20032 072 inlägg

Frågan23 feb. 2005 09:34#1

Hej!
Jag har en meny, den är uppbyggd av olika celler och när man klickar på en av cellerna så byts bakgrundsfärgen i denna ut. Det är bra. Oavsett var man klickar sedan så fortsätter denna cellen vara aktiv. Det är superbra.
Koden för den här funktionen (som för övrigt är hämtad genom en sökning på wF ;)) ser ut såhär:

var aktivTD;

function klickaPa(objTD) {
    if (aktivTD) aktivTD.style.backgroundColor = 'FFFFFF'; //återställ
    objTD.style.backgroundColor = '000000';
    aktivTD = objTD;
}

Och i cellen, såhär:

<td width="25%" class="button" onClick="klickaPa(this)">

Nu behöver jag dock hjälp.
Detta eftersom jag har tre olika csser på hemsidan som man kan växla mellan via en länkar i loggan (temabyte helt enkelt ;)).
Det jag vill är att få fram olika färger för den aktiva länken beroende på vilken css som används.
Om t.ex. en css med temat grönt används, så vill jag ha den aktiva cellen grön. Sedan kanske användaren byter till en css med temat rött. Då ska också den aktiva cellens färg bytas ut till röd.
Går detta att ordna på något smidigt sätt?
Tack // Christoffer

nitro2k01Medlem sedan aug. 20039 340 inlägg

23 feb. 2005 09:37#2

CSS i temats fil:
.omarkerad  {background-color: white}
.markerad  {background-color: green}  // Eller vilken färg temat nu använder

Javascript:
var aktivTD;

function klickaPa(objTD) {
    if (aktivTD) aktivTD.className="omarkerad"; //återställ
    objTD.className = "markerad";
    aktivTD = objTD;
}

CoccozzMedlem sedan apr. 20032 072 inlägg

23 feb. 2005 09:45#3

[edit]
Bara jag som fick hjärnsläp. Förstår precis hur du menar nu, skall pröva :D
[edit 2]
Visst fungerar ditt script. Tack så mkt. Har dock lite andra problem nu, eftersom jag inte kan se vilken css som används annat än på startsidan (resten av sidorna hittar inte sessionen som berättar detta).
Ska fråga i ASP forumet också eftersom det är där frågan hör hemma numera, men jag kan lika gärna bara höra med dig nu också om du har någon bra lösning på det?!
Koden för länken ser ut såhär:

<a href="adaptsite.asp?css=LIGHTbeige" class="byt"></a>

Koden för sidan som ställer in sessionen ser ut såhär:

<%
If Request.QueryString("css") = "normal" then
Session("CSS") = ""
response.Write("<script>parent.top.location.href='localstart.asp';</script>")
End If

If Request.QueryString("css") = "LIGHTbeige" then
Session("CSS") = "LIGHTbeige" 
response.Write("<script>parent.top.location.href='localstart.asp';</script>")
End If

If Request.QueryString("css") = "DARKbeige" then
Session("CSS") = "DARKbeige"
response.Write("<script>parent.top.location.href='localstart.asp';</script>")
End If
%>

Och koden som kollar vilken css som används (läser av sessionen), såhär:

<% if session("CSS") = "" then %>

		<link rel="stylesheet" type="text/css" href="style.css" title="normal">
		<link rel="alternate stylesheet" type="text/css" href="/css/stylesheet_AdaptSite.css" title="anpassad">
	
<% elseif session("CSS") = "LIGHTbeige" then %>
	
		<link rel="stylesheet" type="text/css" href="LIGHTbeige.css" title="anpassad">
		<link rel="alternate stylesheet" type="text/css" href="/css/stylesheet.css" title="normal">

<% elseif session("CSS") = "DARKbeige" then %>
	
		<link rel="stylesheet" type="text/css" href="DARKbeige.css" title="anpassad">
		<link rel="alternate stylesheet" type="text/css" href="/css/stylesheet.css" title="normal">
	
	<% end if %>

Du kanske kan titta på det iaf. så får vi se om du kan hjälpa till ;)
Tack //

[EDIT]
Har löst det, lade CSS:erna i fel mappa bara :P