Home/ Questions/Q 9199281
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T22:29:57+00:00

I have this close buttons on jQuery UI dialogs that use . This is

  • 0

I have this close buttons on jQuery UI dialogs that use . This is annoying because when the user hovers above it, the browser will display a useless link at the bottom of the page (which i really cant have there because I use a status-bar at the bottom).

When I remove the attribute href the problem is solved, but now when I tab over the elements of my dialog, the buttons that have no href will be skipped.

Any suggestions would be appreciated.

Edit:
HTML: 

<html><head>...(script includes)</head><body>
<div id="someDialog">
</body></html>

Js:

 $(document).ready(function() {
     $("#someDialog").dialog();
 )};

jsfiddle: http://jsfiddle.net/mmarcon/jTGCF/1/
Open the dialog and hover over the close “x”

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you really can’t have status bar showing anything you need to remove the anchor tags completely and use javascript for navigation instead on selected elements (as you already do!).

    Then use tabindex to control which order and elements tab presses go.

    Updated your jsfiddle here: http://jsfiddle.net/jTGCF/201/
    (try to tab between the two buttons)

    • 0