| I have a drag and drop interface in my web app thanks to Project Wonder Ajax framework. I would like to create a mouseover effect when a user drags a droppable object over a drop zone.
As I know NOTHING about CSS and _javascript_ I need your help there. The drop zone is a div with a <hr> in it. (There are many drop zones, because they are in a repetition, so the divs don't have a static id).
I would like this division line to be twice as thick when mouseover occurs. I have added a binding:
hoverclass = "highlighted";
to my AjaxDroppable.
I have added
<style type="text/css" media="screen"> div.highlighted {size:8px;} </style>
to the head section of the html (tried various combinations here, like "hr.highlighted", or just "highlighted").
Nothing happens of course (I don't believe in magical things after all).
I feel dumb, I must confess.
JPM
|