How do I make this script into a css file?

jstewie · July 21st, 2005, 07:31 AM

How do I make this script into a css file? And make everything work just as it is in javascript?

<script type="text/javascript">
function SelectSize()
{
var dropDown=document.getElementById("size");
var SelectedSize = dropDown.options[dropDown.selectedIndex].value;
document.body.style.fontSize=SelectedSize + "px";
}
</script>
<form name="frmcontrol">
<select id=size onChange="SelectSize()" >
<option value="20">Default
<option value="12">Very Small
<option value="18">Smaller
<option value="26">Medium
<option value="36">Bigger
<option value="48">Larger
<option value="72">Very Large
</select>
<input type="button" value="Change Size of Text" name="myButton" onClick="SelectSize()" />
</form>

<script language="javascript">

function colorChange()
{
document.bgColor=document.list.colors.options[document.list.colors.selectedIndex].value;
}
</script>
<form name="list">
<select name="colors">
<option value="006633">Default
<option value="black">Black
<option value="white">White
<option value="yellow">Yellow
<option value="red">Red
<option value="blue">Blue
<option value="green">Green
</select>
<input type="button" value="Change Background color" name="myButton2" onClick="colorChange()" />
</form>

<BODY bgColor=#006633>

<script language="javascript">

function change()
{
document.fgColor=document.text.color.options[document.text.color.selectedIndex].value;
}
</script>
<form name="text">
<select name="color">
<option value="black">Default
<option value="black">Black
<option value="white">White
<option value="yellow">Yellow
<option value="red">Red
<option value="blue">Blue
<option value="green">Green
</select>
<input type="button" value="Change Text color" name="myButton3" onClick="change()" />
</form>

Imar · July 21st, 2005, 07:37 AM

What do you mean by "make this script into a css file"? What are you trying to accomplish?

JavaScript and CSS are two quite different technologies, although they mix well. Your question is like "How do I change this pick up truck into a shopping cart".... ;)

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.

jstewie · July 21st, 2005, 08:08 AM

Forget my first question, I just want to be able to link the javascript on to every page, how do I do that?

and it's in "asp format now" I can't cut and paste to every asp page, I don't have that kind of space.

Imar · July 21st, 2005, 08:13 AM

Normally, you can link a JavaScript file like this:

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

However, this file also includes HTML so you'll need to add it to the <body> of the page. If you're using ASP, your best bet is to use a server side include.

Move your code to a new .asp file and then include it where you need it like this:

where YourInclude.asp is your file with the code and Includes is a sub folder in your site.

Cheers,

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.