<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://selenium-ide.openqa.org/profiles/test-case">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="selenium.base" href="http://192.168.147.128/" />
<title>wrtnormalfpp</title>
</head>
<body>
<table cellpadding="1" cellspacing="1" border="1">
<thead>
<tr><td rowspan="1" colspan="3">wrtnormalfpp</td></tr>
</thead><tbody>
<tr>
	<td>setSpeed</td>
	<td>2000</td>
	<td></td>
</tr>
<tr>
	<td>open</td>
	<td>/phpbb3/</td>
	<td></td>
</tr>
<tr>
	<td>type</td>
	<td>username</td>
	<td>mmarrkv</td>
</tr>
<tr>
	<td>type</td>
	<td>password</td>
	<td>mmarrkv</td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>login</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>link=Your first forum</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>link=Your first forum</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>link=TestTopic</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>link=TestTopic</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>click</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>type</td>
	<td>message</td>
	<td>Hi! New to JS... have been trying to rework this to call additional, independent sets of background colors to cycle through. Would be grateful for any help, thanks in advance. (demo link of script in current state at bottom)<br /><br /><br />Code:<br />&lt;html&gt;&lt;head&gt;&lt;title&gt;&lt;/title&gt;<br />&lt;script language=javascript&gt;<br /><br />colors = [&quot;#cacdca&quot;, &quot;#b2b4b2&quot;, &quot;#969896&quot;, &quot;#7d7f7d&quot;, &quot;#ffff00&quot;];<br /><br />cRGB = [];<br /><br />function toRGB(color){<br />&nbsp;&nbsp;&nbsp;<br />var rgb = &quot;rgb(&quot; + parseInt(color.substring(1,3), 16) + &quot;, &quot; + parseInt(color.substring(3,5), 16) + &quot;, &quot; + parseInt(color.substring(5,7), 16) + &quot;)&quot;;<br />&nbsp;&nbsp;&nbsp;<br />return rgb;<br />}<br /><br />for(var i=0; i&lt;colors.length; i++){<br />cRGB[i] = toRGB(colors[i]);<br />}<br /><br />function changeColor(target){<br /><br />var swapper = navigator.appVersion.indexOf(&quot;MSIE&quot;)!=-1 ? toRGB(document.getElementById(target).style.backgroundColor) : document.getElementById(target).style.backgroundColor;<br /><br />var set = false;<br /><br />var xx;<br /><br />for(var i=0; i&lt;cRGB.length; i++){<br /><br />if(swapper == cRGB[i]){&nbsp;&nbsp;&nbsp;<br /><br />if(((i+1)) &gt;= cRGB.length){<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />xx = 0;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />}else{<br />xx = i+1;<br />}<br /><br />document.getElementById(target).style.backgroundColor = colors[xx];<br />		document.getElementById(target).style.backgroundImage.show;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />set = true;<br />i=cRGB.length;<br />}<br />}<br />&nbsp;&nbsp;&nbsp;<br /><br />set ? null : document.getElementById(target).style.backgroundColor = colors[1];<br />}<br /><br />&lt;/SCRIPT&gt;<br /><br />&lt;/head&gt;<br />&lt;body bgcolor=&quot;#333333&quot;&gt;<br />&lt;div&gt;<br />&lt;div id=&quot;a1&quot; onmouseover=changeColor(this.id);<br />style=&quot;left: 120px; background-image: url(background1.png); width: 180px; background-repeat: no-repeat; position: relative; height: 80px; background-color: none&quot;&gt;&lt;/div&gt;<br />&lt;div id=a2 onmouseover=changeColor(this.id);<br />style=&quot;left: 120px; background-image: url(background2.gif); width: 180px; background-repeat: no-repeat; position: relative; height: 80px; background-color: #666633&quot;&gt;&lt;/div&gt;<br />&lt;div id=a3 onmouseover=changeColor(this.id);<br />style=&quot;left: 120px; background-image: url(background3.png); width: 180px; background-repeat: no-repeat; position: relative; height: 80px; background-color: #666633&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /><br />&lt;/body&gt;<br />&lt;/html&gt;Demo:<br />http://theclutch.com/rollover_color_..._bgndimage.htm</td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>preview</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>click</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>type</td>
	<td>message</td>
	<td>I'm not sure exacty what you mean:<br /><br />Are you:<br /><br />- trying to get a specfic array of color to interchange<br /><br />- trying to get a random set of all possible colors<br /><br />- trying to cycle through all color possiblities<br /><br />I ask, because I built a color control that does all possible values and they change with rollover like yours. If you want to take a look at mine you have to hit the setting icon the the wrench to see them at work. You will need Google Chrome, Opera, and some versions and Firefox I think works, but not all versions. Entropy</td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>preview</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>click</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>type</td>
	<td>message</td>
	<td>Thanks for the reply!<br /><br />Definitely a specific array of colors in squence...upon repeat rollovers it currently flips from one assigned color to the next, but with only one array.<br /><br />I'd like to add one or two more distinct color groups, with the objective of calling them up individually. One div would rotate thru one set of colors, another div would cycle thru a completely different set.<br /><br />So instead of<br /><br /><br />Code:<br />colors = [&quot;#cacdca&quot;, &quot;#b2b4b2&quot;, &quot;#969896&quot;, &quot;#7d7f7d&quot;, &quot;#ffff00&quot;];It would be something like<br /><br /><br />Code:<br />colors1 = [&quot;#cacdca&quot;, &quot;#b2b4b2&quot;, &quot;#969896&quot;, &quot;#7d7f7d&quot;, &quot;#ffff00&quot;];<br />colors2 = [&quot;#333&quot;, &quot;#666&quot;, &quot;#999&quot;, &quot;#ccc&quot;];Then I'd call either one in the html<br /><br /><br />Code:<br />&lt;div id=&quot;box1&quot; onmouseover=changeColor(colors1);&gt;<br />&lt;div id=&quot;box2&quot; onmouseover=changeColor(colors2);&gt;I hope that makes sense! Thank you.</td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>preview</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>click</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>type</td>
	<td>message</td>
	<td>Here's a list of all of the colors that I could find that browsers understand; group them any way that you wish. Notice that there are &quot;gray&quot; / &quot;grey&quot; duplicates to accout for people like me who can't remember which is correct, and that the final item is null to make editing the list easier.<br /><br />Code:<br />&nbsp;&nbsp;BrowserColors=new Array(<br />&nbsp;&nbsp;&nbsp;&nbsp;'alice blue,#f0f8ff',<br />&nbsp;&nbsp;&nbsp;&nbsp;'antique white,#faebd7',<br />&nbsp;&nbsp;&nbsp;&nbsp;'aqua,#00ffff',<br />&nbsp;&nbsp;&nbsp;&nbsp;'aquamarine,#7fffd4',<br />&nbsp;&nbsp;&nbsp;&nbsp;'azure,#f0ffff',<br />&nbsp;&nbsp;&nbsp;&nbsp;'beige,#f5f5dc',<br />&nbsp;&nbsp;&nbsp;&nbsp;'bisque,#ffe4c4',<br />&nbsp;&nbsp;&nbsp;&nbsp;'black,#000000',<br />&nbsp;&nbsp;&nbsp;&nbsp;'blanched almond,#ffebcd',<br />&nbsp;&nbsp;&nbsp;&nbsp;'blue violet,#8a2be2',<br />&nbsp;&nbsp;&nbsp;&nbsp;'blue,#0000ff',<br />&nbsp;&nbsp;&nbsp;&nbsp;'brown,#a52a2a',<br />&nbsp;&nbsp;&nbsp;&nbsp;'burly wood,#deb887',<br />&nbsp;&nbsp;&nbsp;&nbsp;'cadet blue,#5f9ea0',<br />&nbsp;&nbsp;&nbsp;&nbsp;'chartreuse,#7fff00',<br />&nbsp;&nbsp;&nbsp;&nbsp;'chocolate,#d2691e',<br />&nbsp;&nbsp;&nbsp;&nbsp;'coral,#ff7f50',<br />&nbsp;&nbsp;&nbsp;&nbsp;'cornflower blue,#6495ed',<br />&nbsp;&nbsp;&nbsp;&nbsp;'cornsilk,#fff8dc',<br />&nbsp;&nbsp;&nbsp;&nbsp;'crimson,#dc143c',<br />&nbsp;&nbsp;&nbsp;&nbsp;'cyan,#00ffff',<br />&nbsp;&nbsp;&nbsp;&nbsp;'dark blue,#00008b',<br />&nbsp;&nbsp;&nbsp;&nbsp;'dark cyan,#008b8b',<br />&nbsp;&nbsp;&nbsp;&nbsp;'dark goldenrod,#b8860b',<br />&nbsp;&nbsp;&nbsp;&nbsp;'dark gray,#a9a9a9',<br />&nbsp;&nbsp;&nbsp;&nbsp;'dark green,#006400',<br />&nbsp;&nbsp;&nbsp;&nbsp;'dark khaki,#bdb76b',<br />&nbsp;&nbsp;&nbsp;&nbsp;'dark magenta,#8b008b',<br />&nbsp;&nbsp;&nbsp;&nbsp;'dark olive green,#556b2f',<br />&nbsp;&nbsp;&nbsp;&nbsp;'dark orange,#ff8c00',<br />&nbsp;&nbsp;&nbsp;&nbsp;'dark orchid,#9932cc',<br />&nbsp;&nbsp;&nbsp;&nbsp;'dark red,#8b0000',<br />&nbsp;&nbsp;&nbsp;&nbsp;'dark salmon,#e9967a',<br />&nbsp;&nbsp;&nbsp;&nbsp;'dark sea green,#8fbc8f',<br />&nbsp;&nbsp;&nbsp;&nbsp;'dark slate blue,#483d8b',<br />&nbsp;&nbsp;&nbsp;&nbsp;'dark slate gray,#2f4f4f',<br />&nbsp;&nbsp;&nbsp;&nbsp;'dark turquoise,#00ced1',<br />&nbsp;&nbsp;&nbsp;&nbsp;'dark violet,#9400d3',<br />&nbsp;&nbsp;&nbsp;&nbsp;'deep pink,#ff1493',<br />&nbsp;&nbsp;&nbsp;&nbsp;'deep sky blue,#00bfff',<br />&nbsp;&nbsp;&nbsp;&nbsp;'dim gray,#696969',<br />&nbsp;&nbsp;&nbsp;&nbsp;'dodger blue,#1e90ff',<br />&nbsp;&nbsp;&nbsp;&nbsp;'fire brick,#b22222',<br />&nbsp;&nbsp;&nbsp;&nbsp;'floral white,#fffaf0',<br />&nbsp;&nbsp;&nbsp;&nbsp;'forest green,#228b22',<br />&nbsp;&nbsp;&nbsp;&nbsp;'fuchsia,#ff00ff',<br />&nbsp;&nbsp;&nbsp;&nbsp;'gainsboro,#dcdcdc',<br />&nbsp;&nbsp;&nbsp;&nbsp;'ghost white,#f8f8ff',<br />&nbsp;&nbsp;&nbsp;&nbsp;'gold,#ffd700',<br />&nbsp;&nbsp;&nbsp;&nbsp;'goldenrod,#daa520',<br />&nbsp;&nbsp;&nbsp;&nbsp;'gray,#808080',<br />&nbsp;&nbsp;&nbsp;&nbsp;'green yellow,#adff2f',<br />&nbsp;&nbsp;&nbsp;&nbsp;'green,#008000',<br />&nbsp;&nbsp;&nbsp;&nbsp;'grey,#808080',<br />&nbsp;&nbsp;&nbsp;&nbsp;'honeydew,#f0fff0',<br />&nbsp;&nbsp;&nbsp;&nbsp;'hot pink,#ff69b4',<br />&nbsp;&nbsp;&nbsp;&nbsp;'indian red,#cd5c5c',<br />&nbsp;&nbsp;&nbsp;&nbsp;'indigo,#4b0082',<br />&nbsp;&nbsp;&nbsp;&nbsp;'ivory,#fffff0',<br />&nbsp;&nbsp;&nbsp;&nbsp;'khaki,#f0e68c',<br />&nbsp;&nbsp;&nbsp;&nbsp;'lavender blush,#fff0f5',<br />&nbsp;&nbsp;&nbsp;&nbsp;'lavender,#e6e6fa',<br />&nbsp;&nbsp;&nbsp;&nbsp;'lawn green,#7cfc00',<br />&nbsp;&nbsp;&nbsp;&nbsp;'lemon chiffon,#fffacd',<br />&nbsp;&nbsp;&nbsp;&nbsp;'light blue,#add8e6',<br />&nbsp;&nbsp;&nbsp;&nbsp;'light coral,#f08080',<br />&nbsp;&nbsp;&nbsp;&nbsp;'light cyan,#e0ffff',<br />&nbsp;&nbsp;&nbsp;&nbsp;'light goldenrod yellow,#fafad2',<br />&nbsp;&nbsp;&nbsp;&nbsp;'light gray,#d3d3d3',<br />&nbsp;&nbsp;&nbsp;&nbsp;'light green,#90ee90',<br />&nbsp;&nbsp;&nbsp;&nbsp;'light grey,#d3d3d3',<br />&nbsp;&nbsp;&nbsp;&nbsp;'light pink,#ffb6c1',<br />&nbsp;&nbsp;&nbsp;&nbsp;'light salmon,#ffa07a',<br />&nbsp;&nbsp;&nbsp;&nbsp;'light sea green,#20b2aa',<br />&nbsp;&nbsp;&nbsp;&nbsp;'light sky blue,#87cefa',<br />&nbsp;&nbsp;&nbsp;&nbsp;'light slate gray,#778899',<br />&nbsp;&nbsp;&nbsp;&nbsp;'light steel blue,#b0c4de',<br />&nbsp;&nbsp;&nbsp;&nbsp;'light yellow,#ffffe0',<br />&nbsp;&nbsp;&nbsp;&nbsp;'lime green,#32cd32',<br />&nbsp;&nbsp;&nbsp;&nbsp;'lime,#00ff00',<br />&nbsp;&nbsp;&nbsp;&nbsp;'linen,#faf0e6',<br />&nbsp;&nbsp;&nbsp;&nbsp;'magenta,#ff00ff',<br />&nbsp;&nbsp;&nbsp;&nbsp;'maroon,#800000',<br />&nbsp;&nbsp;&nbsp;&nbsp;'medium aquamarine,#66cdaa',<br />&nbsp;&nbsp;&nbsp;&nbsp;'medium blue,#0000cd',<br />&nbsp;&nbsp;&nbsp;&nbsp;'medium orchid,#ba55d3',<br />&nbsp;&nbsp;&nbsp;&nbsp;'medium purple,#9370db',<br />&nbsp;&nbsp;&nbsp;&nbsp;'medium sea green,#3cb371',<br />&nbsp;&nbsp;&nbsp;&nbsp;'medium slate blue,#7b68ee',<br />&nbsp;&nbsp;&nbsp;&nbsp;'medium spring green,#00fa9a',<br />&nbsp;&nbsp;&nbsp;&nbsp;'medium turquoise,#48d1cc',<br />&nbsp;&nbsp;&nbsp;&nbsp;'medium violet red,#c71585',<br />&nbsp;&nbsp;&nbsp;&nbsp;'midnight blue,#191970',<br />&nbsp;&nbsp;&nbsp;&nbsp;'mint cream,#f5fffa',<br />&nbsp;&nbsp;&nbsp;&nbsp;'misty rose,#ffe4e1',<br />&nbsp;&nbsp;&nbsp;&nbsp;'moccasin,#ffe4b5',<br />&nbsp;&nbsp;&nbsp;&nbsp;'navajo white,#ffdead',<br />&nbsp;&nbsp;&nbsp;&nbsp;'navy,#000080',<br />&nbsp;&nbsp;&nbsp;&nbsp;'old lace,#fdf5e6',<br />&nbsp;&nbsp;&nbsp;&nbsp;'olive drab,#6b8e23',<br />&nbsp;&nbsp;&nbsp;&nbsp;'olive,#808000',<br />&nbsp;&nbsp;&nbsp;&nbsp;'orange red,#ff4500',<br />&nbsp;&nbsp;&nbsp;&nbsp;'orange,#ffa500',<br />&nbsp;&nbsp;&nbsp;&nbsp;'orchid,#da70d6',<br />&nbsp;&nbsp;&nbsp;&nbsp;'pale goldenrod,#eee8aa',<br />&nbsp;&nbsp;&nbsp;&nbsp;'pale green,#98fb98',<br />&nbsp;&nbsp;&nbsp;&nbsp;'pale turquoise,#afeeee',<br />&nbsp;&nbsp;&nbsp;&nbsp;'pale violet red,#db7093',<br />&nbsp;&nbsp;&nbsp;&nbsp;'papaya whip,#ffefd5',<br />&nbsp;&nbsp;&nbsp;&nbsp;'peach puff,#ffdab9',<br />&nbsp;&nbsp;&nbsp;&nbsp;'peru,#cd853f',<br />&nbsp;&nbsp;&nbsp;&nbsp;'pink,#ffc0cb',<br />&nbsp;&nbsp;&nbsp;&nbsp;'plum,#dda0dd',<br />&nbsp;&nbsp;&nbsp;&nbsp;'powder blue,#b0e0e6',<br />&nbsp;&nbsp;&nbsp;&nbsp;'purple,#800080',<br />&nbsp;&nbsp;&nbsp;&nbsp;'red,#ff0000',<br />&nbsp;&nbsp;&nbsp;&nbsp;'rosy brown,#bc8f8f',<br />&nbsp;&nbsp;&nbsp;&nbsp;'royal blue,#4169e1',<br />&nbsp;&nbsp;&nbsp;&nbsp;'saddle brown,#8b4513',<br />&nbsp;&nbsp;&nbsp;&nbsp;'salmon,#fa8072',<br />&nbsp;&nbsp;&nbsp;&nbsp;'sandy brown,#f4a460',<br />&nbsp;&nbsp;&nbsp;&nbsp;'sea green,#2e8b57',<br />&nbsp;&nbsp;&nbsp;&nbsp;'sea shell,#fff5ee',<br />&nbsp;&nbsp;&nbsp;&nbsp;'sienna,#a0522d',<br />&nbsp;&nbsp;&nbsp;&nbsp;'silver,#c0c0c0',<br />&nbsp;&nbsp;&nbsp;&nbsp;'sky blue,#87ceeb',<br />&nbsp;&nbsp;&nbsp;&nbsp;'slate blue,#6a5acd',<br />&nbsp;&nbsp;&nbsp;&nbsp;'slate gray,#708090',<br />&nbsp;&nbsp;&nbsp;&nbsp;'snow,#fffafa',<br />&nbsp;&nbsp;&nbsp;&nbsp;'spring green,#00ff7f',<br />&nbsp;&nbsp;&nbsp;&nbsp;'steel blue,#4682b4',<br />&nbsp;&nbsp;&nbsp;&nbsp;'tan,#d2b48c',<br />&nbsp;&nbsp;&nbsp;&nbsp;'teal,#008080',<br />&nbsp;&nbsp;&nbsp;&nbsp;'thistle,#d8bfd8',<br />&nbsp;&nbsp;&nbsp;&nbsp;'tomato,#ff6347',<br />&nbsp;&nbsp;&nbsp;&nbsp;'turquoise,#40e0d0',<br />&nbsp;&nbsp;&nbsp;&nbsp;'violet,#ee82ee',<br />&nbsp;&nbsp;&nbsp;&nbsp;'wheat,#f5deb3',<br />&nbsp;&nbsp;&nbsp;&nbsp;'white smoke,#f5f5f5',<br />&nbsp;&nbsp;&nbsp;&nbsp;'white,#ffffff',<br />&nbsp;&nbsp;&nbsp;&nbsp;'yellow green,#9acd32',<br />&nbsp;&nbsp;&nbsp;&nbsp;'yellow,#ffff00',<br />&nbsp;&nbsp;'');<br />__________________<br />Visit my homepage at http://spruce.flint.umich.edu/~jalarie/.</td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>preview</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>click</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>type</td>
	<td>message</td>
	<td>Thanks however I don't see how this is relevant to my question.</td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>preview</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>click</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>type</td>
	<td>message</td>
	<td>You asked for more color sets. These are all of the named colors recognized by the multiple browsers that I checked. They can be split into sets in so many different ways that it would be almost impossible for someone else to provide sets exactly as you want them. I hoped that you could group similar names to provide what you want.<br /><br />Alternately, you could group by first, second, or third pair in their hex codes and sort by what's left to sequence through similar colors.<br /><br />It might be better to cycle through HSI codes instead of RGB if you want similar colors in each group. <br />__________________<br />Visit my homepage at http://spruce.flint.umich.edu/~jalarie/.</td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>preview</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>click</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>type</td>
	<td>message</td>
	<td>Thanks for your willingness to help. I have a feeling we're not quite on the same page...I'm not after the colors themselves so much as javascript code that will allow me additional control over how they're organized. My current script allows one group of colors that toggle in sequence onmouseover, but I'm hoping for 2 or 3 distinct groups. Thanks.</td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>preview</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>click</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>type</td>
	<td>message</td>
	<td>I think your code might be a little over complicated for such a simple task. If you are not using that code for any particular reason, try this. It allows you to set multiple color groups, and then for each div assign the specific color group from which it should gather its colors.<br /><br />Notice that the color variable is a multi associative object, ie it has two depths X[E][i]. The div element where onhover is called the second argument is the group of colors from which the div should use colors from.<br /><br />Also note, this will have problem in IE as the hover method is not supported on divs. To add the hover method implement the hover htc file or a javascript library like jquery.<br /><br /><br />Code:<br />&lt;style&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;.divBackground{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color:#CCC;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width:200px;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;height:50px;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border:1px solid #000;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin-bottom:5px;<br />&nbsp;&nbsp;&nbsp;&nbsp;}<br />&lt;/style&gt;<br />&lt;script language=javascript&gt;<br />var colors = [<br />&nbsp;&nbsp;&nbsp;&nbsp;[&quot;#ff0000&quot;, &quot;#0000ff&quot;, &quot;#0F00F0&quot;, &quot;#999999&quot;, &quot;#000000&quot;],<br />&nbsp;&nbsp;&nbsp;&nbsp;[&quot;#cacdca&quot;, &quot;#b2b4b2&quot;, &quot;#969896&quot;, &quot;#7d7f7d&quot;, &quot;#ffff00&quot;]<br />];<br />function changeColor(target, colorGroup){<br />&nbsp;&nbsp;&nbsp;&nbsp;var color = colors[colorGroup][(Math.floor(Math.random()*colors[colorGroup].length))];<br />&nbsp;&nbsp;&nbsp;&nbsp;target.style.background = color;<br />}<br />&lt;/SCRIPT&gt;<br />&lt;div class=&quot;divBackground&quot; onMouseOver=&quot;javascript:changeColor(this, 0)&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&amp;nbsp;<br />&lt;/div&gt;<br />&lt;div class=&quot;divBackground&quot; onMouseOver=&quot;javascript:changeColor(this, 1)&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&amp;nbsp;<br />&lt;/div&gt;<br />&lt;div class=&quot;divBackground&quot; onMouseOver=&quot;javascript:changeColor(this, 0)&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&amp;nbsp;<br />&lt;/div&gt;</td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>preview</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>click</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>type</td>
	<td>message</td>
	<td>I've got something complicated, but I think it's what you mean.<br /><br />Let me stipulate some terms first, so the code does put in the pyscho ward, maybe you'll just have to take Xanax for a couple weeks until you see a psych.<br /><br />Color Set - An array of colors. A set has no determined number, but must have at least one color.<br /><br />Color - A color is a css red, green, blue value 256 x 256 x256 possibilities when used in combinaton.<br /><br />Radix Array - It contains al the color sets. It is called radix, because the length of each color set varies.<br /><br />RangeDataDiv - They are not for display, they are only an element to hold range and theta values for this example. Their range determines the color sets they are restricted to. Theta is a term used in two sense. One to point to the set they are on. And also to point at what color in the set they point to at any particular time.<br /><br />I made one that use all the sets of color in Radix Array and I made one that uses only part of the sets. I thought that was what you were asking.<br /><br />It appears to work, but I can't say it's absolutely exact, but it's flexible enough to turn into something precise and usefull, hopefully in the direction of your question. But it was sort of interesting to figure out anyway, I just don't have time for or need to perfect it.<br /><br />Here it goes: (You may need a timer to slow it)<br /><br /><br />Code:<br />&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot;<br />&nbsp;&nbsp;&nbsp;&nbsp;&quot;http://www.w3.org/TR/html4/strict.dtd&quot;<br />&nbsp;&nbsp;&nbsp;&nbsp;&gt;<br />&lt;html lang=&quot;en&quot;&gt;<br />&lt;head&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;title&gt;Color Radix&lt;/title&gt;<br />&lt;/head&gt;<br />&lt;body&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div id=&quot;nav&quot;&gt;&lt;/div&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;script type=&quot;text/javascript&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;theta = -1<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// Data base of sets of colors<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;s0 = [&quot;rgb(20,5,0)&quot;, &quot;rgb(140,15,1)&quot;, &quot;rgb(176,81,1)&quot;, &quot;rgb(255,5,0)&quot;, &quot;rgb(123,15,1)&quot;, &quot;rgb(178,81,1)&quot;, &quot;rgb(44,5,0)&quot;, &quot;rgb(3,15,1)&quot;, &quot;rgb(55,81,1)&quot;]<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;s1 = [&quot;rgb(20,222,0)&quot;, &quot;rgb(40,215,1)&quot;, &quot;rgb(76,181,1)&quot;, &quot;rgb(78,100,0)&quot;, &quot;rgb(123,113,1)&quot;, &quot;rgb(178,81,1)&quot;, &quot;rgb(44,60,0)&quot;, &quot;rgb(3,15,1)&quot;, &quot;rgb(55,0,1)&quot;]<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;s2 = [&quot;rgb(20,244,0)&quot;, &quot;rgb(40,215,50)&quot;, &quot;rgb(76,181,100)&quot;, &quot;rgb(78,100,200)&quot;, &quot;rgb(123,113,255)&quot;, &quot;rgb(178,81,100)&quot;, &quot;rgb(44,60,50)&quot;, &quot;rgb(3,15,45)&quot;, &quot;rgb(55,0,1)&quot;]<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;s3 = [&quot;rgb(0,22,0)&quot;, &quot;rgb(1,122,1)&quot;, &quot;rgb(76,181,100)&quot;, &quot;rgb(78,100,200)&quot;, &quot;rgb(123,178,255)&quot;,]<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;s4 = [&quot;rgb(0,120,0)&quot;, &quot;rgb(71,1,178)&quot;, &quot;rgb(1,1,18)&quot;]<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;s5 = [&quot;rgb(220,0,222)&quot;, &quot;rgb(1,222,78)&quot;, &quot;rgb(51,222,1)&quot;]<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// pointers to <br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;colorRadixArray = [s0, s1, s2, s3, s4, s5]<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fullRangeDiv = document.createElement(&quot;div&quot;)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fullRangeDiv.range = [0,5]<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fullRangeDiv.setTheta = fullRangeDiv.range[0]<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fullRangeDiv.positionInSetTheta = 0<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;partialRangeDiv = document.createElement(&quot;div&quot;)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;partialRangeDiv.range = [3, 2]<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;partialRangeDiv.setTheta = partialRangeDiv.range[0]<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;partialRangeDiv.positionInSetTheta = 0<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var body = document.getElementsByTagName(&quot;body&quot;)[0];<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;body.appendChild(fullRangeDiv);<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;body.appendChild(partialRangeDiv);<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cycleDivs = [fullRangeDiv, partialRangeDiv]<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;function incrementCycleDiv(div)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//console.log(&quot;cc: &quot; + (div.positionInSetTheta + 1) + &quot; &quot; + colorRadixArray[div.setTheta].length)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if((div.positionInSetTheta + 1) &lt; colorRadixArray[div.setTheta].length)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;div.positionInSetTheta += 1<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;else<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;div.positionInSetTheta = 0<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if((div.setTheta + 1) &lt; (div.range[0] + div.range[1]))<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;div.setTheta += 1<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;else<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;div.setTheta = div.range[0]<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(&quot;pos in set: &quot; + div.positionInSetTheta)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// just for fun when you click on the div it will reset to the beging of the it's color radix<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;function resetDivTheta(i)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cycleDivs[i].theta = cycleDivs[i][0]<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;function getDivs(highlighedCell)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var containerDiv = document.createElement(&quot;div&quot;)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;containerDiv.setAttribute(&quot;id&quot;, &quot;nav&quot;)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var leftStyle = &quot;left:&quot; + 200 + &quot;px;&quot;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var topStyle = &quot;top:&quot; + 10 + &quot;px;&quot;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var widthStyle = &quot;width:&quot; + (128 * 6) + &quot;px;&quot;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var heightStyle = &quot;height;128px;&quot;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var positionStyle = &quot;position:absolute;&quot;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;containerDiv.setAttribute(&quot;style&quot;,&nbsp;&nbsp;leftStyle + topStyle + positionStyle)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var i;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;divNumber = cycleDivs.length<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;for(i=0;i&lt;divNumber;i++)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// set up the divs dimensions, position, background image, style here<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var divCell = document.createElement(&quot;div&quot;)<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var divBorderStyle = &quot;border:1px solid black;&quot;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// heres is where we set the color of the div<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var divBackgroundColor = &quot;background-color:&quot; +&nbsp;&nbsp;colorRadixArray[cycleDivs[i].setTheta][cycleDivs[i].positionInSetTheta] +&quot;;&quot;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(divBackgroundColor)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// we increment the divs through theier ranges<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(i == highlighedCell)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;incrementCycleDiv(cycleDivs[i])<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var divWidthStyle = &quot;width:128px;&quot;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var divHeightStyle = &quot;height:128px;&quot;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;leftStyle = &quot;left:&quot; + (128 * i) + &quot;px;&quot;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;topStyle = &quot;top:&quot; + 0 + &quot;px;&quot;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;positionStyle = &quot;position:absolute;&quot;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var p = document.createElement('p');<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;p.setAttribute(&quot;style&quot;, &quot;font-family:monospace;&quot; + &quot;text-align:center;&quot; + &quot;font-size:12px;&quot; + &quot;top:-4px;&quot; + &quot;position:relative;&quot;)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var textNode = document.createTextNode(i.toString())<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;p.appendChild(textNode)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;divCell.appendChild(p)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// attach two events<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var method = &quot;javascript:refresh('&quot; + i + &quot;')&quot;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;divCell.setAttribute(&quot;onmouseover&quot;, method);<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var method = &quot;javascript:resetDivTheta('&quot; + i + &quot;')&quot;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;divCell.setAttribute(&quot;onclick&quot;, method);<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// give the cell some style<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;divCell.setAttribute(&quot;style&quot;,&nbsp;&nbsp;leftStyle + topStyle + divWidthStyle + divHeightStyle + divBorderStyle + divBackgroundColor&nbsp;&nbsp;+ positionStyle)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// add cell to main parent div<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;containerDiv.appendChild(divCell)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.body.appendChild(containerDiv)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return containerDiv<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// a paint loop<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;function refresh(highlighedCell)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(&quot;refresh()&quot;)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//if(theta != highlighedCell)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;theta = highlighedCell<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var nav = document.getElementById(&quot;nav&quot;);<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var newNav = getDivs(highlighedCell);<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var body = document.getElementsByTagName(&quot;body&quot;)[0];<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;body.removeChild(nav);<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;body.appendChild(newNav);<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.getElementsByTagName(&quot;body&quot;)[0].setAttribute(&quot;style&quot;, &quot;background-color:rgb(128,128,128)&quot;)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;refresh(0)<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/script&gt;<br />&lt;/body&gt;<br />&lt;/html&gt;</td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>preview</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>click</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>type</td>
	<td>message</td>
	<td>misfit, I am a little concerned, why so much code? This is very complicated and becomes unmanageable, imagine being a dev who would have no idea what that code does, having to read through it and try to understand it. Remember, simple is better. Also, the code will not work in IE, just be aware...</td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>preview</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>click</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>type</td>
	<td>message</td>
	<td>Quote:<br />Originally Posted by rproctor83&nbsp;&nbsp;<br />misfit, I am a little concerned, why so much code? This is very complicated and becomes unmanageable, imagine being a dev who would have no idea what that code does, having to read through it and try to understand it. Remember, simple is better. Also, the code will not work in IE, just be aware... <br /><br />First drafts tend to be a less simple. Sorry. Don't got the time to perfect what seems to be a complicated issue. Just wanted to give him something that would atleast work. If I'm wrong, it won't the last time.<br /><br />Works on Chrome. Opera. Firefox. Those all come free and just work intuitively for me.. I have to pay for IE, and it sort of just frustrates me, so I pretend it not there sometimes. Probably my console.log's. IE don't like em at all.</td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>preview</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>click</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>type</td>
	<td>message</td>
	<td>First let me quickly say a sincere thanks not for just the replies but for the willingness to understand the problem.<br /><br />Apologies in advance for the sloppy code formatting and hard returns, etc.<br /><br />A couple of key items:<br />I (obviously) did not write this script but the person who did generously included comments which I left out of my first post...so sorry, I thought among JS experts it would be merely redundant and harder to absorb the entire script. I now understand how much of a bad idea that was...also it's already a working script that, with comments intact might be of add'l use to a beginner or intermediate coder...again, sorry, NOT beneficial. They're back in.<br /><br />also please note: 1) this script has indeed been tested to work in IE (see comments addressing that accommodation), and 2) note the script already allows for a background image to be included as the color behind it changes (demo link below to see it in action). Lastly, as the demo shows, a div can initially be assigned background-color: none.<br /><br />Thank you, lovely people. Re-post w/comment is below:<br /><br /><br /><br />Code:<br />&lt;html&gt;&lt;head&gt;&lt;title&gt;&lt;/title&gt;<br />&lt;script language=javascript&gt;<br /><br />/* First we setup out colors in the order they will be used using an array */<br />colors = [&quot;#cacdca&quot;, &quot;#b2b4b2&quot;, &quot;#969896&quot;, &quot;#7d7f7d&quot;, &quot;#ffff00&quot;];<br /><br />/* Next we declare an empty array that we will fill with RGB forms of our colors for MSIE &amp; Mozilla compatability */<br />cRGB = [];<br /><br />/* This is the function that transforms the hex values into RGB values, it splits the color paramater into 3 substrings, parses a decimal from the hex, &amp; creates a RGB(rrr, ggg, bbb)<br />string and returns the string to whatever called the function */<br />function toRGB(color){<br />var rgb = &quot;rgb(&quot; + parseInt(color.substring(1,3), 16) + &quot;, &quot; + parseInt(color.substring(3,5), 16) + &quot;, &quot; + parseInt(color.substring(5,7), 16) + &quot;)&quot;;<br />return rgb;<br />}<br /><br />/* This loops through our colors &amp; fills our cRGB array with the RGB string values returned from the toRGB function */<br />for(var i=0; i&lt;colors.length; i++){<br />cRGB[i] = toRGB(colors[i]);<br />}<br /><br />/* this is the function that takes care of grabbing the current background color &amp; changing accordingly (see inner comments) */<br />/* target paramater will be passed (this.id) from the td onclick events */<br />function changeColor(target){<br /><br />/* This checks if the browser is an MSIE browser, if it is it converts the hex value that will be returned from checking the targets background into an rgb string, if<br />not MSIE it uses the value as is, the result from either is assigned to the local variable &quot;swapper&quot; */&nbsp;&nbsp;&nbsp;<br />var swapper = navigator.appVersion.indexOf(&quot;MSIE&quot;)!=-1 ? toRGB(document.getElementById(target).style.backgroundColor) : document.getElementById(target).style.backgroundColor;<br />&nbsp;&nbsp;<br />/* declare some helper variables to keep track of what color is found */&nbsp;&nbsp;<br />var set = false;&nbsp;&nbsp;&nbsp;<br />var xx;<br /><br />/* Loop through the cRGB array comparing each value against the value of the swapper variable */&nbsp;&nbsp;<br />for(var i=0; i&lt;cRGB.length; i++){<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />/* if they match */&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />if(swapper == cRGB[i]){<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />/* if adding 1 to i makes it equil to the length of the cRGB array then we need to use zero as then next index of the array to use, else we can use i+1 */&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />if(((i+1)) &gt;= cRGB.length){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />xx = 0;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />}else{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />xx = i+1;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />/* set the background */&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />document.getElementById(target).style.backgroundColor = colors[xx];<br />		document.getElementById(target).style.backgroundImage.show;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />/* keep the condition at the end of the function from assigning a default value, make i equil to the length of the array so the loop will exit */&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />set = true;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />i=cRGB.length;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />}&nbsp;&nbsp;&nbsp;<br />}<br />&nbsp;&nbsp;&nbsp;<br />/* if no match was found then assign a default value */&nbsp;&nbsp;&nbsp;<br />set ? null : document.getElementById(target).style.backgroundColor = colors[1];<br />}<br />&lt;/SCRIPT&gt;<br /><br />&lt;/head&gt;<br />&lt;body bgcolor=&quot;#333333&quot;&gt;<br />&lt;div&gt;<br />&lt;div id=&quot;a1&quot; onmouseover=changeColor(this.id);<br />style=&quot;left: 120px; background-image: url(background1.png); width: 180px; background-repeat: no-repeat; position: relative; height: 80px; background-color: none&quot;&gt;&lt;/div&gt;<br />&lt;div id=a2 onmouseover=changeColor(this.id);<br />style=&quot;left: 120px; background-image: url(background2.gif); width: 180px; background-repeat: no-repeat; position: relative; height: 80px; background-color: #666633&quot;&gt;&lt;/div&gt;<br />&lt;div id=a3 onmouseover=changeColor(this.id);<br />style=&quot;left: 120px; background-image: url(background3.png); width: 180px; background-repeat: no-repeat; position: relative; height: 80px; background-color: #666633&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /><br />&lt;/body&gt;<br />&lt;/html&gt;Demo:<br />http://theclutch.com/rollover_color_..._bgndimage.htm</td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>preview</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>click</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>type</td>
	<td>message</td>
	<td>Bibbli, you should probably think about using a different method still... If you really wanted to have an image in the example I listed above all you would need to do is wrap a span inside the div with a background image.<br /><br />Sorry, not trying to bash on your code or anything... Nothing like that... I am just trying to help you simplify your code, and make it easy to work with.</td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>preview</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>click</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>type</td>
	<td>message</td>
	<td>If you're missing something it might not be much. See my simultaneous post re: IE<br /><br />With due respect to the beggers/choosers factor (!) it would be great if, since the script is well tested, that as much of it as possible could remain fairly intact. (?)<br /><br />rproctor83's post nailed the need conceptually, leading me to wonder if I could somehow incorporate without noob breakage (probably not). :P<br /><br />misfitplanet, you rewrote the whole thing presumably...wow. Wondering if simply altering the original might be more practical?<br /><br />Thanks so much for your time. <br /><br />If you're missing something it might not be much. See my simultaneous post re: IE<br /><br />With due respect to the beggers/choosers factor (!) it would be great if, since the script is well tested, that as much of it as possible could remain fairly intact. (?)<br /><br />rproctor83's post nailed the need conceptually, leading me to wonder if I could somehow incorporate without noob breakage (probably not). :P<br /><br />misfitplanet, you rewrote the whole thing presumably...wow. Wondering if simply altering the original might be more practical?<br /><br />Thanks so much for your time.</td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>preview</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>click</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>type</td>
	<td>message</td>
	<td>Quote:<br />Originally Posted by rproctor83&nbsp;&nbsp;<br />Bibbli, you should probably think about using a different method still... If you really wanted to have an image in the example I listed above all you would need to do is wrap a span inside the div with a background image.<br /><br />Sorry, not trying to bash on your code or anything... Nothing like that... I am just trying to help you simplify your code, and make it easy to work with. <br /><br /><br />Yeah, I admit. I have a problem with over complication. If he want an image he could just add it to the style string in setAttribute.</td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>preview</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>click</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>type</td>
	<td>message</td>
	<td>I have the following query in SQL Server (Microsoft) and I need the same query in MySql. The main feature of this query is that Dialcode is a table.field with the % symbol. The dialcode is a telephone number and I need know the region (Destination). <br /><br />SELECT TOP (1) PERCENT Destination, Dialcode, LEN(Dialcode) AS longitud <br />FROM dbo.External_Codes <br />WHERE (N'15550000000' LIKE Dialcode + '%') <br />ORDER BY longitud DESC <br /><br />Thanks,</td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>preview</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>click</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>type</td>
	<td>message</td>
	<td>SELECT <br /># TOP (1) see below <br />PERCENT -- what does this do? Destination, <br />Dialcode, <br />LENGTH(Dialcode) AS longitud -- string length?? <br />FROM /*dbo.*/ External_Codes -- no 'owner' in when qualifying tables. <br /># WHERE (N'15550000000' LIKE Dialcode + '%') -- eh?? Maybe: <br />WHERE Dialcode LIKE '15550000000%' <br />ORDER BY longitud DESC <br />LIMIT 1 -- might replace TOP(1)</td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>preview</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>click</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>type</td>
	<td>message</td>
	<td>The problem is dialcode has only 1555 value. This is the reason this field is in the right leg.</td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>preview</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>click</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>type</td>
	<td>message</td>
	<td>WHERE '155500000000000' LIKE CONCAT(Dialcode, '%');</td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>preview</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>click</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>type</td>
	<td>message</td>
	<td>The solution WHERE '155500000000000' LIKE CONCAT(Dialcode, '%'); doesn't work. The dialcode is a field charvar(25) however if dialcode has characters (a,b,c,...z) if work fine. Example dialcode = &quot;CANAD&quot; and I have the following query WHERE 'CANADA' LIKE CONCAT(Dialcode, '%'); <br /><br />I don't understand why with number doesn't work. I have setup the following query but doesnt work (DialCode=1555). <br /><br />WHERE '155500000000000' LIKE CONCAT(TRIM(Dialcode), '%');</td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>preview</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>//div[@id='page-body']/div[1]/div[1]/div/a/span</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>click</td>
	<td>message</td>
	<td></td>
</tr>
<tr>
	<td>type</td>
	<td>message</td>
	<td>I'm sorry the solution work fine. My table I have hide characters and this is my problem. <br /><br />Thanks,</td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>preview</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>post</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>link=Board index</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>link=Board index</td>
	<td></td>
</tr>
<tr>
	<td>waitForElementPresent</td>
	<td>link=Logout [ mmarrkv ]</td>
	<td></td>
</tr>
<tr>
	<td>clickAndWait</td>
	<td>link=Logout [ mmarrkv ]</td>
	<td></td>
</tr>
</tbody></table>
</body>
</html>
