Tom's Guide | Tom's Hardware | Tom's Games

Computing.Net > Forums > Web Development > Font Changing Coding in Javascript

Computer Problems? Computing.Net has over 1,000,000 posts about all things technology related! Over 90% answered within 24 hours! Click here to start participating now! Also, be sure to check out the New User Guide.

Font Changing Coding in Javascript

Reply to Message Icon

Name: EvilFlame
Date: May 14, 2005 at 05:12:35 Pacific
OS: xp home
CPU/Ram: 3.0ghz p4 2x512 ddr pc320
Comment:

ok my m8 helped me by writing me a code in java script to change front colour background colour front size and style its for a college project and i dont have long left well it all worked but the font colour change and silly me deleted some of the coding and now the font size doesnt work can anyone tell me what i need to add and where plz.

bear in mind i have never used javascript before only basic html.

<HTML>
<HEAD>
<TITLE>script thingy</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<SCRIPT language=javascript>
function changeBgr(element, gad) {
selInd = gad.selectedIndex;
scolor = gad.options[selInd].text;
document.getElementById(element).style.backgroundColor = scolor;
}
function changeFntClr(element, gad) {
selInd = gad.selectedIndex;
sfont = gad.options[selInd].text;
document.getElementById(element).style.color = sfont;
}
function changeFnt(element, gad) {
selInd = gad.selectedIndex;
sfont = gad.options[selInd].text;
document.getElementById(element).style.fontFamily = sfont;
}
</SCRIPT>
<script language="javascript">
function changeFnt(element, gad) {
selInd = gad.selectedIndex;
sfont = gad.options[selInd].text;
document.getElementById(element).style.fontFamily = sfont;
}
function changeFntsize(element, gad) {
selInd = gad.selectedIndex;
sfont = gad.options[selInd].text;
document.getElementById(element).style.fontSize = sfont;
}
</script>
<META content="MSHTML 6.00.2900.2627" name=GENERATOR></HEAD>
<BODY bottomMargin=0 leftMargin=0 topMargin=0 rightMargin=0>
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR vAlign=top>
<TD id=bgcol bgColor=dodgerblue>
<SELECT style="WIDTH: 24%"
onchange="javascript:changeBgr('bgcol', this);" size=1 name=bgcolor>

<OPTION
style="BACKGROUND: aliceblue">aliceblue</OPTION>
<OPTION
style="BACKGROUND: antiquewhite">antiquewhite</OPTION
<OPTION
style="BACKGROUND: aqua">aqua</OPTION>
<OPTION
style="BACKGROUND: aquamarine">aquamarine</OPTION>
<OPTION
style="BACKGROUND: azure">azure</OPTION>
<OPTION
style="BACKGROUND: beige">beige</OPTION>
<OPTION
style="BACKGROUND: bisque">bisque</OPTION>
<OPTION
style="BACKGROUND: black">black</OPTION>
<OPTION
style="BACKGROUND: blanchedalmond">blanchedalmond</OPTION>
<OPTION
style="BACKGROUND: blue">blue</OPTION>
<OPTION
style="BACKGROUND: blueviolet">blueviolet</OPTION>
<OPTION
style="BACKGROUND: brown">brown</OPTION>
<OPTION
style="BACKGROUND: burlywood">burlywood</OPTION>
<OPTION
style="BACKGROUND: cadetblue">cadetblue</OPTION><OPTION
style="BACKGROUND: chartreuse">chartreuse</OPTION><OPTION
style="BACKGROUND: chocolate">chocolate</OPTION><OPTION
style="BACKGROUND: coral">coral</OPTION><OPTION
style="BACKGROUND: cornflowerblue">cornflowerblue</OPTION><OPTION
style="BACKGROUND: cornsilk">cornsilk</OPTION><OPTION
style="BACKGROUND: crimson">crimson</OPTION><OPTION
style="BACKGROUND: cyan">cyan</OPTION><OPTION
style="BACKGROUND: darkblue">darkblue</OPTION><OPTION
style="BACKGROUND: darkcyan">darkcyan</OPTION><OPTION
style="BACKGROUND: darkgoldenrod">darkgoldenrod</OPTION><OPTION
style="BACKGROUND: darkgray">darkgray</OPTION><OPTION
style="BACKGROUND: darkgreen">darkgreen</OPTION><OPTION
style="BACKGROUND: darkkhaki">darkkhaki</OPTION><OPTION
style="BACKGROUND: darkmagenta">darkmagenta</OPTION><OPTION
style="BACKGROUND: darkolivegreen">darkolivegreen</OPTION><OPTION
style="BACKGROUND: darkorange">darkorange</OPTION><OPTION
style="BACKGROUND: darkorchid">darkorchid</OPTION><OPTION
style="BACKGROUND: darkred">darkred</OPTION><OPTION
style="BACKGROUND: darksalmon">darksalmon</OPTION><OPTION
style="BACKGROUND: darkseagreen">darkseagreen</OPTION><OPTION
style="BACKGROUND: darkslateblue">darkslateblue</OPTION><OPTION
style="BACKGROUND: darkslategray">darkslategray</OPTION><OPTION
style="BACKGROUND: darkturquoise">darkturquoise</OPTION><OPTION
style="BACKGROUND: darkviolet">darkviolet</OPTION><OPTION
style="BACKGROUND: deeppink">deeppink</OPTION><OPTION
style="BACKGROUND: deepskyblue">deepskyblue</OPTION><OPTION
style="BACKGROUND: dimgray">dimgray</OPTION><OPTION
style="BACKGROUND: dodgerblue">dodgerblue</OPTION><OPTION
style="BACKGROUND: firebrick">firebrick</OPTION><OPTION
style="BACKGROUND: floralwhite">floralwhite</OPTION><OPTION
style="BACKGROUND: forestgreen">forestgreen</OPTION><OPTION
style="BACKGROUND: fuchsia">fuchsia</OPTION><OPTION
style="BACKGROUND: gainsboro">gainsboro</OPTION><OPTION
style="BACKGROUND: ghostwhite">ghostwhite</OPTION><OPTION
style="BACKGROUND: gold">gold</OPTION><OPTION
style="BACKGROUND: goldenrod">goldenrod</OPTION><OPTION
style="BACKGROUND: gray">gray</OPTION><OPTION
style="BACKGROUND: green">green</OPTION><OPTION
style="BACKGROUND: greenyellow">greenyellow</OPTION><OPTION
style="BACKGROUND: honeydew">honeydew</OPTION><OPTION
style="BACKGROUND: hotpink">hotpink</OPTION><OPTION
style="BACKGROUND: indianred">indianred</OPTION><OPTION
style="BACKGROUND: indigo">indigo</OPTION><OPTION
style="BACKGROUND: ivory">ivory</OPTION><OPTION
style="BACKGROUND: khaki">khaki</OPTION><OPTION
style="BACKGROUND: lavender">lavender</OPTION><OPTION
style="BACKGROUND: lavenderblush">lavenderblush</OPTION><OPTION
style="BACKGROUND: lawngreen">lawngreen</OPTION><OPTION
style="BACKGROUND: lemonchiffon">lemonchiffon</OPTION><OPTION
style="BACKGROUND: lightblue">lightblue</OPTION><OPTION
style="BACKGROUND: lightcoral">lightcoral</OPTION><OPTION
style="BACKGROUND: lightcyan">lightcyan</OPTION><OPTION
style="BACKGROUND: lightgoldenrodyellow">lightgoldenrodyellow</OPTION><OPTION
style="BACKGROUND: lightgreen">lightgreen</OPTION><OPTION
style="BACKGROUND: lightgrey">lightgrey</OPTION><OPTION
style="BACKGROUND: lightpink">lightpink</OPTION><OPTION
style="BACKGROUND: lightsalmon">lightsalmon</OPTION><OPTION
style="BACKGROUND: lightseagreen">lightseagreen</OPTION><OPTION
style="BACKGROUND: lightskyblue">lightskyblue</OPTION><OPTION
style="BACKGROUND: lightslategray">lightslategray</OPTION><OPTION
style="BACKGROUND: lightsteelblue">lightsteelblue</OPTION><OPTION
style="BACKGROUND: lightyellow">lightyellow</OPTION><OPTION
style="BACKGROUND: lime">lime</OPTION><OPTION
style="BACKGROUND: limegreen">limegreen</OPTION><OPTION
style="BACKGROUND: linen">linen</OPTION><OPTION
style="BACKGROUND: magenta">magenta</OPTION><OPTION
style="BACKGROUND: maroon">maroon</OPTION><OPTION
style="BACKGROUND: mediumaquamarine">mediumaquamarine</OPTION><OPTION
style="BACKGROUND: mediumblue">mediumblue</OPTION><OPTION
style="BACKGROUND: mediumorchid">mediumorchid</OPTION><OPTION
style="BACKGROUND: mediumpurple">mediumpurple</OPTION><OPTION
style="BACKGROUND: mediumseagreen">mediumseagreen</OPTION><OPTION
style="BACKGROUND: mediumslateblue">mediumslateblue</OPTION><OPTION
style="BACKGROUND: mediumspringgreen">mediumspringgreen</OPTION><OPTION
style="BACKGROUND: mediumturquoise">mediumturquoise</OPTION><OPTION
style="BACKGROUND: mediumvioletred">mediumvioletred</OPTION><OPTION
style="BACKGROUND: midnightblue">midnightblue</OPTION><OPTION
style="BACKGROUND: mintcream">mintcream</OPTION><OPTION
style="BACKGROUND: mistyrose">mistyrose</OPTION><OPTION
style="BACKGROUND: moccasin">moccasin</OPTION><OPTION
style="BACKGROUND: navajowhite">navajowhite</OPTION><OPTION
style="BACKGROUND: navy">navy</OPTION><OPTION
style="BACKGROUND: oldlace">oldlace</OPTION><OPTION
style="BACKGROUND: olive">olive</OPTION><OPTION
style="BACKGROUND: olivedrab">olivedrab</OPTION><OPTION
style="BACKGROUND: orange">orange</OPTION><OPTION
style="BACKGROUND: orangered">orangered</OPTION><OPTION
style="BACKGROUND: orchid">orchid</OPTION><OPTION
style="BACKGROUND: palegoldenrod">palegoldenrod</OPTION><OPTION
style="BACKGROUND: palegreen">palegreen</OPTION><OPTION
style="BACKGROUND: paleturquoise">paleturquoise</OPTION><OPTION
style="BACKGROUND: palevioletred">palevioletred</OPTION><OPTION
style="BACKGROUND: papayawhip">papayawhip</OPTION><OPTION
style="BACKGROUND: peachpuff">peachpuff</OPTION><OPTION
style="BACKGROUND: peru">peru</OPTION><OPTION
style="BACKGROUND: pink">pink</OPTION><OPTION
style="BACKGROUND: plum">plum</OPTION><OPTION
style="BACKGROUND: powderblue">powderblue</OPTION><OPTION
style="BACKGROUND: purple">purple</OPTION><OPTION
style="BACKGROUND: red">red</OPTION><OPTION
style="BACKGROUND: rosybrown">rosybrown</OPTION><OPTION
style="BACKGROUND: royalblue">royalblue</OPTION><OPTION
style="BACKGROUND: saddlebrown">saddlebrown</OPTION><OPTION
style="BACKGROUND: salmon">salmon</OPTION><OPTION
style="BACKGROUND: sandybrown">sandybrown</OPTION><OPTION
style="BACKGROUND: seagreen">seagreen</OPTION><OPTION
style="BACKGROUND: seashell">seashell</OPTION><OPTION
style="BACKGROUND: sienna">sienna</OPTION><OPTION
style="BACKGROUND: silver">silver</OPTION><OPTION
style="BACKGROUND: skyblue">skyblue</OPTION><OPTION
style="BACKGROUND: slateblue">slateblue</OPTION><OPTION
style="BACKGROUND: slategray">slategray</OPTION><OPTION
style="BACKGROUND: snow">snow</OPTION><OPTION
style="BACKGROUND: springgreen">springgreen</OPTION><OPTION
style="BACKGROUND: steelblue">steelblue</OPTION><OPTION
style="BACKGROUND: tan">tan</OPTION><OPTION
style="BACKGROUND: teal">teal</OPTION><OPTION
style="BACKGROUND: thistle">thistle</OPTION><OPTION
style="BACKGROUND: tomato">tomato</OPTION><OPTION
style="BACKGROUND: turquoise">turquoise</OPTION><OPTION
style="BACKGROUND: violet">violet</OPTION><OPTION
style="BACKGROUND: wheat">wheat</OPTION><OPTION
style="BACKGROUND: white">white</OPTION><OPTION
style="BACKGROUND: whitesmoke">whitesmoke</OPTION><OPTION
style="BACKGROUND: yellow">yellow</OPTION><OPTION
style="BACKGROUND: yellowgreen">yellowgreen</OPTION></SELECT>

<SELECT style="WIDTH: 24%"
onchange="javascript:changeFntClr('fontcol', this);" size=1
name=fntcolour>
<OPTION
style="BACKGROUND: aliceblue">aliceblue</OPTION>
<OPTION
style="BACKGROUND: antiquewhite">antiquewhite</OPTION>
<OPTION
style="BACKGROUND: aqua">aqua</OPTION>
<OPTION
style="BACKGROUND: aquamarine">aquamarine</OPTION>
<OPTION
style="BACKGROUND: azure">azure</OPTION>
<OPTION
style="BACKGROUND: beige">beige</OPTION>
<OPTION
style="BACKGROUND: bisque">bisque</OPTION>
<OPTION
style="BACKGROUND: black">black</OPTION>
<OPTION
style="BACKGROUND: blanchedalmond">blanchedalmond</OPTION>
<OPTION
style="BACKGROUND: blue">blue</OPTION>
<OPTION
style="BACKGROUND: blueviolet">blueviolet</OPTION>
<OPTION
style="BACKGROUND: brown">brown</OPTION>
<OPTION
style="BACKGROUND: burlywood">burlywood</OPTION>
<OPTION
style="BACKGROUND: cadetblue">cadetblue</OPTION>
<OPTION
style="BACKGROUND: chartreuse">chartreuse</OPTION>
<OPTION
style="BACKGROUND: chocolate">chocolate</OPTION>
<OPTION
style="BACKGROUND: coral">coral</OPTION>
<OPTION
style="BACKGROUND: cornflowerblue">cornflowerblue</OPTION>
<OPTION
style="BACKGROUND: cornsilk">cornsilk</OPTION>
<OPTION
style="BACKGROUND: crimson">crimson</OPTION>
<OPTION
style="BACKGROUND: cyan">cyan</OPTION>
<OPTION
style="BACKGROUND: darkblue">darkblue</OPTION>
<OPTION
style="BACKGROUND: darkcyan">darkcyan</OPTION>
<OPTION
style="BACKGROUND: darkgoldenrod">darkgoldenrod</OPTION>
<OPTION
style="BACKGROUND: darkgray">darkgray</OPTION>
<OPTION
style="BACKGROUND: darkgreen">darkgreen</OPTION>
<OPTION
style="BACKGROUND: darkkhaki">darkkhaki</OPTION>
<OPTION
style="BACKGROUND: darkmagenta">darkmagenta</OPTION>
<OPTION
style="BACKGROUND: darkolivegreen">darkolivegreen</OPTION>
<OPTION
style="BACKGROUND: darkorange">darkorange</OPTION>
<OPTION
style="BACKGROUND: darkorchid">darkorchid</OPTION>
<OPTION
style="BACKGROUND: darkred">darkred</OPTION>
<OPTION
style="BACKGROUND: darksalmon">darksalmon</OPTION>
<OPTION
style="BACKGROUND: darkseagreen">darkseagreen</OPTION>
<OPTION
style="BACKGROUND: darkslateblue">darkslateblue</OPTION>
<OPTION
style="BACKGROUND: darkslategray">darkslategray</OPTION>
<OPTION
style="BACKGROUND: darkturquoise">darkturquoise</OPTION>
<OPTION
style="BACKGROUND: darkviolet">darkviolet</OPTION>
<OPTION
style="BACKGROUND: deeppink">deeppink</OPTION>
<OPTION
style="BACKGROUND: deepskyblue">deepskyblue</OPTION>
<OPTION
style="BACKGROUND: dimgray">dimgray</OPTION>
<OPTION
style="BACKGROUND: dodgerblue">dodgerblue</OPTION>
<OPTION
style="BACKGROUND: firebrick">firebrick</OPTION>
<OPTION
style="BACKGROUND: floralwhite">floralwhite</OPTION>
<OPTION
style="BACKGROUND: forestgreen">forestgreen</OPTION>
<OPTION
style="BACKGROUND: fuchsia">fuchsia</OPTION>
<OPTION
style="BACKGROUND: gainsboro">gainsboro</OPTION>
<OPTION
style="BACKGROUND: ghostwhite">ghostwhite</OPTION>
<OPTION
style="BACKGROUND: gold">gold</OPTION>
<OPTION
style="BACKGROUND: goldenrod">goldenrod</OPTION>
<OPTION
style="BACKGROUND: gray">gray</OPTION>
<OPTION
style="BACKGROUND: green">green</OPTION>
<OPTION
style="BACKGROUND: greenyellow">greenyellow</OPTION>
<OPTION
style="BACKGROUND: honeydew">honeydew</OPTION>
<OPTION
style="BACKGROUND: hotpink">hotpink</OPTION>
<OPTION
style="BACKGROUND: indianred">indianred</OPTION><
OPTION
style="BACKGROUND: indigo">indigo</OPTION>
<OPTION
style="BACKGROUND: ivory">ivory</OPTION>
<OPTION
style="BACKGROUND: khaki">khaki</OPTION>
<OPTION
style="BACKGROUND: lavender">lavender</OPTION>
<OPTION
style="BACKGROUND: lavenderblush">lavenderblush</OPTION>
<OPTION
style="BACKGROUND: lawngreen">lawngreen</OPTION>
<OPTION
style="BACKGROUND: lemonchiffon">lemonchiffon</OPTION>
<OPTION
style="BACKGROUND: lightblue">lightblue</OPTION>
<OPTION
style="BACKGROUND: lightcoral">lightcoral</OPTION>
<OPTION
style="BACKGROUND: lightcyan">lightcyan</OPTION>
<OPTION
style="BACKGROUND: lightgoldenrodyellow">lightgoldenrodyellow</OPTION>
<OPTION
style="BACKGROUND: lightgreen">lightgreen</OPTION>
<OPTION
style="BACKGROUND: lightgrey">lightgrey</OPTION>
<OPTION
style="BACKGROUND: lightpink">lightpink</OPTION>
<OPTION
style="BACKGROUND: lightsalmon">lightsalmon</OPTION>
<OPTION
style="BACKGROUND: lightseagreen">lightseagreen</OPTION>
<OPTION
style="BACKGROUND: lightskyblue">lightskyblue</OPTION>
<OPTION
style="BACKGROUND: lightslategray">lightslategray</OPTION>
<OPTION
style="BACKGROUND: lightsteelblue">lightsteelblue</OPTION>
<OPTION
style="BACKGROUND: lightyellow">lightyellow</OPTION>
<OPTION
style="BACKGROUND: lime">lime</OPTION>
<OPTION
style="BACKGROUND: limegreen">limegreen</OPTION>
<OPTION
style="BACKGROUND: linen">linen</OPTION>
<OPTION
style="BACKGROUND: magenta">magenta</OPTION>
<OPTION
style="BACKGROUND: maroon">maroon</OPTION>
<OPTION
style="BACKGROUND: mediumaquamarine">mediumaquamarine</OPTION>
<OPTION
style="BACKGROUND: mediumblue">mediumblue</OPTION>
<OPTION
style="BACKGROUND: mediumorchid">mediumorchid</OPTION>
<OPTION
style="BACKGROUND: mediumpurple">mediumpurple</OPTION>
<OPTION
style="BACKGROUND: mediumseagreen">mediumseagreen</OPTION>
<OPTION
style="BACKGROUND: mediumslateblue">mediumslateblue</OPTION>
<OPTION
style="BACKGROUND: mediumspringgreen">mediumspringgreen</OPTION>
<OPTION
style="BACKGROUND: mediumturquoise">mediumturquoise</OPTION>
<OPTION
style="BACKGROUND: mediumvioletred">mediumvioletred</OPTION>
<OPTION
style="BACKGROUND: midnightblue">midnightblue</OPTION>
<OPTION
style="BACKGROUND: mintcream">mintcream</OPTION>
<OPTION
style="BACKGROUND: mistyrose">mistyrose</OPTION>
<OPTION
style="BACKGROUND: moccasin">moccasin</OPTION>
<OPTION
style="BACKGROUND: navajowhite">navajowhite</OPTION>
<OPTION
style="BACKGROUND: navy">navy</OPTION>
<OPTION
style="BACKGROUND: oldlace">oldlace</OPTION>
<OPTION
style="BACKGROUND: olive">olive</OPTION>
<OPTION
style="BACKGROUND: olivedrab">olivedrab</OPTION>
<OPTION
style="BACKGROUND: orange">orange</OPTION>
<OPTION
style="BACKGROUND: orangered">orangered</OPTION>
<OPTION
style="BACKGROUND: orchid">orchid</OPTION>
<OPTION
style="BACKGROUND: palegoldenrod">palegoldenrod</OPTION>
<OPTION
style="BACKGROUND: palegreen">palegreen</OPTION>
<OPTION
style="BACKGROUND: paleturquoise">paleturquoise</OPTION>
<OPTION
style="BACKGROUND: palevioletred">palevioletred</OPTION>
<OPTION
style="BACKGROUND: papayawhip">papayawhip</OPTION>
<OPTION
style="BACKGROUND: peachpuff">peachpuff</OPTION>
<OPTION
style="BACKGROUND: peru">peru</OPTION>
<OPTION
style="BACKGROUND: pink">pink</OPTION>
<OPTION
style="BACKGROUND: plum">plum</OPTION>
<OPTION
style="BACKGROUND: powderblue">powderblue</OPTION>
<OPTION
style="BACKGROUND: purple">purple</OPTION>
<OPTION
style="BACKGROUND: red">red</OPTION>
<OPTION
style="BACKGROUND: rosybrown">rosybrown</OPTION>
<OPTION
style="BACKGROUND: royalblue">royalblue</OPTION>
<OPTION
style="BACKGROUND: saddlebrown">saddlebrown</OPTION>
<OPTION
style="BACKGROUND: salmon">salmon</OPTION>
<OPTION
style="BACKGROUND: sandybrown">sandybrown</OPTION>
<OPTION
style="BACKGROUND: seagreen">seagreen</OPTION>
<OPTION
style="BACKGROUND: seashell">seashell</OPTION>
<OPTION
style="BACKGROUND: sienna">sienna</OPTION>
<OPTION
style="BACKGROUND: silver">silver</OPTION>
<OPTION
style="BACKGROUND: skyblue">skyblue</OPTION>
<OPTION
style="BACKGROUND: slateblue">slateblue</OPTION>
<OPTION
style="BACKGROUND: slategray">slategray</OPTION>
<OPTION
style="BACKGROUND: snow">snow</OPTION>
<OPTION
style="BACKGROUND: springgreen">springgreen</OPTION>
<OPTION
style="BACKGROUND: steelblue">steelblue</OPTION>
<OPTION
style="BACKGROUND: tan">tan</OPTION>
<OPTION
style="BACKGROUND: teal">teal</OPTION>
<OPTION
style="BACKGROUND: thistle">thistle</OPTION>
<OPTION
style="BACKGROUND: tomato">tomato</OPTION>
<OPTION
style="BACKGROUND: turquoise">turquoise</OPTION>
<OPTION
style="BACKGROUND: violet">violet</OPTION>
<OPTION
style="BACKGROUND: wheat">wheat</OPTION>
<OPTION
style="BACKGROUND: white">white</OPTION>
<OPTION
style="BACKGROUND: whitesmoke">whitesmoke</OPTION>
<OPTION
style="BACKGROUND: yellow">yellow</OPTION>
<OPTION
style="BACKGROUND: yellowgreen">yellowgreen</OPTION></SELECT>

<body bgcolor="dodgerblue" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0">
<select style="width:24%" size="1" name="content_font_size" onChange="javascript:changeFnt('font', this);">
<option>Tahoma</option>
<option>Verdana</option>
<option>Comic Sans MS</option>
</select>
<option>16</option>
<option>20</option>
<option>24</option>
<option>48</option>
</select>





<p id="font">blahgon
</body>
</TD>
</TR>
</TBODY>
</TABLE>
</BODY>
</HTML>



Sponsored Link
Ads by Google

Response Number 1
Name: Michael J (by mjdamato)
Date: May 15, 2005 at 04:07:38 Pacific
Reply:

Look for bold text for instructions. Changes at top and bottom

<HTML>
<HEAD>
<TITLE>script thingy</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<SCRIPT language=javascript>
function changeBgr(element, gad) {
selInd = gad.selectedIndex;
scolor = gad.options[selInd].text;
document.getElementById(element).style.backgroundColor = scolor;
}
function changeFntClr(element, gad) {
selInd = gad.selectedIndex;
sfont = gad.options[selInd].text;
document.getElementById(element).style.color = sfont;
}
[DELETE THIS]
function changeFnt(element, gad) {
selInd = gad.selectedIndex;
sfont = gad.options[selInd].text;
document.getElementById(element).style.fontFamily = sfont;
}
</SCRIPT>
<script language="javascript">
[END DELETE]
function changeFnt(element, gad) {
selInd = gad.selectedIndex;
sfont = gad.options[selInd].text;
document.getElementById(element).style.fontFamily = sfont;
}
function changeFntsize(element, gad) {
selInd = gad.selectedIndex;
sfont = gad.options[selInd].text;
document.getElementById(element).style.fontSize = sfont;
}
</script>
<META content="MSHTML 6.00.2900.2627" name=GENERATOR></HEAD>
<BODY bottomMargin=0 leftMargin=0 topMargin=0 rightMargin=0>
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR vAlign=top>
<TD id=bgcol bgColor=dodgerblue>
<SELECT style="WIDTH: 24%"
onchange="javascript:changeBgr('bgcol', this);" size=1 name=bgcolor>

<OPTION
style="BACKGROUND: aliceblue">aliceblue</OPTION>
<OPTION
style="BACKGROUND: antiquewhite">antiquewhite</OPTION
<OPTION
style="BACKGROUND: aqua">aqua</OPTION>
<OPTION
style="BACKGROUND: aquamarine">aquamarine</OPTION>
<OPTION
style="BACKGROUND: azure">azure</OPTION>
<OPTION
style="BACKGROUND: beige">beige</OPTION>
<OPTION
style="BACKGROUND: bisque">bisque</OPTION>
<OPTION
style="BACKGROUND: black">black</OPTION>
<OPTION
style="BACKGROUND: blanchedalmond">blanchedalmond</OPTION>
<OPTION
style="BACKGROUND: blue">blue</OPTION>
<OPTION
style="BACKGROUND: blueviolet">blueviolet</OPTION>
<OPTION
style="BACKGROUND: brown">brown</OPTION>
<OPTION
style="BACKGROUND: burlywood">burlywood</OPTION>
<OPTION
style="BACKGROUND: cadetblue">cadetblue</OPTION><OPTION
style="BACKGROUND: chartreuse">chartreuse</OPTION><OPTION
style="BACKGROUND: chocolate">chocolate</OPTION><OPTION
style="BACKGROUND: coral">coral</OPTION><OPTION
style="BACKGROUND: cornflowerblue">cornflowerblue</OPTION><OPTION
style="BACKGROUND: cornsilk">cornsilk</OPTION><OPTION
style="BACKGROUND: crimson">crimson</OPTION><OPTION
style="BACKGROUND: cyan">cyan</OPTION><OPTION
style="BACKGROUND: darkblue">darkblue</OPTION><OPTION
style="BACKGROUND: darkcyan">darkcyan</OPTION><OPTION
style="BACKGROUND: darkgoldenrod">darkgoldenrod</OPTION><OPTION
style="BACKGROUND: darkgray">darkgray</OPTION><OPTION
style="BACKGROUND: darkgreen">darkgreen</OPTION><OPTION
style="BACKGROUND: darkkhaki">darkkhaki</OPTION><OPTION
style="BACKGROUND: darkmagenta">darkmagenta</OPTION><OPTION
style="BACKGROUND: darkolivegreen">darkolivegreen</OPTION><OPTION
style="BACKGROUND: darkorange">darkorange</OPTION><OPTION
style="BACKGROUND: darkorchid">darkorchid</OPTION><OPTION
style="BACKGROUND: darkred">darkred</OPTION><OPTION
style="BACKGROUND: darksalmon">darksalmon</OPTION><OPTION
style="BACKGROUND: darkseagreen">darkseagreen</OPTION><OPTION
style="BACKGROUND: darkslateblue">darkslateblue</OPTION><OPTION
style="BACKGROUND: darkslategray">darkslategray</OPTION><OPTION
style="BACKGROUND: darkturquoise">darkturquoise</OPTION><OPTION
style="BACKGROUND: darkviolet">darkviolet</OPTION><OPTION
style="BACKGROUND: deeppink">deeppink</OPTION><OPTION
style="BACKGROUND: deepskyblue">deepskyblue</OPTION><OPTION
style="BACKGROUND: dimgray">dimgray</OPTION><OPTION
style="BACKGROUND: dodgerblue">dodgerblue</OPTION><OPTION
style="BACKGROUND: firebrick">firebrick</OPTION><OPTION
style="BACKGROUND: floralwhite">floralwhite</OPTION><OPTION
style="BACKGROUND: forestgreen">forestgreen</OPTION><OPTION
style="BACKGROUND: fuchsia">fuchsia</OPTION><OPTION
style="BACKGROUND: gainsboro">gainsboro</OPTION><OPTION
style="BACKGROUND: ghostwhite">ghostwhite</OPTION><OPTION
style="BACKGROUND: gold">gold</OPTION><OPTION
style="BACKGROUND: goldenrod">goldenrod</OPTION><OPTION
style="BACKGROUND: gray">gray</OPTION><OPTION
style="BACKGROUND: green">green</OPTION><OPTION
style="BACKGROUND: greenyellow">greenyellow</OPTION><OPTION
style="BACKGROUND: honeydew">honeydew</OPTION><OPTION
style="BACKGROUND: hotpink">hotpink</OPTION><OPTION
style="BACKGROUND: indianred">indianred</OPTION><OPTION
style="BACKGROUND: indigo">indigo</OPTION><OPTION
style="BACKGROUND: ivory">ivory</OPTION><OPTION
style="BACKGROUND: khaki">khaki</OPTION><OPTION
style="BACKGROUND: lavender">lavender</OPTION><OPTION
style="BACKGROUND: lavenderblush">lavenderblush</OPTION><OPTION
style="BACKGROUND: lawngreen">lawngreen</OPTION><OPTION
style="BACKGROUND: lemonchiffon">lemonchiffon</OPTION><OPTION
style="BACKGROUND: lightblue">lightblue</OPTION><OPTION
style="BACKGROUND: lightcoral">lightcoral</OPTION><OPTION
style="BACKGROUND: lightcyan">lightcyan</OPTION><OPTION
style="BACKGROUND: lightgoldenrodyellow">lightgoldenrodyellow</OPTION><OPTION
style="BACKGROUND: lightgreen">lightgreen</OPTION><OPTION
style="BACKGROUND: lightgrey">lightgrey</OPTION><OPTION
style="BACKGROUND: lightpink">lightpink</OPTION><OPTION
style="BACKGROUND: lightsalmon">lightsalmon</OPTION><OPTION
style="BACKGROUND: lightseagreen">lightseagreen</OPTION><OPTION
style="BACKGROUND: lightskyblue">lightskyblue</OPTION><OPTION
style="BACKGROUND: lightslategray">lightslategray</OPTION><OPTION
style="BACKGROUND: lightsteelblue">lightsteelblue</OPTION><OPTION
style="BACKGROUND: lightyellow">lightyellow</OPTION><OPTION
style="BACKGROUND: lime">lime</OPTION><OPTION
style="BACKGROUND: limegreen">limegreen</OPTION><OPTION
style="BACKGROUND: linen">linen</OPTION><OPTION
style="BACKGROUND: magenta">magenta</OPTION><OPTION
style="BACKGROUND: maroon">maroon</OPTION><OPTION
style="BACKGROUND: mediumaquamarine">mediumaquamarine</OPTION><OPTION
style="BACKGROUND: mediumblue">mediumblue</OPTION><OPTION
style="BACKGROUND: mediumorchid">mediumorchid</OPTION><OPTION
style="BACKGROUND: mediumpurple">mediumpurple</OPTION><OPTION
style="BACKGROUND: mediumseagreen">mediumseagreen</OPTION><OPTION
style="BACKGROUND: mediumslateblue">mediumslateblue</OPTION><OPTION
style="BACKGROUND: mediumspringgreen">mediumspringgreen</OPTION><OPTION
style="BACKGROUND: mediumturquoise">mediumturquoise</OPTION><OPTION
style="BACKGROUND: mediumvioletred">mediumvioletred</OPTION><OPTION
style="BACKGROUND: midnightblue">midnightblue</OPTION><OPTION
style="BACKGROUND: mintcream">mintcream</OPTION><OPTION
style="BACKGROUND: mistyrose">mistyrose</OPTION><OPTION
style="BACKGROUND: moccasin">moccasin</OPTION><OPTION
style="BACKGROUND: navajowhite">navajowhite</OPTION><OPTION
style="BACKGROUND: navy">navy</OPTION><OPTION
style="BACKGROUND: oldlace">oldlace</OPTION><OPTION
style="BACKGROUND: olive">olive</OPTION><OPTION
style="BACKGROUND: olivedrab">olivedrab</OPTION><OPTION
style="BACKGROUND: orange">orange</OPTION><OPTION
style="BACKGROUND: orangered">orangered</OPTION><OPTION
style="BACKGROUND: orchid">orchid</OPTION><OPTION
style="BACKGROUND: palegoldenrod">palegoldenrod</OPTION><OPTION
style="BACKGROUND: palegreen">palegreen</OPTION><OPTION
style="BACKGROUND: paleturquoise">paleturquoise</OPTION><OPTION
style="BACKGROUND: palevioletred">palevioletred</OPTION><OPTION
style="BACKGROUND: papayawhip">papayawhip</OPTION><OPTION
style="BACKGROUND: peachpuff">peachpuff</OPTION><OPTION
style="BACKGROUND: peru">peru</OPTION><OPTION
style="BACKGROUND: pink">pink</OPTION><OPTION
style="BACKGROUND: plum">plum</OPTION><OPTION
style="BACKGROUND: powderblue">powderblue</OPTION><OPTION
style="BACKGROUND: purple">purple</OPTION><OPTION
style="BACKGROUND: red">red</OPTION><OPTION
style="BACKGROUND: rosybrown">rosybrown</OPTION><OPTION
style="BACKGROUND: royalblue">royalblue</OPTION><OPTION
style="BACKGROUND: saddlebrown">saddlebrown</OPTION><OPTION
style="BACKGROUND: salmon">salmon</OPTION><OPTION
style="BACKGROUND: sandybrown">sandybrown</OPTION><OPTION
style="BACKGROUND: seagreen">seagreen</OPTION><OPTION
style="BACKGROUND: seashell">seashell</OPTION><OPTION
style="BACKGROUND: sienna">sienna</OPTION><OPTION
style="BACKGROUND: silver">silver</OPTION><OPTION
style="BACKGROUND: skyblue">skyblue</OPTION><OPTION
style="BACKGROUND: slateblue">slateblue</OPTION><OPTION
style="BACKGROUND: slategray">slategray</OPTION><OPTION
style="BACKGROUND: snow">snow</OPTION><OPTION
style="BACKGROUND: springgreen">springgreen</OPTION><OPTION
style="BACKGROUND: steelblue">steelblue</OPTION><OPTION
style="BACKGROUND: tan">tan</OPTION><OPTION
style="BACKGROUND: teal">teal</OPTION><OPTION
style="BACKGROUND: thistle">thistle</OPTION><OPTION
style="BACKGROUND: tomato">tomato</OPTION><OPTION
style="BACKGROUND: turquoise">turquoise</OPTION><OPTION
style="BACKGROUND: violet">violet</OPTION><OPTION
style="BACKGROUND: wheat">wheat</OPTION><OPTION
style="BACKGROUND: white">white</OPTION><OPTION
style="BACKGROUND: whitesmoke">whitesmoke</OPTION><OPTION
style="BACKGROUND: yellow">yellow</OPTION><OPTION
style="BACKGROUND: yellowgreen">yellowgreen</OPTION></SELECT>

<SELECT style="WIDTH: 24%"
onchange="javascript:changeFntClr('fontcol', this);" size=1
name=fntcolour>
<OPTION
style="BACKGROUND: aliceblue">aliceblue</OPTION>
<OPTION
style="BACKGROUND: antiquewhite">antiquewhite</OPTION>
<OPTION
style="BACKGROUND: aqua">aqua</OPTION>
<OPTION
style="BACKGROUND: aquamarine">aquamarine</OPTION>
<OPTION
style="BACKGROUND: azure">azure</OPTION>
<OPTION
style="BACKGROUND: beige">beige</OPTION>
<OPTION
style="BACKGROUND: bisque">bisque</OPTION>
<OPTION
style="BACKGROUND: black">black</OPTION>
<OPTION
style="BACKGROUND: blanchedalmond">blanchedalmond</OPTION>
<OPTION
style="BACKGROUND: blue">blue</OPTION>
<OPTION
style="BACKGROUND: blueviolet">blueviolet</OPTION>
<OPTION
style="BACKGROUND: brown">brown</OPTION>
<OPTION
style="BACKGROUND: burlywood">burlywood</OPTION>
<OPTION
style="BACKGROUND: cadetblue">cadetblue</OPTION>
<OPTION
style="BACKGROUND: chartreuse">chartreuse</OPTION>
<OPTION
style="BACKGROUND: chocolate">chocolate</OPTION>
<OPTION
style="BACKGROUND: coral">coral</OPTION>
<OPTION
style="BACKGROUND: cornflowerblue">cornflowerblue</OPTION>
<OPTION
style="BACKGROUND: cornsilk">cornsilk</OPTION>
<OPTION
style="BACKGROUND: crimson">crimson</OPTION>
<OPTION
style="BACKGROUND: cyan">cyan</OPTION>
<OPTION
style="BACKGROUND: darkblue">darkblue</OPTION>
<OPTION
style="BACKGROUND: darkcyan">darkcyan</OPTION>
<OPTION
style="BACKGROUND: darkgoldenrod">darkgoldenrod</OPTION>
<OPTION
style="BACKGROUND: darkgray">darkgray</OPTION>
<OPTION
style="BACKGROUND: darkgreen">darkgreen</OPTION>
<OPTION
style="BACKGROUND: darkkhaki">darkkhaki</OPTION>
<OPTION
style="BACKGROUND: darkmagenta">darkmagenta</OPTION>
<OPTION
style="BACKGROUND: darkolivegreen">darkolivegreen</OPTION>
<OPTION
style="BACKGROUND: darkorange">darkorange</OPTION>
<OPTION
style="BACKGROUND: darkorchid">darkorchid</OPTION>
<OPTION
style="BACKGROUND: darkred">darkred</OPTION>
<OPTION
style="BACKGROUND: darksalmon">darksalmon</OPTION>
<OPTION
style="BACKGROUND: darkseagreen">darkseagreen</OPTION>
<OPTION
style="BACKGROUND: darkslateblue">darkslateblue</OPTION>
<OPTION
style="BACKGROUND: darkslategray">darkslategray</OPTION>
<OPTION
style="BACKGROUND: darkturquoise">darkturquoise</OPTION>
<OPTION
style="BACKGROUND: darkviolet">darkviolet</OPTION>
<OPTION
style="BACKGROUND: deeppink">deeppink</OPTION>
<OPTION
style="BACKGROUND: deepskyblue">deepskyblue</OPTION>
<OPTION
style="BACKGROUND: dimgray">dimgray</OPTION>
<OPTION
style="BACKGROUND: dodgerblue">dodgerblue</OPTION>
<OPTION
style="BACKGROUND: firebrick">firebrick</OPTION>
<OPTION
style="BACKGROUND: floralwhite">floralwhite</OPTION>
<OPTION
style="BACKGROUND: forestgreen">forestgreen</OPTION>
<OPTION
style="BACKGROUND: fuchsia">fuchsia</OPTION>
<OPTION
style="BACKGROUND: gainsboro">gainsboro</OPTION>
<OPTION
style="BACKGROUND: ghostwhite">ghostwhite</OPTION>
<OPTION
style="BACKGROUND: gold">gold</OPTION>
<OPTION
style="BACKGROUND: goldenrod">goldenrod</OPTION>
<OPTION
style="BACKGROUND: gray">gray</OPTION>
<OPTION
style="BACKGROUND: green">green</OPTION>
<OPTION
style="BACKGROUND: greenyellow">greenyellow</OPTION>
<OPTION
style="BACKGROUND: honeydew">honeydew</OPTION>
<OPTION
style="BACKGROUND: hotpink">hotpink</OPTION>
<OPTION
style="BACKGROUND: indianred">indianred</OPTION><
OPTION
style="BACKGROUND: indigo">indigo</OPTION>
<OPTION
style="BACKGROUND: ivory">ivory</OPTION>
<OPTION
style="BACKGROUND: khaki">khaki</OPTION>
<OPTION
style="BACKGROUND: lavender">lavender</OPTION>
<OPTION
style="BACKGROUND: lavenderblush">lavenderblush</OPTION>
<OPTION
style="BACKGROUND: lawngreen">lawngreen</OPTION>
<OPTION
style="BACKGROUND: lemonchiffon">lemonchiffon</OPTION>
<OPTION
style="BACKGROUND: lightblue">lightblue</OPTION>
<OPTION
style="BACKGROUND: lightcoral">lightcoral</OPTION>
<OPTION
style="BACKGROUND: lightcyan">lightcyan</OPTION>
<OPTION
style="BACKGROUND: lightgoldenrodyellow">lightgoldenrodyellow</OPTION>
<OPTION
style="BACKGROUND: lightgreen">lightgreen</OPTION>
<OPTION
style="BACKGROUND: lightgrey">lightgrey</OPTION>
<OPTION
style="BACKGROUND: lightpink">lightpink</OPTION>
<OPTION
style="BACKGROUND: lightsalmon">lightsalmon</OPTION>
<OPTION
style="BACKGROUND: lightseagreen">lightseagreen</OPTION>
<OPTION
style="BACKGROUND: lightskyblue">lightskyblue</OPTION>
<OPTION
style="BACKGROUND: lightslategray">lightslategray</OPTION>
<OPTION
style="BACKGROUND: lightsteelblue">lightsteelblue</OPTION>
<OPTION
style="BACKGROUND: lightyellow">lightyellow</OPTION>
<OPTION
style="BACKGROUND: lime">lime</OPTION>
<OPTION
style="BACKGROUND: limegreen">limegreen</OPTION>
<OPTION
style="BACKGROUND: linen">linen</OPTION>
<OPTION
style="BACKGROUND: magenta">magenta</OPTION>
<OPTION
style="BACKGROUND: maroon">maroon</OPTION>
<OPTION
style="BACKGROUND: mediumaquamarine">mediumaquamarine</OPTION>
<OPTION
style="BACKGROUND: mediumblue">mediumblue</OPTION>
<OPTION
style="BACKGROUND: mediumorchid">mediumorchid</OPTION>
<OPTION
style="BACKGROUND: mediumpurple">mediumpurple</OPTION>
<OPTION
style="BACKGROUND: mediumseagreen">mediumseagreen</OPTION>
<OPTION
style="BACKGROUND: mediumslateblue">mediumslateblue</OPTION>
<OPTION
style="BACKGROUND: mediumspringgreen">mediumspringgreen</OPTION>
<OPTION
style="BACKGROUND: mediumturquoise">mediumturquoise</OPTION>
<OPTION
style="BACKGROUND: mediumvioletred">mediumvioletred</OPTION>
<OPTION
style="BACKGROUND: midnightblue">midnightblue</OPTION>
<OPTION
style="BACKGROUND: mintcream">mintcream</OPTION>
<OPTION
style="BACKGROUND: mistyrose">mistyrose</OPTION>
<OPTION
style="BACKGROUND: moccasin">moccasin</OPTION>
<OPTION
style="BACKGROUND: navajowhite">navajowhite</OPTION>
<OPTION
style="BACKGROUND: navy">navy</OPTION>
<OPTION
style="BACKGROUND: oldlace">oldlace</OPTION>
<OPTION
style="BACKGROUND: olive">olive</OPTION>
<OPTION
style="BACKGROUND: olivedrab">olivedrab</OPTION>
<OPTION
style="BACKGROUND: orange">orange</OPTION>
<OPTION
style="BACKGROUND: orangered">orangered</OPTION>
<OPTION
style="BACKGROUND: orchid">orchid</OPTION>
<OPTION
style="BACKGROUND: palegoldenrod">palegoldenrod</OPTION>
<OPTION
style="BACKGROUND: palegreen">palegreen</OPTION>
<OPTION
style="BACKGROUND: paleturquoise">paleturquoise</OPTION>
<OPTION
style="BACKGROUND: palevioletred">palevioletred</OPTION>
<OPTION
style="BACKGROUND: papayawhip">papayawhip</OPTION>
<OPTION
style="BACKGROUND: peachpuff">peachpuff</OPTION>
<OPTION
style="BACKGROUND: peru">peru</OPTION>
<OPTION
style="BACKGROUND: pink">pink</OPTION>
<OPTION
style="BACKGROUND: plum">plum</OPTION>
<OPTION
style="BACKGROUND: powderblue">powderblue</OPTION>
<OPTION
style="BACKGROUND: purple">purple</OPTION>
<OPTION
style="BACKGROUND: red">red</OPTION>
<OPTION
style="BACKGROUND: rosybrown">rosybrown</OPTION>
<OPTION
style="BACKGROUND: royalblue">royalblue</OPTION>
<OPTION
style="BACKGROUND: saddlebrown">saddlebrown</OPTION>
<OPTION
style="BACKGROUND: salmon">salmon</OPTION>
<OPTION
style="BACKGROUND: sandybrown">sandybrown</OPTION>
<OPTION
style="BACKGROUND: seagreen">seagreen</OPTION>
<OPTION
style="BACKGROUND: seashell">seashell</OPTION>
<OPTION
style="BACKGROUND: sienna">sienna</OPTION>
<OPTION
style="BACKGROUND: silver">silver</OPTION>
<OPTION
style="BACKGROUND: skyblue">skyblue</OPTION>
<OPTION
style="BACKGROUND: slateblue">slateblue</OPTION>
<OPTION
style="BACKGROUND: slategray">slategray</OPTION>
<OPTION
style="BACKGROUND: snow">snow</OPTION>
<OPTION
style="BACKGROUND: springgreen">springgreen</OPTION>
<OPTION
style="BACKGROUND: steelblue">steelblue</OPTION>
<OPTION
style="BACKGROUND: tan">tan</OPTION>
<OPTION
style="BACKGROUND: teal">teal</OPTION>
<OPTION
style="BACKGROUND: thistle">thistle</OPTION>
<OPTION
style="BACKGROUND: tomato">tomato</OPTION>
<OPTION
style="BACKGROUND: turquoise">turquoise</OPTION>
<OPTION
style="BACKGROUND: violet">violet</OPTION>
<OPTION
style="BACKGROUND: wheat">wheat</OPTION>
<OPTION
style="BACKGROUND: white">white</OPTION>
<OPTION
style="BACKGROUND: whitesmoke">whitesmoke</OPTION>
<OPTION
style="BACKGROUND: yellow">yellow</OPTION>
<OPTION
style="BACKGROUND: yellowgreen">yellowgreen</OPTION></SELECT>

[DELETE THIS]
<body bgcolor="dodgerblue" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0">
[END DELETE]
<select style="width:24%" size="1" name="content_font_face" onChange="javascript:changeFnt('font', this);">
<option>Tahoma</option>
<option>Verdana</option>
<option>Comic Sans MS</option>
</select>
[ADD THIS]


<select style="width:24%" size="1" name="content_font_size" onChange="javascript:changeFntSize('font', this);">
[END ADD]
<option>16</option>
<option>20</option>
<option>24</option>
<option>48</option>
</select>


0

Response Number 2
Name: EvilFlame
Date: May 15, 2005 at 04:33:09 Pacific
Reply:

i done that but it didnt work any other ideas?


0

Response Number 3
Name: Michael J (by mjdamato)
Date: May 16, 2005 at 01:35:58 Pacific
Reply:

Ok, I decided to have some fun with this. Copy and paste everything below. Enjoy.

<HTML>
<HEAD>
<TITLE>script thingy</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">

<SCRIPT language=javascript>
function changeStyle(element,property,value) {
//alert(property+":"+value)
document.getElementById(element).style[property] = value;
}
function changeText (element,value) {
document.getElementById(element).innerHTML = value;
}
</script>

</HEAD>

<BODY bottomMargin=0 leftMargin=0 topMargin=0 rightMargin=0 id=body>



<TABLE cellSpacing=2 cellPadding=0 border=1 bgColor=dodgerblue align=center>
<tr>
<td align=right>Background Color: </td>
<td>
<SELECT style="WIDTH: 200px" onchange="javascript:changeStyle('body','backgroundColor',this.value);" size=1 name=bgcolor>
<option style="background:aliceblue;" value="aliceblue">aliceblue</option>
<option style="background:antiquewhite;" value="antiquewhite">antiquewhite</option>
<option style="background:aqua;" value="aqua">aqua</option>
<option style="background:aquamarine;" value="aquamarine">aquamarine</option>
<option style="background:azure;" value="azure">azure</option>
<option style="background:beige;" value="beige">beige</option>
<option style="background:bisque;" value="bisque">bisque</option>
<option style="background:black;color:white;" value="black">black</option>
<option style="background:blanchedalmond;" value="blanchedalmond">blanchedalmond</option>
<option style="background:blue;" value="blue">blue</option>
<option style="background:blueviolet;" value="blueviolet">blueviolet</option>
<option style="background:brown;" value="brown">brown</option>
<option style="background:burlywood;" value="burlywood">burlywood</option>
<option style="background:cadetblue;" value="cadetblue">cadetblue</option>
<option style="background:chartreuse;" value="chartreuse">chartreuse</option>
<option style="background:chocolate;" value="chocolate">chocolate</option>
<option style="background:coral;" value="coral">coral</option>
<option style="background:cornflowerblue;" value="cornflowerblue">cornflowerblue</option>
<option style="background:cornsilk;" value="cornsilk">cornsilk</option>
<option style="background:crimson;" value="crimson">crimson</option>
<option style="background:cyan;" value="cyan">cyan</option>
<option style="background:darkblue;" value="darkblue">darkblue</option>
<option style="background:darkcyan;" value="darkcyan">darkcyan</option>
<option style="background:darkgoldenrod;" value="darkgoldenrod">darkgoldenrod</option>
<option style="background:darkgray;" value="darkgray">darkgray</option>
<option style="background:darkgreen;" value="darkgreen">darkgreen</option>
<option style="background:darkkhaki;" value="darkkhaki">darkkhaki</option>
<option style="background:darkmagenta;" value="darkmagenta">darkmagenta</option>
<option style="background:darkolivegreen;" value="darkolivegreen">darkolivegreen</option>
<option style="background:darkorange;" value="darkorange">darkorange</option>
<option style="background:darkorchid;" value="darkorchid">darkorchid</option>
<option style="background:darkred;" value="darkred">darkred</option>
<option style="background:darksalmon;" value="darksalmon">darksalmon</option>
<option style="background:darkseagreen;" value="darkseagreen">darkseagreen</option>
<option style="background:darkslateblue;" value="darkslateblue">darkslateblue</option>
<option style="background:darkslategray;" value="darkslategray">darkslategray</option>
<option style="background:darkturquoise;" value="darkturquoise">darkturquoise</option>
<option style="background:darkviolet;" value="darkviolet">darkviolet</option>
<option style="background:deeppink;" value="deeppink">deeppink</option>
<option style="background:deepskyblue;" value="deepskyblue">deepskyblue</option>
<option style="background:dimgray;" value="dimgray">dimgray</option>
<option style="background:dodgerblue;" value="dodgerblue">dodgerblue</option>
<option style="background:firebrick;" value="firebrick">firebrick</option>
<option style="background:floralwhite;" value="floralwhite">floralwhite</option>
<option style="background:forestgreen;" value="forestgreen">forestgreen</option>
<option style="background:fuchsia;" value="fuchsia">fuchsia</option>
<option style="background:gainsboro;" value="gainsboro">gainsboro</option>
<option style="background:ghostwhite;" value="ghostwhite">ghostwhite</option>
<option style="background:gold;" value="gold">gold</option>
<option style="background:goldenrod;" value="goldenrod">goldenrod</option>
<option style="background:gray;" value="gray">gray</option>
<option style="background:green;" value="green">green</option>
<option style="background:greenyellow;" value="greenyellow">greenyellow</option>
<option style="background:honeydew;" value="honeydew">honeydew</option>
<option style="background:hotpink;" value="hotpink">hotpink</option>
<option style="background:indianred;" value="indianred">indianred</option>
<option style="background:indigo;" value="indigo">indigo</option>
<option style="background:ivory;" value="ivory">ivory</option>
<option style="background:khaki;" value="khaki">khaki</option>
<option style="background:lavender;" value="lavender">lavender</option>
<option style="background:lavenderblush;" value="lavenderblush">lavenderblush</option>
<option style="background:lawngreen;" value="lawngreen">lawngreen</option>
<option style="background:lemonchiffon;" value="lemonchiffon">lemonchiffon</option>
<option style="background:lightblue;" value="lightblue">lightblue</option>
<option style="background:lightcoral;" value="lightcoral">lightcoral</option>
<option style="background:lightcyan;" value="lightcyan">lightcyan</option>
<option style="background:lightgoldenrodyellow;" value="lightgoldenrodyellow">lightgoldenrodyellow</option>
<option style="background:lightgreen;" value="lightgreen">lightgreen</option>
<option style="background:lightgrey;" value="lightgrey">lightgrey</option>
<option style="background:lightpink;" value="lightpink">lightpink</option>
<option style="background:lightsalmon;" value="lightsalmon">lightsalmon</option>
<option style="background:lightseagreen;" value="lightseagreen">lightseagreen</option>
<option style="background:lightskyblue;" value="lightskyblue">lightskyblue</option>
<option style="background:lightslategray;" value="lightslategray">lightslategray</option>
<option style="background:lightsteelblue;" value="lightsteelblue">lightsteelblue</option>
<option style="background:lightyellow;" value="lightyellow">lightyellow</option>
<option style="background:lime;" value="lime">lime</option>
<option style="background:limegreen;" value="limegreen">limegreen</option>
<option style="background:linen;" value="linen">linen</option>
<option style="background:magenta;" value="magenta">magenta</option>
<option style="background:maroon;" value="maroon">maroon</option>
<option style="background:mediumaquamarine;" value="mediumaquamarine">mediumaquamarine</option>
<option style="background:mediumblue;" value="mediumblue">mediumblue</option>
<option style="background:mediumorchid;" value="mediumorchid">mediumorchid</option>
<option style="background:mediumpurple;" value="mediumpurple">mediumpurple</option>
<option style="background:mediumseagreen;" value="mediumseagreen">mediumseagreen</option>
<option style="background:mediumslateblue;" value="mediumslateblue">mediumslateblue</option>
<option style="background:mediumspringgreen;" value="mediumspringgreen">mediumspringgreen</option>
<option style="background:mediumturquoise;" value="mediumturquoise">mediumturquoise</option>
<option style="background:mediumvioletred;" value="mediumvioletred">mediumvioletred</option>
<option style="background:midnightblue;" value="midnightblue">midnightblue</option>
<option style="background:mintcream;" value="mintcream">mintcream</option>
<option style="background:mistyrose;" value="mistyrose">mistyrose</option>
<option style="background:moccasin;" value="moccasin">moccasin</option>
<option style="background:navajowhite;" value="navajowhite">navajowhite</option>
<option style="background:navy;" value="navy">navy</option>
<option style="background:oldlace;" value="oldlace">oldlace</option>
<option style="background:olive;" value="olive">olive</option>
<option style="background:olivedrab;" value="olivedrab">olivedrab</option>
<option style="background:orange;" value="orange">orange</option>
<option style="background:orangered;" value="orangered">orangered</option>
<option style="background:orchid;" value="orchid">orchid</option>
<option style="background:palegoldenrod;" value="palegoldenrod">palegoldenrod</option>
<option style="background:palegreen;" value="palegreen">palegreen</option>
<option style="background:paleturquoise;" value="paleturquoise">paleturquoise</option>
<option style="background:palevioletred;" value="palevioletred">palevioletred</option>
<option style="background:papayawhip;" value="papayawhip">papayawhip</option>
<option style="background:peachpuff;" value="peachpuff">peachpuff</option>
<option style="background:peru;" value="peru">peru</option>
<option style="background:pink;" value="pink">pink</option>
<option style="background:plum;" value="plum">plum</option>
<option style="background:powderblue;" value="powderblue">powderblue</option>
<option style="background:purple;" value="purple">purple</option>
<option style="background:red;" value="red">red</option>
<option style="background:rosybrown;" value="rosybrown">rosybrown</option>
<option style="background:royalblue;" value="royalblue">royalblue</option>
<option style="background:saddlebrown;" value="saddlebrown">saddlebrown</option>
<option style="background:salmon;" value="salmon">salmon</option>
<option style="background:sandybrown;" value="sandybrown">sandybrown</option>
<option style="background:seagreen;" value="seagreen">seagreen</option>
<option style="background:seashell;" value="seashell">seashell</option>
<option style="background:sienna;" value="sienna">sienna</option>
<option style="background:silver;" value="silver">silver</option>
<option style="background:skyblue;" value="skyblue">skyblue</option>
<option style="background:slateblue;" value="slateblue">slateblue</option>
<option style="background:slategray;" value="slategray">slategray</option>
<option style="background:snow;" value="snow">snow</option>
<option style="background:springgreen;" value="springgreen">springgreen</option>
<option style="background:steelblue;" value="steelblue">steelblue</option>
<option style="background:tan;" value="tan">tan</option>
<option style="background:teal;" value="teal">teal</option>
<option style="background:thistle;" value="thistle">thistle</option>
<option style="background:tomato;" value="tomato">tomato</option>
<option style="background:turquoise;" value="turquoise">turquoise</option>
<option style="background:violet;" value="violet">violet</option>
<option style="background:wheat;" value="wheat">wheat</option>
<option style="background:white;" value="white" selected>white</option>
<option style="background:whitesmoke;" value="whitesmoke">whitesmoke</option>
<option style="background:yellow;" value="yellow">yellow</option>
<option style="background:yellowgreen;" value="yellowgreen">yellowgreen</option>
</SELECT>
</td>
</tr>

<tr>
<td align=right>Font Color: </td>
<td>
<SELECT style="WIDTH: 200px" onchange="javascript:changeStyle('text', 'color', this.value);" size=1 name=fntcolour>
<option style="background:aliceblue;" value="aliceblue">aliceblue</option>
<option style="background:antiquewhite;" value="antiquewhite">antiquewhite</option>
<option style="background:aqua;" value="aqua">aqua</option>
<option style="background:aquamarine;" value="aquamarine">aquamarine</option>
<option style="background:azure;" value="azure">azure</option>
<option style="background:beige;" value="beige">beige</option>
<option style="background:bisque;" value="bisque">bisque</option>
<option style="background:black;color:white;" value="black" selected>black</option>
<option style="background:blanchedalmond;" value="blanchedalmond">blanchedalmond</option>
<option style="background:blue;" value="blue">blue</option>
<option style="background:blueviolet;" value="blueviolet">blueviolet</option>
<option style="background:brown;" value="brown">brown</option>
<option style="background:burlywood;" value="burlywood">burlywood</option>
<option style="background:cadetblue;" value="cadetblue">cadetblue</option>
<option style="background:chartreuse;" value="chartreuse">chartreuse</option>
<option style="background:chocolate;" value="chocolate">chocolate</option>
<option style="background:coral;" value="coral">coral</option>
<option style="background:cornflowerblue;" value="cornflowerblue">cornflowerblue</option>
<option style="background:cornsilk;" value="cornsilk">cornsilk</option>
<option style="background:crimson;" value="crimson">crimson</option>
<option style="background:cyan;" value="cyan">cyan</option>
<option style="background:darkblue;" value="darkblue">darkblue</option>
<option style="background:darkcyan;" value="darkcyan">darkcyan</option>
<option style="background:darkgoldenrod;" value="darkgoldenrod">darkgoldenrod</option>
<option style="background:darkgray;" value="darkgray">darkgray</option>
<option style="background:darkgreen;" value="darkgreen">darkgreen</option>
<option style="background:darkkhaki;" value="darkkhaki">darkkhaki</option>
<option style="background:darkmagenta;" value="darkmagenta">darkmagenta</option>
<option style="background:darkolivegreen;" value="darkolivegreen">darkolivegreen</option>
<option style="background:darkorange;" value="darkorange">darkorange</option>
<option style="background:darkorchid;" value="darkorchid">darkorchid</option>
<option style="background:darkred;" value="darkred">darkred</option>
<option style="background:darksalmon;" value="darksalmon">darksalmon</option>
<option style="background:darkseagreen;" value="darkseagreen">darkseagreen</option>
<option style="background:darkslateblue;" value="darkslateblue">darkslateblue</option>
<option style="background:darkslategray;" value="darkslategray">darkslategray</option>
<option style="background:darkturquoise;" value="darkturquoise">darkturquoise</option>
<option style="background:darkviolet;" value="darkviolet">darkviolet</option>
<option style="background:deeppink;" value="deeppink">deeppink</option>
<option style="background:deepskyblue;" value="deepskyblue">deepskyblue</option>
<option style="background:dimgray;" value="dimgray">dimgray</option>
<option style="background:dodgerblue;" value="dodgerblue">dodgerblue</option>
<option style="background:firebrick;" value="firebrick">firebrick</option>
<option style="background:floralwhite;" value="floralwhite">floralwhite</option>
<option style="background:forestgreen;" value="forestgreen">forestgreen</option>
<option style="background:fuchsia;" value="fuchsia">fuchsia</option>
<option style="background:gainsboro;" value="gainsboro">gainsboro</option>
<option style="background:ghostwhite;" value="ghostwhite">ghostwhite</option>
<option style="background:gold;" value="gold">gold</option>
<option style="background:goldenrod;" value="goldenrod">goldenrod</option>
<option style="background:gray;" value="gray">gray</option>
<option style="background:green;" value="green">green</option>
<option style="background:greenyellow;" value="greenyellow">greenyellow</option>
<option style="background:honeydew;" value="honeydew">honeydew</option>
<option style="background:hotpink;" value="hotpink">hotpink</option>
<option style="background:indianred;" value="indianred">indianred</option>
<option style="background:indigo;" value="indigo">indigo</option>
<option style="background:ivory;" value="ivory">ivory</option>
<option style="background:khaki;" value="khaki">khaki</option>
<option style="background:lavender;" value="lavender">lavender</option>
<option style="background:lavenderblush;" value="lavenderblush">lavenderblush</option>
<option style="background:lawngreen;" value="lawngreen">lawngreen</option>
<option style="background:lemonchiffon;" value="lemonchiffon">lemonchiffon</option>
<option style="background:lightblue;" value="lightblue">lightblue</option>
<option style="background:lightcoral;" value="lightcoral">lightcoral</option>
<option style="background:lightcyan;" value="lightcyan">lightcyan</option>
<option style="background:lightgoldenrodyellow;" value="lightgoldenrodyellow">lightgoldenrodyellow</option>
<option style="background:lightgreen;" value="lightgreen">lightgreen</option>
<option style="background:lightgrey;" value="lightgrey">lightgrey</option>
<option style="background:lightpink;" value="lightpink">lightpink</option>
<option style="background:lightsalmon;" value="lightsalmon">lightsalmon</option>
<option style="background:lightseagreen;" value="lightseagreen">lightseagreen</option>
<option style="background:lightskyblue;" value="lightskyblue">lightskyblue</option>
<option style="background:lightslategray;" value="lightslategray">lightslategray</option>
<option style="background:lightsteelblue;" value="lightsteelblue">lightsteelblue</option>
<option style="background:lightyellow;" value="lightyellow">lightyellow</option>
<option style="background:lime;" value="lime">lime</option>
<option style="background:limegreen;" value="limegreen">limegreen</option>
<option style="background:linen;" value="linen">linen</option>
<option style="background:magenta;" value="magenta">magenta</option>
<option style="background:maroon;" value="maroon">maroon</option>
<option style="background:mediumaquamarine;" value="mediumaquamarine">mediumaquamarine</option>
<option style="background:mediumblue;" value="mediumblue">mediumblue</option>
<option style="background:mediumorchid;" value="mediumorchid">mediumorchid</option>
<option style="background:mediumpurple;" value="mediumpurple">mediumpurple</option>
<option style="background:mediumseagreen;" value="mediumseagreen">mediumseagreen</option>
<option style="background:mediumslateblue;" value="mediumslateblue">mediumslateblue</option>
<option style="background:mediumspringgreen;" value="mediumspringgreen">mediumspringgreen</option>
<option style="background:mediumturquoise;" value="mediumturquoise">mediumturquoise</option>
<option style="background:mediumvioletred;" value="mediumvioletred">mediumvioletred</option>
<option style="background:midnightblue;" value="midnightblue">midnightblue</option>
<option style="background:mintcream;" value="mintcream">mintcream</option>
<option style="background:mistyrose;" value="mistyrose">mistyrose</option>
<option style="background:moccasin;" value="moccasin">moccasin</option>
<option style="background:navajowhite;" value="navajowhite">navajowhite</option>
<option style="background:navy;" value="navy">navy</option>
<option style="background:oldlace;" value="oldlace">oldlace</option>
<option style="background:olive;" value="olive">olive</option>
<option style="background:olivedrab;" value="olivedrab">olivedrab</option>
<option style="background:orange;" value="orange">orange</option>
<option style="background:orangered;" value="orangered">orangered</option>
<option style="background:orchid;" value="orchid">orchid</option>
<option style="background:palegoldenrod;" value="palegoldenrod">palegoldenrod</option>
<option style="background:palegreen;" value="palegreen">palegreen</option>
<option style="background:paleturquoise;" value="paleturquoise">paleturquoise</option>
<option style="background:palevioletred;" value="palevioletred">palevioletred</option>
<option style="background:papayawhip;" value="papayawhip">papayawhip</option>
<option style="background:peachpuff;" value="peachpuff">peachpuff</option>
<option style="background:peru;" value="peru">peru</option>
<option style="background:pink;" value="pink">pink</option>
<option style="background:plum;" value="plum">plum</option>
<option style="background:powderblue;" value="powderblue">powderblue</option>
<option style="background:purple;" value="purple">purple</option>
<option style="background:red;" value="red">red</option>
<option style="background:rosybrown;" value="rosybrown">rosybrown</option>
<option style="background:royalblue;" value="royalblue">royalblue</option>
<option style="background:saddlebrown;" value="saddlebrown">saddlebrown</option>
<option style="background:salmon;" value="salmon">salmon</option>
<option style="background:sandybrown;" value="sandybrown">sandybrown</option>
<option style="background:seagreen;" value="seagreen">seagreen</option>
<option style="background:seashell;" value="seashell">seashell</option>
<option style="background:sienna;" value="sienna">sienna</option>
<option style="background:silver;" value="silver">silver</option>
<option style="background:skyblue;" value="skyblue">skyblue</option>
<option style="background:slateblue;" value="slateblue">slateblue</option>
<option style="background:slategray;" value="slategray">slategray</option>
<option style="background:snow;" value="snow">snow</option>
<option style="background:springgreen;" value="springgreen">springgreen</option>
<option style="background:steelblue;" value="steelblue">steelblue</option>
<option style="background:tan;" value="tan">tan</option>
<option style="background:teal;" value="teal">teal</option>
<option style="background:thistle;" value="thistle">thistle</option>
<option style="background:tomato;" value="tomato">tomato</option>
<option style="background:turquoise;" value="turquoise">turquoise</option>
<option style="background:violet;" value="violet">violet</option>
<option style="background:wheat;" value="wheat">wheat</option>
<option style="background:white;" value="white">white</option>
<option style="background:whitesmoke;" value="whitesmoke">whitesmoke</option>
<option style="background:yellow;" value="yellow">yellow</option>
<option style="background:yellowgreen;" value="yellowgreen">yellowgreen</option>
</select>
</td>
</tr>

<tr>
<td align=right>Font Face: </td>
<td>
<select style="WIDTH: 200px" size="1" name="content_font_face" onChange="javascript:changeStyle('text', 'fontFamily', this.value);">
<option value="Tahoma">Tahoma</option>
<option value="Times" selected>Times</option>
<option Value="Verdana">Verdana</option>
<option value="Comic Sans MS">Comic Sans MS</option>
</select>
</td>
</tr>

<tr>
<td align=right>Font Size: </td>
<td>
<select style="WIDTH: 200px" size="1" name="content_font_size" onChange="javascript:changeStyle('text', 'fontSize', this.value);">
<option value=16 selected>16</option>
<option value=20>20</option>
<option value=24>24</option>
<option value=48>48</option>
<option value=60>60</option>
<option value=72>72</option>
<option value=150>150</option>
</select>
</td>
</tr>

<tr>
<td align=right>Bold: </td>
<td align=center>
<input type=radio name=bold value=bold onClick="javascript:changeStyle('text', 'fontWeight', 'bold');">Yes
<input type=radio name=bold value=normal onClick="javascript:changeStyle('text', 'fontWeight', 'normal');" checked>No
</td>
</tr>

<tr>
<td align=right>Italic: </td>
<td align=center>
<input type=radio name=italic value=italic onClick="javascript:changeStyle('text','fontStyle', 'italic');">Yes
<input type=radio name=italic value=normal onClick="javascript:changeStyle('text','fontStyle', 'normal');" checked>No
</td>
</tr>

<tr>
<td align=right>Decoration: </td>
<td align=center>
<select style="WIDTH: 200px" size="1" name="content_font_dec" onChange="javascript:changeStyle('text','textDecoration', this.value);">
<option value="none">None</option>
<option value="underline">Underline</option>
<option value="overline">Overline</option>
<option value="line-through">Line-Through</option>
</select>
</td>
</tr>

<tr>
<td align=right>The Text: </td>
<td align=center>
<input style="width:200px;" type=text name=copy value=blahgon onKeyUp="javascript:changeText('text',this.value);">
</td>
</tr>

</table>

<p id="text" style="text-align=center;padding-top:30px;">blahgon</p>

</BODY>
</HTML>

Michael J


0

Response Number 4
Name: EvilFlame
Date: May 16, 2005 at 01:52:27 Pacific
Reply:

Thats is Fantasic you have helped me out no end thx eva so much m8


0

Response Number 5
Name: EvilFlame
Date: May 16, 2005 at 02:23:02 Pacific
Reply:

does anyone know how to change the whole font in a table cos i dont wanna have to do it all 1 by 1


0

Related Posts

See More



Response Number 6
Name: archangel
Date: May 18, 2005 at 00:45:33 Pacific
Reply:

in <head>-tag add a CSS-format
[---]
<style type="text/css">
td {
font-face: sans-serif;
font-size: 12px;
}
</style>
[---]

This, however, will alter all <td>-tags on the page, read up on CSS to learn more about 'class' and 'id' to make the CSS mor specific to certain elements.

//J


0

Sponsored Link
Ads by Google
Reply to Message Icon



Post Locked

This post is quite old and has been locked from receiving new replies. Please create a new posting instead.


Go to Web Development Forum Home


Sponsored links
Ads by Google


Results for: Font Changing Coding in Javascript
Changing code in multiple pages www.computing.net/answers/webdevel/changing-code-in-multiple-pages/3046.html

javascript run code in anotherframe www.computing.net/answers/webdevel/javascript-run-code-in-anotherframe/2034.html

fonts not included in xp www.computing.net/answers/webdevel/fonts-not-included-in-xp/2765.html