Question

I am building a web form for a login. I’ve decided to add in a few features I wouldn’t normally. However I can’t seem to get them to work in every instance. So, here’s my problem.

On the form, as you progress through each of the inputs a javascript box on the side of the page scrolls down and notifies you about that input i.e. what they can enter, how many characters they have left.

It works great with text boxes, because i can use an onfocus and onblur event handler. However when you reach, for example, a div that has multiple check-boxes you can’t exactly use the above event handlers for each input, because then they would have to select an option before the box tells them what it is about.

Ive tried using the onMouseOver and onMouseOut event handlers for the whole div, but it doesn’t work fluidly.

So any suggestions? Maybe, is there a way to active a function if a users puts their cursor on a certain part of the screen?

hope this make sense,
thanks

Answer 1

could make a little ? icon or something next to it for someone to hover over, and attach the event to that…

…anyways…you sure you doing it right? post some code…for example, this works just fine..when I hover over the 2nd checkbox, I get the alert

<form>
<input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br />
<input onmouseover="alert('test');" type="checkbox" name="vehicle" value="Car" /> I have a car
</form>