[development] Has anyone got a script to highlight node bodies

[Chris Skene]

Good suggestion, however it won't work in browsers which don't support :hover. If you need to take it further...

Start with:

.nodehover {
  background: #FFFF00;
}

and add this:

<script>
$(".node").hover(
  function () {
    $(this).addClass('.nodehover');
  }, 
  function () {
    $(this).removeClass('.nodehover');
  }
);
</script>
I havent tested this, but barring syntax errors, it should work.

chris

On 23/05/2010, at 5:18 AM, nan wich wrote:

> Thanks, Bob. Sometimes you just have to hit your forehead and say DUH!
>  
> 
> 
> From: Bob Hutchinson <hutchlists at midwales.com>
> > So does anyone have a script that can be used to just change the color of a
> > node body background, perhaps with greater opacity on a mouseover? 
> 
> Do it in css
> 
> .node:hover {
>   background: #FFFF00;
> }
> 
> or you could do it on .content. 
> I use this method on forms, it tells people when to click to get the cursor in 
> and once its there I use :focus so they know where they are in the form. eg
> .form-textarea {
>   background-color: #EEE;
>   border: 1px solid #888;
>   font-size:11px;
> }
> .form-textarea:focus {
>   background-color: #FFC;
>   border: 1px solid #F88;
> }
> .form-textarea:hover {
>   background-color: #FFC;
> }
> 
> 
> 
> > Nancy E. Wichmann, PMP
> > Injustice anywhere is a threat to justice everywhere. -- Dr. Martin L.
> > King, Jr.
> 
> 
> -- 
> -----------------
> Bob Hutchinson
> Midwales dot com
> -----------------

-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.drupal.org/pipermail/development/attachments/20100523/f6f504bd/attachment.html