This code works fine for a table, but when i put it inside the <cfoutput> tag i get an error. Is there a better way to change the color of a row then i mouse over it (when the data is output)?
<cfoutput query="rs_ads">
<tr onMouseover="this.bgColor=
<td> #rs_ads.make#</td>
<td>#rs_ads.category#</td>
<td> </td>
<td><a href="javascript::">view/e
</tr>
</cfoutput>
Thanks
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.
Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
<CFOUTPUT>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function tableMouseOver(obj) {
var obj;
obj.style.backgroundColor=
}
function tableMouseOut(obj) {
var obj;
obj.style.backgroundColor=
}
//-->
</SCRIPT>
<table>
<tr onMouseOver="tableMouseOve
<td>X</td>
</tr>
<tr onMouseOver="tableMouseOve
<td>Y</td>
</tr>
</table>
</CFOUTPUT>
yes, the problem is the # in front of your colors. the # indicates to cf that you are trying to output the value of a variable, which you aren't. Since that variable doesn't exist you are getting an error. The solution is to just leave off the # when showing a color, or as Anand said, you can us ## (which gets turned into just one by cf), or you can completely work around it as hiranmaya sugguest.
what might help you more in the future is to actually set a variable for that color say in your application.cfm file (or in an include that you place there) and set all the colors used in your application there.
so you might have:
<cfset normal_tr_bg="ffffff">
<cfset mouseover_tr_bg="0066FF">
<cfset othercolors="some other colors">
then in your application you can have
<tr bgcolor="#normal_tr_bg#" onmousover="this.bgColor='
setting up a style sheet is also good for this.
then it makes it easier for you to change the colors for your application if you ever need to, or want to, or need to sell it to a different organization.
Business Accounts
Answer for Membership
by: anandkpPosted on 2003-08-21 at 23:11:32ID: 9201042
just do this
<cfoutput query="rs_ads">
<tr onMouseover="this.bgColor=
<td> #rs_ads.make#</td>
<td>#rs_ads.category#</td>
<td> </td>
<td><a href="javascript::">view/e
</tr>
</cfoutput>
or
<cfoutput query="rs_ads">
<tr onMouseover="this.bgColor=
<td> #rs_ads.make#</td>
<td>#rs_ads.category#</td>
<td> </td>
<td><a href="javascript::">view/e
</tr>
</cfoutput>
Regards
Anand