CSS wijzigen

[toetsenbord]

Hallo,

Kan ik met Javascript "switchen" tussen 2 (of meer) CSS bestanden, zodat je dus thema's krijgt, waaruit de bezoeker kan kiezen? En hoe doe ik dat dan?


Mvg,

 

[toetsenbord]

Met veel geknoei heb ik het dan toch gevonden...

echter zijn dit "buttons", en ik vroeg me af of dit ook gewoon kon met tekst of een afbeelding?

Mvg

 

[csshunter]

Hoi toetsenbord,
Het antwoord lijkt me: "Ja, dat moet ook kunnen met tekst of afbeelding".
Als de volgende vraag is: "Hoe dan?",
dan is mijn volgende vraag: wat is de code precies die op de button staat? (en liefst ook een link naar een voorbeeld-pagina met de button).

Met vriendelijke groet,
CSShunter

 

[toetsenbord]

Hi CSSHunter,

Dit is de code:

In de HEAD tags staat dit vermeld

<script type="text/javascript" src="java/swapstyle.js"></script>

en voor de switch (dus de buttons): (BODY-tags)

<form method="get" action="" onsubmit="return false;">
<input type="button" value="  Standaard  " onclick="changeStyle('basic')"/>
<input type="button" value="  Zwart  " onclick="changeStyle('black')"/>
</form>

Ook maak ik de verwijzing naar de 2 CSS-bestanden, met een title. (weer in HEAD)

<link href="styles/basic.css" rel="stylesheet" type="text/css" title="basic"/>
<link href="styles/black.css" rel="stylesheet" type="text/css" title="black"/>

MVG

 

[That Guy]

Je kan het op elk soort element (well, bijna) zetten. Het enige wat je hoeft te doen is de stukjes

<... onclick="changeStyle('???');" ... />

aan een element te hangen. Bijvoorbeeld plaatje:

<img src='...' onclick="changeStyle('basic');" />

of text:

<span onclick="changeStyle('black');">text text text</span>

:thumb:

 

[toetsenbord]

Bedankt :thumb::thumb: