Avatar billede zentral Nybegynder
27. februar 2007 - 15:03 Der er 14 kommentarer og
1 løsning

Ændring af tema

Hej

jeg er ved at lavet et site
hvor jeg har lavet nogle forskellige temaer.
kik her: http://www.zentral.dk/design.jpg

meningen er at når man trykker på de farver, ud for "Styles"
så ændre de 2 billeder sig, i bund og top.

er der nogle som lige ved hvordan det nemt gøres ?

spørg hvis du sku være i tvivl om hva jeg mener.
Avatar billede zentral Nybegynder
27. februar 2007 - 15:04 #1
kan det et. laves så indstilingen gemmes i en cookie ? sitet er i ASP.NET C#
Avatar billede roenving Novice
27. februar 2007 - 15:17 #2
Ja !-)

<script type="text/javascript">
var temas = ["top1.png","bund1.png","top2.png","bund2.png","top3.png","bund3.png","top4.png","bund4.png","top5.png","bund5.png"];
function changeTema(color){
  document.getElementById("temaTop").src = temas[color*2];
  document.getElementById("temaBund").src = temas[color*2+1];
  exp = new Date(new Date().getTime() + 365*24*60*60*1000);//1 år
  document.cookie = "tema=" + color + ";expires=" + exp.toGMTString();
}
window.onload = function(){
  var cook = document.cookie;
  if(cook){
    var tema = document.cookie.split("tema=")[1].split(";")[0];
    if(tema)
      changeTema(tema);
  }
}
</script>

-- skrevet lige her og absolut utestet !-)
Avatar billede roenving Novice
27. februar 2007 - 15:19 #3
-- og så skal de 5 knapper se nogenlunde sådan ud:

<img src="graa.gif" onclick="changeTema(0);"><!-- Bemærk 0'et !-) -->
Avatar billede zentral Nybegynder
28. februar 2007 - 09:12 #4
ja så har du jo gjort det igen ... tror nok det skal virke... men der sker ik så meget.. det er jo nok fordi jeg ik har skrevet noget der hvor billederne top og bund vises. der ska vel et id på eller et aller andet... burde top billedet ik blive vist hvis jeg skriver <div id="temaTop"></div> ??
Avatar billede roenving Novice
28. februar 2007 - 09:23 #5
Njah, jeg har jo tænkt i img-tags, ellers bliver det:

  document.getElementById("temaTop").style.backgroundImage = "url(" + temas[color*2] + ")";
Avatar billede zentral Nybegynder
28. februar 2007 - 09:37 #6
ja nu virker det, altså når jeg satte et id i image tagget... kanon... sidste spørgsmål... bund billedet skal sidde som en baggrund på en tabel.. hehe, kan du os klare den ?
Avatar billede roenving Novice
28. februar 2007 - 09:41 #7
Så skal du bare bruge den anden !-)

-- husk at positionere baggrunden, f.eks.

#mainTable{
  background: url(bund1.png) bottom center no-repeat;
}
Avatar billede zentral Nybegynder
28. februar 2007 - 09:45 #8
endnu engang tusinde tak .... smider du lige et svar så får du point ...
Avatar billede roenving Novice
28. februar 2007 - 09:55 #9
Velbekomme '-)

-- men behold selv de fleste, for 200 er klart for mange point !-)
Avatar billede roenving Novice
28. februar 2007 - 09:55 #10
;o)
Avatar billede zentral Nybegynder
28. februar 2007 - 10:13 #11
du får dem ... du har fortjent dem... det sku undre mig om du ik kommer til at hjælpe mig igen engang ... c",)
Avatar billede zentral Nybegynder
28. februar 2007 - 10:16 #12
du kan jo beundre dit værk her : http://www.zentral.dk/v4/default.aspx
Avatar billede roenving Novice
28. februar 2007 - 10:26 #13
*lol*

-- og jeg kan slet ikke se den, for min visual studio insisterer på, at den skal tage fat, og ikke browseren ...

-- for direktivet i starten er ikke fjernet:

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

-- hvilket ses tydeligt, når andre browsere kommer forbi !-)

Tak for point ;~}
Avatar billede roenving Novice
28. februar 2007 - 10:29 #14
Tjah, FireFox overlod det også til Windows, mens Opera gladeligt viste tingen med direktivet som død tekst ...
Avatar billede zentral Nybegynder
28. februar 2007 - 11:23 #15
sådan så sku det virke...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester