asp file into a javascript file (js)?

jstewie · August 23rd, 2005, 07:37 AM

Could someone create this asp file into a javascript file (a .js file) and still have all of it's functionality?

<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>

<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>
<p>Hello</p>

vinod_yadav1919 · August 24th, 2005, 04:44 AM

Hii jstewie !!!
  I think you want to use a single javascript file and include it in ur asp/html code
if this is the case then followinig will help you

1>put all javascript function in ur .js file
2>put ur js file in <head></head>

****myfile.js*****
function SelectSize()
{
var dropDown=document.getElementById("size");
var SelectedSize = dropDown.options[dropDown.selectedIndex].value;
document.body.style.fontSize=SelectedSize + "px";
}

function colorChange()
{
document.bgColor=document.list.colors.options[document.list.colors.selectedIndex].value;
}

function change()
{
document.fgColor=document.text.color.options[document.text.color.selectedIndex].value;
}
*****
Your original html/asp page will look like

<HTML>
<HEAD>
    <TITLE>test</TITLE>
    <SCRIPT SRC="myfile.js" LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT">
    </SCRIPT>
</HEAD>
<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>

<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>

<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>
<p>Hello</p>

**********

Cheers :)

vinod

jstewie · August 25th, 2005, 08:32 AM

thanks that is sort of what I was looking for. I did want a javascript file and you made that for me. Thank you for that. I just don't want to keep putting in the same code aka the forms in every asp file I make. I just want to create a link to the a file that has all the forms, just the same way as the <SCRIPT SRC="myfile.js" LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT"> </SCRIPT> works. So, that way, the user can change the text and colors on all of my webpages (asp files). I have a javascript file and now I need a one file that has all three forms included in that one file. Is this possible? Please help me.