How to convert this...[Resolved Thanks]

**thegreatone** · Aug 22nd, 2003, 01:21 PM

I would like to convert this...

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

live> olive 
<font onClick="document.bgColor='olivedrab'" style=background

livedrab> olivedrab 
<font onClick="document.bgColor='orange'" style=background

range> orange 
<font onClick="document.bgColor='orchid'" style=background

rchid> orchid 
<font onClick="document.bgColor='palegoldenrod'" style=background

alegoldenrod> palegoldenrod 
<font onClick="document.bgColor='palegreen'" style=background

alegreen> palegreen 
<font onClick="document.bgColor='paleturquoise'" style=background

aleturquoise> paleturquoise 
<font onClick="document.bgColor='palevioletred'" style=background

alevioletred> palevioletred 
<font onClick="document.bgColor='papayawhip'" style=background

apayawhip> papayawhip 

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?

**axion_sa** · Aug 23rd, 2003, 03:34 AM

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>

**thegreatone** · Aug 24th, 2003, 08:47 AM

Thanks that helped a lot and now it works properly!

**mendhak** · Aug 24th, 2003, 10:19 AM

*Falls on the floor from an epileptic seizure*

**Kasracer** · Aug 24th, 2003, 03:15 PM

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.

**axion_sa** · Aug 24th, 2003, 10:53 PM

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

Thread: How to convert this...[Resolved Thanks]

Thread Tools

Display

How to convert this...[Resolved Thanks]

Thankyou...

Posting Permissions