stavros-s
3/18/2013 - 2:19 PM

Javascript: CSS style switcher.

Javascript: CSS style switcher.

JavaScript CSS style switcher.html
content_copyfile_download
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head>

<title>Style Changer</title>

<link href=”simpleStyle.css” rel=”stylesheet” rev=”stylesheet” />

<link href=”sansStyle.css” rel=”stylesheet”
rev=”stylesheet” title=”default” />

<link href=”serifStyle.css” rel=”alternate stylesheet”
rev=”alternate stylesheet” title=”serif” />

<style type=”text/css” media=”all”>

@import “complexStyle.css”;
	
</style>


<script src=”styleSwitcher.js” language=”javascript1.5” type=”text/javascript”>
	
</script>


</head>


<body>

<div class=”navBar”>

<br />
Change your font:

<form action=”none”>

<input type=”button” class=”typeBtn” value=”Sm Sans”
onclick=”setActiveStylesheet(‘default’)” />

<input type=”button” class=”typeBtn2” value=”Lg Serif”
onclick=”setActiveStylesheet(‘serif’)” />

</form>

</div>


<div class=”content” id=”headContent”>

<p>Replace this paragraph with your own content.</p>

	
</div>


</body>

</html>