my next project is to make a site in frontpage which is obviously very easy, but it needs to have 2 different css styles embedded. im making the css files with a css editor, and i know how to apply them to the page, both through frontpage and raw html. i also know how to create an alternative style css sheet (but not how to get it to show!)
since we've only really been taught html so far, the lecturer said to just make the styles, style1.css and style2.css, set it all up and then he can view the source and swap the names style1.css and style2.css around.
what i would like to do though is to get a few more marks (and actually learn something useful other than use frontpage!) by having a button/link/option button, whatever that when clicked automatically changes the css (like at the top of the msn page where you choose between classic blue and simple white)
ive looked all over the net and havent found any really solutions all i found is this:
<html>
<head>
<LINK REL=StyleSheet HREF="style1.css" TYPE="text/css" MEDIA=screen>
<link rel=alternativestylesheet href="style2.css" type ="text/css" media=screen>
<title>test</title>
</head>
<body>
<a href="#" onclick="setActiveStyleSheet('style2.css');
return false;">Switcher</a>
<p>
sample text
</body>
</html>
style1 and style2 are saved in the same folder as the page, so no problems with the addresses, but it doesnt work, says error on page at the bottom of the browser. im thinking maybe there may be some script missing or something? im not sure if this can be done without javascript, the site says it can i dont know?
anyway any help would be appreciated, if anyone could tell me where im going wrong, a way to do this either in frontpage or through html im not bothered ill be learning either way, and if possible id like to avoid javascript as we havent done that yet but if its necessary could you keep it simple thanks very much