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

Specialty Forums
Security and Virus
General Hardware
CPUs/Overclocking
Networking
Digital Photo/Video
Office Software
PC Gaming
Console Gaming
Programming
Database
Web Development
Digital Home

General Forums
Windows XP
Windows Vista
Windows 95/98
Windows Me
Windows NT
Windows 2000
Win Server 2008
Win Server 2003
Windows 3.1
Linux
PDAs
BeOS
Novell Netware
OpenVMS
Solaris
Disk Op. System
Unix
Mac
OS/2

Drivers
Driver Scan
Driver Forum

Software
Automatic Updates

BIOS Updates

My Computing.Net

Howtos

Site Search

Message Find

Data Recovery

About

Font Changing Coding in Javascript

Reply to Message Icon
Original Message
Name: EvilFlame
Date: May 14, 2005 at 05:12:35 Pacific
Subject: Font Changing Coding in Javascript
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>


Report Offensive Message For Removal

Response Number 1
Name: Michael J (by mjdamato)
Date: May 15, 2005 at 04:07:38 Pacific
Subject: Font Changing Coding in Javascript
Reply: (edit)

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>


Report Offensive Follow Up For Removal

Response Number 2
Name: EvilFlame
Date: May 15, 2005 at 04:33:09 Pacific
Subject: Font Changing Coding in Javascript
Reply: (edit)

i done that but it didnt work any other ideas?


Report Offensive Follow Up For Removal

Response Number 3
Name: Michael J (by mjdamato)
Date: May 16, 2005 at 01:35:58 Pacific
Subject: Font Changing Coding in Javascript
Reply: (edit)

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


Report Offensive Follow Up For Removal

Response Number 4
Name: EvilFlame
Date: May 16, 2005 at 01:52:27 Pacific
Subject: Font Changing Coding in Javascript
Reply: (edit)

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


Report Offensive Follow Up For Removal

Response Number 5
Name: EvilFlame
Date: May 16, 2005 at 02:23:02 Pacific
Subject: Font Changing Coding in Javascript
Reply: (edit)

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


Report Offensive Follow Up For Removal


Response Number 6
Name: archangel
Date: May 18, 2005 at 00:45:33 Pacific
Subject: Font Changing Coding in Javascript
Reply: (edit)

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


Report Offensive Follow Up For Removal






Use following form to reply to current message: 

   Name: From My Computing.Net Settings
 E-Mail: From My Computing.Net Settings

Subject: Font Changing Coding in Javascript

Comments:
         

 


  Homepage URL (*): 
Homepage Title (*): 
         Image URL:
 
Data Recovery Software



Taskbar Problem

CD ROM swap

Auto Create Link to files HTML

start macro when selected

Slimed by Malware!

All Posts Awaiting Replies