That did the trick. Thank you!
>Try something like this:
>
><script language="JavaScript">
> function changeColor (sCell, sColor) {
> document.getElementById(sCell).style.background = sColor;
> }
></script>
>
><table>
><tr>
> <td id="cell01"> </td>
></tr>
></table>
>
><a href="javascript:changeColor('cell01', 'pink');">Test</a>
>
>
>
>-----Original Message-----
>From: So Kenfused [mailto:[EMAIL PROTECTED]
>Sent: Thursday, July 13, 2006 6:06 PM
>To: CF-Community
>Subject: OT: JavaScript Help?
>
>I am writing an little teaching aid for my daughter.
>
>In a table I will show 5 rows of 2 columns. Column 1 will have an image of
>a dog, cat, ball etc.. Column2 will have the text that matchs the images.
>However, the two columns are in different order. The idea is to match the
>picture of the ball to the text "Ball" in the second column.
>
>I have all this working fine. However, once she makes a match I would like
>to change the background-color of the cell that holds the text to pink (my
>five year old's favorite color).
>
>I already have an onClick statement to check to see if she has picked the
>text that matches the image. If she is correct then a little Happy Face
>image that displays on the screen. She clicks it, which hides it and
>continues to the next image.
>
><td
>onClick="if (item1 == '#items2[i]#')showhide('correct', 1); else
>showhide('TryAgain', 1)">
>
>What do I need to do to make the background of this cell pink if she answers
>correctly?
>
>Here is most of the code:
><body onLoad="javascript: showhide('correct', 0); showhide('TryAgain',0);">
><div id="correct" style="position: absolute; top: 100px; left: 150px;"><a
>href="javascript:void(0)" onclick="javascript:showhide('correct', 0);"><img
>src="/tests/images/happy.jpg" border="0"></a></div>
><div id="TryAgain" style="position: absolute; top: 100px; left: 150px;"><a
>href="javascript:void(0)" onclick="javascript:showhide('TryAgain', 0);">Try
>Again</a></div>
>
> <table border="1" cellspacing="0" cellpadding="5">
> <cfoutput>
> <cfloop from="1" to="#ArrayLen(items)#" index="i">
>
> <tr>
> <td onClick="item1
>='#items[i]#'"><img src="images/#items[i]#.gif"></td>
> <td onClick="if (item1 ==
>'#items2[i]#')showhide('correct', 1); else showhide('TryAgain',
>1)"><strong>#items2[i]#</strong></td>
> </tr>
> </cfloop>
> </cfoutput>
> </table>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Introducing the Fusion Authority Quarterly Update. 80 pages of hard-hitting,
up-to-date ColdFusion information by your peers, delivered to your door four
times a year.
http://www.fusionauthority.com/quarterly
Archive:
http://www.houseoffusion.com/cf_lists/message.cfm/forumid:5/messageid:211171
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:5
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.5
