Response title
This is preview!
- Screen name: webchix
webchix's Profile
2 Posts
1 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- 06-May-2010 02:07 PM
- Forum: Developing jQuery UI
I was going over the button demos at http://jqueryui.com/demos/button/ in IE6, IE8, FF2, FF3 and Chrome 4 and discovered that the anchors, radios and checkboxes are broken in FF2. I had assumed it was the theme and/or the page itself but the issue is still present when I change themes and tested it on my own page.
The full FF version number used is 2.0.0.20.- I've updated this post to include a much simpler example.
Problem:
The pageX and pageY properties of the mouse event is incorrect for elements inside a <div> which is inside a <td>, but ONLY when the <div> has its css position property set to "absolute", "relative", or "fixed".
This is while using jquery 1.4.2.- <html>
- <head></head>
- <body>
- <table>
- <tr>
- <td width="100">stuff</td>
- <td>
- <!-- if style is removed from this div, the problem goes away -->
- <div id="tabs2" style="position:relative">
- <a href="#" id="trigger">Trigger 1</a> <!-- trigger for popup -->
- <div id="popup" style="display:none;position:absolute;border:2px solid #62BBE8;background-color:#ffffff;padding:2px;width:350px;">
- mouseover 1
- </div> <!-- close popup div -->
- </div> <!-- close div w/ position specified -->
- </td>
- </tr>
- </table>
- <!-- I know it says 1.4, but it's really 1.4.2 -->
- <script type="text/javascript" src="../../../js/jquery/1.4/jquery.js"></script>
- <script type="text/javascript">
- $(document).ready(function() {
- $("#trigger").mousemove(function(e) {
- var popup = $('#popup'); // grab the popup
- popup.show(); // show the popup
- popup.css({ // set top/left according to pageY/pageX
- top: e.pageY + 10,
- left: e.pageX + 10
- }).mouseout(function() {
- popup.hide(); // hide the popup
- });
- });
- });
- </script>
- </body>
- </html>
When the above code is implemented, notice the misplaced popup. If the "position" style is removed, this problem goes away.
Note, the attachment is now obsolete in favor of the above code... but the editor doesn't seem to want me to remove it