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

 _______________________________________________
Do not post admin requests to the list. They will be ignored.
Webobjects-dev mailing list      ([email protected])
Help/Unsubscribe/Update your Subscription:
http://lists.apple.com/mailman/options/webobjects-dev/archive%40mail-archive.com

This email sent to [email protected]

Reply via email to