jQuery dialog popup

Question

I am trying to get this dialog popup form to show up when this link is clicked but it does not work for me  I ve been working on this for the past three hours and this is getting too frustrating for me    Here s my HTML    lt a href     id  contactUs  gt Contact Us lt  a gt   lt div id  dialog  title  Contact form  gt     lt p gt appear now lt  p gt   lt  div gt    And here s my JavaScript  this is in an external file        contactUs   click function           dialog   dialog  open      return false        I ve used these links  but to no avail for me    http   jqueryui com demos dialog  modal http   jqueryui com demos dialog  default   Please let me know if have an ideas  much appreciated  thanks

User · Answer

Your problem is on the call for the dialog

If you dont initialize the dialog, you don't have to pass "open" for it to show:

$("#dialog").dialog();

Also, this code needs to be on a $(document).ready(); function or be below the elements for it to work.

User · Answer

You can use the following script  It worked for me     The modal itself consists of a main modal container  a header  a body  and a footer  The footer contains the actions  which in this case is the OK button  the header holds the title and the close button  and the body contains the modal content       function              modalPosition              window  resize function                  modalPosition                            openModal   click function  e                    modal   modal-backdrop   fadeIn  fast                e preventDefault                            close-modal   click function  e                    modal   modal-backdrop   fadeOut  fast                            function modalPosition             var width       modal   width            var pageWidth     window  width            var x    pageWidth   2  -  width   2               modal   css   left  x    px              Refer - Modal popup using jquery in asp net

User · Answer

It s quite simple  first HTML must be added    lt div id  dialog  gt  lt  div gt    Then  it must be initialized    lt script type  text javascript  gt    jQuery  document   ready  function         jQuery    dialog    dialog     autoOpen   false             lt  script gt    After this you can show it by code   jQuery    dialog    dialog   open

User · Answer

Use below Code  It worked for me    lt script type  text javascript  gt         document  ready function                      dialog   dialog                   autoOpen  false                  title   Basic Dialog                                  contactUs   click function                          dialog   dialog  open                                 lt  script gt

User · Answer

This HTML is fine    lt a href     id  contactUs  gt Contact Us lt  a gt                      lt div id  dialog  title  Contact form  gt     lt p gt appear now lt  p gt   lt  div gt    You need to initialize the Dialog  not sure if you are doing this      function          this initializes the dialog  and uses some common options that I do        dialog   dialog       autoOpen   false  modal   true  show    blind   hide    blind              next add the onclick handler       contactUs   click function             dialog   dialog  open        return false

User · Answer

You can check this link  http   jqueryui com dialog   This code should work fine      dialog   dialog

[jquery] jQuery dialog popup

Examples related to jquery

Examples related to jquery-ui

Examples related to jquery-ui-dialog

[jquery] jQuery dialog popup

Examples related to jquery

Examples related to jquery-ui

Examples related to modal-dialog

Examples related to jquery-ui-dialog