How to convert this...[Resolved Thanks]

I would like to convert this...

<Center>
You may replace <font face="Fixedsys,Geneva,Courier">The Background</font> with any of the following colors:<br>
<center><font face=fixedsys,geneva>
<marquee scrollamount=2 direction=right style=cursor:Crosshair>
<font onClick="document.bgColor='antiquewhite'" style=background:antiquewhite> antiquewhite </font>
<font onClick="document.bgColor='aqua'" style=background:aqua> aqua </font>
<font onClick="document.bgColor='aquamarine'" style=background:aquamarine> aquamarine </font>
<font onClick="document.bgColor='azure'" style=background:azure> azure </font>
<font onClick="document.bgColor='beige'" style=background:beige> beige </font>
<font onClick="document.bgColor='bisque'" style=background:bisque> bisque </font>
<font onClick="document.bgColor='blue'" style=background:blue> blue </font>
<font onClick="document.bgColor='blueviolet'" style=background:blueviolet> blueviolet </font>
<font onClick="document.bgColor='burlywood'" style=background:burlywood> burlywood </font>
<font onClick="document.bgColor='cadetblue'" style=background:cadetblue> cadetblue </font>
<font onClick="document.bgColor='chartreuse'" style=background:chartreuse> chartreuse </font>
<font onClick="document.bgColor='chocolate'" style=background:chocolate> chocolate </font>
<font onClick="document.bgColor='coral'" style=background:coral> coral </font>
<font onClick="document.bgColor='cornflowerblue'" style=background:cornflowerblue> cornflowerblue </font>
<font onClick="document.bgColor='cornsilk'" style=background:cornsilk> cornsilk </font>
<font onClick="document.bgColor='cyan'" style=background:cyan> cyan </font>
<font onClick="document.bgColor='darkcyan'" style=background:darkcyan> darkcyan </font>
<font onClick="document.bgColor='darkgoldenrod'" style=background:darkgoldenrod> darkgoldenrod </font>
<font onClick="document.bgColor='darkgray'" style=background:darkgray> darkgray </font>
<font onClick="document.bgColor='darkgreen'" style=background:darkgreen> darkgreen </font>
<font onClick="document.bgColor='darkkhaki'" style=background:darkkhaki> darkkhaki </font>
</marquee><marquee scrollamount=2 style=cursor:Crosshair>
<font onClick="document.bgColor='darkolivegreen'" style=background:darkolivegreen> darkolivegreen </font>
<font onClick="document.bgColor='darkorange'" style=background:darkorange> darkorange </font>
<font onClick="document.bgColor='darkorchid'" style=background:darkorchid> darkorchid </font>
<font onClick="document.bgColor='darksalmon'" style=background:darksalmon> darksalmon </font>
<font onClick="document.bgColor='darkseagreen'" style=background:darkseagreen> darkseagreen </font>
<font onClick="document.bgColor='darkturquoise'" style=background:darkturquoise> darkturquoise </font>
<font onClick="document.bgColor='darkviolet'" style=background:darkviolet> darkviolet </font>
<font onClick="document.bgColor='deepskyblue'" style=background:deepskyblue> deepskyblue </font>
<font onClick="document.bgColor='dimgray'" style=background:dimgray> dimgray </font>
<font onClick="document.bgColor='dodgerblue'" style=background:dodgerblue> dodgerblue </font>
<font onClick="document.bgColor='floralwhite'" style=background:floralwhite> floralwhite </font>
<font onClick="document.bgColor='forestgreen'" style=background:forestgreen> forestgreen </font>
<font onClick="document.bgColor='fuchsia'" style=background:fuchsia> fuchsia </font>
<font onClick="document.bgColor='gainsboro'" style=background:gainsboro> gainsboro </font>
<font onClick="document.bgColor='gold'" style=background:gold> gold </font>
<font onClick="document.bgColor='goldenrod'" style=background:goldenrod> goldenrod </font>
<font onClick="document.bgColor='gray'" style=background:gray> gray </font>
<font onClick="document.bgColor='green'" style=background:green> green </font>
</marquee><marquee scrollamount=2 direction=right style=cursor:Crosshair>
<font onClick="document.bgColor='greenyellow'" style=background:greenyellow> greenyellow </font>
<font onClick="document.bgColor='hotpink'" style=background:hotpink> hotpink </font>
<font onClick="document.bgColor='indianred'" style=background:indianred> indianred </font>
<font onClick="document.bgColor='khaki'" style=background:khaki> khaki </font>
<font onClick="document.bgColor='lavender'" style=background:lavender> lavender </font>
<font onClick="document.bgColor='lavenderblush'" style=background:lavenderblush> lavenderblush </font>
<font onClick="document.bgColor='lawngreen'" style=background:lawngreen> lawngreen </font>
<font onClick="document.bgColor='lemonchiffon'" style=background:lemonchiffon> lemonchiffon </font>
<font onClick="document.bgColor='lightblue'" style=background:lightblue> lightblue </font>
<font onClick="document.bgColor='lightcoral'" style=background:lightcoral> lightcoral </font>
<font onClick="document.bgColor='lightcyan'" style=background:lightcyan> lightcyan </font>
<font onClick="document.bgColor='lightgoldenrodyellow'" style=background:lightgoldenrodyellow> lightgoldenrodyellow </font>
<font onClick="document.bgColor='lightgreen'" style=background:lightgreen> lightgreen </font>
<font onClick="document.bgColor='lightgrey'" style=background:lightgrey> lightgrey </font>
<font onClick="document.bgColor='lightpink'" style=background:lightpink> lightpink </font>
<font onClick="document.bgColor='lightsalmon'" style=background:lightsalmon> lightsalmon </font>
<font onClick="document.bgColor='lightseagreen'" style=background:lightseagreen> lightseagreen </font>
<font onClick="document.bgColor='lightskyblue'" style=background:lightskyblue> lightskyblue </font>
<font onClick="document.bgColor='lightslategray'" style=background:lightslategray> lightslategray </font>
<font onClick="document.bgColor='lightsteelblue'" style=background:lightsteelblue> lightsteelblue </font>
</marquee><marquee scrollamount=2 style=cursor:Crosshair>
<font onClick="document.bgColor='lime'" style=background:lime> lime </font>
<font onClick="document.bgColor='limegreen'" style=background:limegreen> limegreen </font>
<font onClick="document.bgColor='linen'" style=background:linen> linen </font>
<font onClick="document.bgColor='mediumaquamarine'" style=background:mediumaquamarine> mediumaquamarine </font>
<font onClick="document.bgColor='mediumorchid'" style=background:mediumorchid> mediumorchid </font>
<font onClick="document.bgColor='mediumpurple'" style=background:mediumpurple> mediumpurple </font>
<font onClick="document.bgColor='mediumseagreen'" style=background:mediumseagreen> mediumseagreen </font>
<font onClick="document.bgColor='mediumslateblue'" style=background:mediumslateblue> mediumslateblue </font>
<font onClick="document.bgColor='mediumspringgreen'" style=background:mediumspringgreen> mediumspringgreen </font>
<font onClick="document.bgColor='mediumturquoise'" style=background:mediumturquoise> mediumturquoise </font>
<font onClick="document.bgColor='mintcream'" style=background:mintcream> mintcream </font>
<font onClick="document.bgColor='mistyrose'" style=background:mistyrose> mistyrose </font>
<font onClick="document.bgColor='moccasin'" style=background:moccasin> moccasin </font>
<font onClick="document.bgColor='navajowhite'" style=background:navajowhite> navajowhite </font>
<font onClick="document.bgColor='olive'" style=background:olive> olive </font>
<font onClick="document.bgColor='olivedrab'" style=background:olivedrab> olivedrab </font>
<font onClick="document.bgColor='orange'" style=background:orange> orange </font>
<font onClick="document.bgColor='orchid'" style=background:orchid> orchid </font>
<font onClick="document.bgColor='palegoldenrod'" style=background:palegoldenrod> palegoldenrod </font>
<font onClick="document.bgColor='palegreen'" style=background:palegreen> palegreen </font>
<font onClick="document.bgColor='paleturquoise'" style=background:paleturquoise> paleturquoise </font>
<font onClick="document.bgColor='palevioletred'" style=background:palevioletred> palevioletred </font>
<font onClick="document.bgColor='papayawhip'" style=background:papayawhip> papayawhip </font>

Into a scrolling marquee that changes text colour how would i do this???
By the way i have tried to change "document.bgColor" to "document.text"

any other ideas?

On a side note, the "style" attribute's values are usually kept in double quotes :)

Code:

---

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
        <script language="javascript">
                function changeBodyColor(color) {
                        document.body.style.color = color;
                }
        </script>
</HEAD>
<BODY style="font-family: Fixedsys, Geneva, Courier">
        <div align="center">
                You may replace <b>The Background</b> with any of the following colors:
                <div>
                        (<a style="cursor: hand; font-weight: bold; color: black; text-decoration: underline;" onclick="changeBodyColor('black');">Back to Black</a>)
                </div>
        </div>
       
        <marquee scrollamount=2 direction=right style="cursor:Crosshair">
                <span onClick="changeBodyColor('antiquewhite');" style="background:antiquewhite"> antiquewhite </span>
                <span onClick="changeBodyColor('aqua');" style="background:aqua"> aqua </span>
                <span onClick="changeBodyColor('aquamarine');" style="background:aquamarine"> aquamarine </span>
                <span onClick="changeBodyColor('azure');" style="background:azure"> azure </span>
                <span onClick="changeBodyColor('beige');" style="background:beige"> beige </span>
                <span onClick="changeBodyColor('bisque');" style="background:bisque"> bisque </span>
                <span onClick="changeBodyColor('blue');" style="background:blue"> blue </span>
                <span onClick="changeBodyColor('blueviolet');" style="background:blueviolet"> blueviolet </span>
                <span onClick="changeBodyColor('burlywood');" style="background:burlywood"> burlywood </span>
                <span onClick="changeBodyColor('cadetblue');" style="background:cadetblue"> cadetblue </span>
                <span onClick="changeBodyColor('chartreuse');" style="background:chartreuse"> chartreuse </span>
                <span onClick="changeBodyColor('chocolate');" style="background:chocolate"> chocolate </span>
                <span onClick="changeBodyColor('coral');" style="background:coral"> coral </span>
                <span onClick="changeBodyColor('cornflowerblue');" style="background:cornflowerblue"> cornflowerblue </span>
                <span onClick="changeBodyColor('cornsilk');" style="background:cornsilk"> cornsilk </span>
                <span onClick="changeBodyColor('cyan');" style="background:cyan"> cyan </span>
                <span onClick="changeBodyColor('darkcyan');" style="background:darkcyan"> darkcyan </span>
                <span onClick="changeBodyColor('darkgoldenrod');" style="background:darkgoldenrod"> darkgoldenrod </span>
                <span onClick="changeBodyColor('darkgray');" style="background:darkgray"> darkgray </span>
                <span onClick="changeBodyColor('darkgreen');" style="background:darkgreen"> darkgreen </span>
                <span onClick="changeBodyColor('darkkhaki');" style="background:darkkhaki"> darkkhaki </span>
        </marquee>

        <marquee scrollamount=2 style="cursor:Crosshair">
                <span onClick="changeBodyColor('darkolivegreen');" style="background:darkolivegreen"> darkolivegreen </span>
                <span onClick="changeBodyColor('darkorange');" style="background:darkorange"> darkorange </span>
                <span onClick="changeBodyColor('darkorchid');" style="background:darkorchid"> darkorchid </span>
                <span onClick="changeBodyColor('darksalmon');" style="background:darksalmon"> darksalmon </span>
                <span onClick="changeBodyColor('darkseagreen');" style="background:darkseagreen"> darkseagreen </span>
                <span onClick="changeBodyColor('darkturquoise');" style="background:darkturquoise"> darkturquoise </span>
                <span onClick="changeBodyColor('darkviolet');" style="background:darkviolet"> darkviolet </span>
                <span onClick="changeBodyColor('deepskyblue');" style="background:deepskyblue"> deepskyblue </span>
                <span onClick="changeBodyColor('dimgray');" style="background:dimgray"> dimgray </span>
                <span onClick="changeBodyColor('dodgerblue');" style="background:dodgerblue"> dodgerblue </span>
                <span onClick="changeBodyColor('floralwhite');" style="background:floralwhite"> floralwhite </span>
                <span onClick="changeBodyColor('forestgreen');" style="background:forestgreen"> forestgreen </span>
                <span onClick="changeBodyColor('fuchsia');" style="background:fuchsia"> fuchsia </span>
                <span onClick="changeBodyColor('gainsboro');" style="background:gainsboro"> gainsboro </span>
                <span onClick="changeBodyColor('gold');" style="background:gold"> gold </span>
                <span onClick="changeBodyColor('goldenrod');" style="background:goldenrod"> goldenrod </span>
                <span onClick="changeBodyColor('gray');" style="background:gray"> gray </span>
                <span onClick="changeBodyColor('green');" style="background:green"> green </span>
        </marquee>

        <marquee scrollamount=2 direction=right style="cursor:Crosshair">
                <span onClick="changeBodyColor('greenyellow');" style="background:greenyellow"> greenyellow </span>
                <span onClick="changeBodyColor('hotpink');" style="background:hotpink"> hotpink </span>
                <span onClick="changeBodyColor('indianred');" style="background:indianred"> indianred </span>
                <span onClick="changeBodyColor('khaki');" style="background:khaki"> khaki </span>
                <span onClick="changeBodyColor('lavender');" style="background:lavender"> lavender </span>
                <span onClick="changeBodyColor('lavenderblush');" style="background:lavenderblush"> lavenderblush </span>
                <span onClick="changeBodyColor('lawngreen');" style="background:lawngreen"> lawngreen </span>
                <span onClick="changeBodyColor('lemonchiffon');" style="background:lemonchiffon"> lemonchiffon </span>
                <span onClick="changeBodyColor('lightblue');" style="background:lightblue"> lightblue </span>
                <span onClick="changeBodyColor('lightcoral');" style="background:lightcoral"> lightcoral </span>
                <span onClick="changeBodyColor('lightcyan');" style="background:lightcyan"> lightcyan </span>
                <span onClick="changeBodyColor('lightgoldenrodyellow');" style="background:lightgoldenrodyellow"> lightgoldenrodyellow </span>
                <span onClick="changeBodyColor('lightgreen');" style="background:lightgreen"> lightgreen </span>
                <span onClick="changeBodyColor('lightgrey');" style="background:lightgrey"> lightgrey </span>
                <span onClick="changeBodyColor('lightpink');" style="background:lightpink"> lightpink </span>
                <span onClick="changeBodyColor('lightsalmon');" style="background:lightsalmon"> lightsalmon </span>
                <span onClick="changeBodyColor('lightseagreen');" style="background:lightseagreen"> lightseagreen </span>
                <span onClick="changeBodyColor('lightskyblue');" style="background:lightskyblue"> lightskyblue </span>
                <span onClick="changeBodyColor('lightslategray');" style="background:lightslategray"> lightslategray </span>
                <span onClick="changeBodyColor('lightsteelblue');" style="background:lightsteelblue"> lightsteelblue </span>
        </marquee>

        <marquee scrollamount=2 style="cursor:Crosshair">
                <span onClick="changeBodyColor('lime');" style="background:lime"> lime </span>
                <span onClick="changeBodyColor('limegreen');" style="background:limegreen"> limegreen </span>
                <span onClick="changeBodyColor('linen');" style="background:linen"> linen </span>
                <span onClick="changeBodyColor('mediumaquamarine');" style="background:mediumaquamarine"> mediumaquamarine </span>
                <span onClick="changeBodyColor('mediumorchid');" style="background:mediumorchid"> mediumorchid </span>
                <span onClick="changeBodyColor('mediumpurple');" style="background:mediumpurple"> mediumpurple </span>
                <span onClick="changeBodyColor('mediumseagreen');" style="background:mediumseagreen"> mediumseagreen </span>
                <span onClick="changeBodyColor('mediumslateblue');" style="background:mediumslateblue"> mediumslateblue </span>
                <span onClick="changeBodyColor('mediumspringgreen');" style="background:mediumspringgreen"> mediumspringgreen </span>
                <span onClick="changeBodyColor('mediumturquoise');" style="background:mediumturquoise"> mediumturquoise </span>
                <span onClick="changeBodyColor('mintcream');" style="background:mintcream"> mintcream </span>
                <span onClick="changeBodyColor('mistyrose');" style="background:mistyrose"> mistyrose </span>
                <span onClick="changeBodyColor('moccasin');" style="background:moccasin"> moccasin </span>
                <span onClick="changeBodyColor('navajowhite');" style="background:navajowhite"> navajowhite </span>
                <span onClick="changeBodyColor('olive');" style="background: olive"> olive </span>
                <span onClick="changeBodyColor('olivedrab');" style="background: olivedrab"> olivedrab </span>
                <span onClick="changeBodyColor('orange');" style="background: orange"> orange </span>
                <span onClick="changeBodyColor('orchid');" style="background: orchid"> orchid </span>
                <span onClick="changeBodyColor('palegoldenrod');" style="background: palegoldenrod"> palegoldenrod </span>
                <span onClick="changeBodyColor('palegreen');" style="background: palegreen"> palegreen </span>
                <span onClick="changeBodyColor('paleturquoise');" style="background: paleturquoise"> paleturquoise </span>
                <span onClick="changeBodyColor('palevioletred');" style="background: palevioletred"> palevioletred </span>
                <span onClick="changeBodyColor('papayawhip');" style="background: papayawhip"> papayawhip </span>
        </marquee>
</BODY>
</HTML>

---

Thanks that helped a lot and now it works properly!

*Falls on the floor from an epileptic seizure*

Quote:

---

Originally posted by axion_sa
On a side note, the "style" attribute's values are usually kept in double quotes :)

---

Usually? They should ALWAYS be in double quotes.

Quote:

---

Originally posted by kasracer
Usually? They should ALWAYS be in double quotes.

---

:rolleyes: