jQuery ui dialog add a help icon in the titlebar

0 votes

I'd like to add a help icon in the title bar (right corner) of the JQuery UI dialog box.

I started from the default dialog demo

$('span.OK').click(function() {
    setTimeout(function(){ $( "#dialog" ).dialog(); }, 100);
});

here is the fiddle http://jsfiddle.net/survivant/cyFxp/3/

I found that there is a default help icon in the theme, but I'm not sure how to display it in the title bar.

The goal is to have a ? (help) button display beside the X (close) button. When I click on it, I want a popup to open (probably another dialog) that will show the help.

EDIT

Thanks to the answers given, I have now a help icon that will show an alert when clicked. However, when hovering over this icon, the cursor is a "move" cursor instead of a "pointer" cursor like the close button.

How can I make prevent the "move" cursor in favor of the "pointer" cursor?

PS. the demo in the answer below works in jsbin, but my demo in jsfiddle doesn't work.

Jul 28, 2022 in Web Development by gaurav
• 23,260 points
709 views

No answer to this question. Be the first to respond.

Your answer

Your name to display (optional):
Privacy: Your email address will only be used for sending these notifications.

Related Questions In Web Development

0 votes
0 answers

How to add a link in Jquery PrettyPhoto to download the image

I am using Jquery PrettyPhoto to have ...READ MORE

Jun 29, 2022 in Web Development by gaurav
• 23,260 points
887 views
0 votes
1 answer

jQuery UI dialog without a title bar but keep the close button

Use this to remove the titelbar of ...READ MORE

answered Aug 4, 2022 in Web Development by rajatha
• 7,680 points
1,505 views
0 votes
0 answers

jquery mobile - remove icon disc in the header

I am using jqm 1.4.5 to create ...READ MORE

Aug 12, 2022 in Web Development by gaurav
• 23,260 points
554 views
0 votes
0 answers

How to get the value of a checkbox flipswitch in JQuery Mobile 1.4.5?

I'm using following markup to create a ...READ MORE

Aug 22, 2022 in Web Development by gaurav
• 23,260 points
497 views
0 votes
0 answers

JQuery $.ajax() post - data in a java servlet

I want to send data to a ...READ MORE

Jun 29, 2022 in Web Development by gaurav
• 23,260 points
1,886 views
0 votes
0 answers

If/else else if in Jquery for a condition

I am having a set of text ...READ MORE

Jul 1, 2022 in Web Development by gaurav
• 23,260 points
2,786 views
0 votes
1 answer

jQuery dialog popup

This HTML is fine: <a href="#" id="contactUs">Contact Us</a> ...READ MORE

answered Jun 28, 2022 in Web Development by rajatha
• 7,680 points
1,124 views
0 votes
1 answer

TypeError: $(...).autocomplete is not a function

You would definitely have missed the Jquery ...READ MORE

answered Feb 23, 2022 in JQuery by Aditya
• 7,680 points
9,547 views
0 votes
0 answers

jQuery UI DatePicker - Change Date Format

I am using the UI DatePicker from ...READ MORE

Jun 23, 2022 in Web Development by gaurav
• 23,260 points
1,013 views
0 votes
1 answer

Date range picker on jquery ui datepicker

Thanks I need this kind of code. ...READ MORE

answered Jun 27, 2022 in Web Development by rajatha
• 7,680 points
4,908 views
webinar REGISTER FOR FREE WEBINAR X
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP