<html><head><base href="x-msg://15/"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Good suggestion, however it won't work in browsers which don't support :hover. If you need to take it further...<div><br></div><div>Start with:</div><div><br></div><div><span class="Apple-style-span" style="font-family: arial, helvetica, sans-serif; font-size: 13px; ">.nodehover {<br> background: #FFFF00;<br>}<br></span><div><br></div><div>and add this:</div><div><br></div><div><meta charset="utf-8"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; font-size: 10px; color: rgb(34, 34, 34); line-height: 14px; "><pre style="padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 1.1em; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 249, 234); color: rgb(51, 51, 51); border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(226, 225, 213); border-right-color: rgb(226, 225, 213); border-bottom-color: rgb(226, 225, 213); border-left-color: rgb(226, 225, 213); text-align: left; font-weight: normal; font-family: monaco, monospace; width: auto; overflow-x: auto; border-top-left-radius: 2px 2px; border-top-right-radius: 2px 2px; border-bottom-right-radius: 2px 2px; border-bottom-left-radius: 2px 2px; background-position: initial initial; background-repeat: initial initial; "><code class="example demo-code" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 1.3em; vertical-align: baseline; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; "><script>
$(".node").hover(
function () {
$(this).addClass('.nodehover');
},
function () {
$(this).removeClass('.nodehover');
}
);
</script></code></pre></span><div>I havent tested this, but barring syntax errors, it should work.</div><div><br></div><div>chris</div></div><div><br><div><div>On 23/05/2010, at 5:18 AM, nan wich wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><span class="Apple-style-span" style="border-collapse: separate; font-family: Helvetica; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: arial, helvetica, sans-serif; font-size: 12pt; "><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">Thanks, Bob. Sometimes you just have to hit your forehead and say DUH!<br> </div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><br></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 12pt; font-family: arial, helvetica, sans-serif; "><br><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 10pt; font-family: arial, helvetica, sans-serif; "><font face="Tahoma" size="2"><hr size="1"><b><span style="font-weight: bold; ">From:</span></b><span class="Apple-converted-space"> </span>Bob Hutchinson <<a href="mailto:hutchlists@midwales.com">hutchlists@midwales.com</a>><br></font>> So does anyone have a script that can be used to just change the color of a<br>> node body background, perhaps with greater opacity on a mouseover?<span class="Apple-converted-space"> </span><br><br>Do it in css<br><br>.node:hover {<br> background: #FFFF00;<br>}<br><br>or you could do it on .content.<span class="Apple-converted-space"> </span><br>I use this method on forms, it tells people when to click to get the cursor in<span class="Apple-converted-space"> </span><br>and once its there I use :focus so they know where they are in the form. eg<br>.form-textarea {<br> background-color: #EEE;<br> border: 1px solid #888;<br> font-size:11px;<br>}<br>.form-textarea:focus {<br> background-color: #FFC;<br> border: 1px solid #F88;<br>}<br>.form-textarea:hover {<br> background-color: #FFC;<br>}<br><br><br><br>> Nancy E. Wichmann, PMP<br>> Injustice anywhere is a threat to justice everywhere. -- Dr. Martin L.<br>> King, Jr.<br><br><br>--<span class="Apple-converted-space"> </span><br>-----------------<br>Bob Hutchinson<br>Midwales dot com<br>-----------------<br></div></div></div></div></span></blockquote></div><br></div></div></body></html>