with the code below, I can get all the messages in Firefox, but none in Safari.
If I attach a handler for the onmouseover to the select element (the part currently commented out) I can get the first mouseover of the select element, but not any additional ones. Again, in Firefox, I get all the messages, although they are handled by the selectorMouse function.
Is this familiar to anyone, and are there any work-arounds?
thanks in advance,
Linus
Expand|Select|Wrap|Line Numbers
- <html>
- <head>
- <title>Woohoo</title>
- <script language="javascript" type="text/javascript">
- function selectorMouse(evt, selector) {
- document.getElementById("msg").innerHTML="selector:"+evt.target.value;
- }
- function optionMouse(evt, option) {
- document.getElementById("msg").innerHTML="option:"+evt.target.value;
- }
- </script>
- </head>
- <body>
- <div id="msg"> </div>
- <select id='selector' name='selector' > <!-- onmouseover="selectorMouse(event, this)" -->
- <option id="option1" name="option1" value="op1v" onmouseover="optionMouse(event, this)">Option 1</option>
- <option id="option2" name="option2" value="op2v" onmouseover="optionMouse(event, this)">Option 2</option>
- <option id="option3" name="option3" value="op3v" onmouseover="optionMouse(event, this)">Option 3</option>
- </select>
- </body>
- </html>