Opening a dialog box in jquery with php content

Question

I am trying to open a chat portal in a dialog using jquery.

Here is my code

<img class="chatBtn" id="chat_btn" style="margin-top: 10px; margin-left: 10px" src="images/colored_livecha.png" alt="" width="80" height="33" />

jQuery('.chatBtn').click(function() {
  var dlg = jQuery('#chat_btn').dialog({
    autoOpen: 'false',
    modal: 'true',
    minHeight:'300px',
    minWidth: '300px'
  });

  dlg.load('chat.php', function(){
    dlg.dialog('open');
  });
});

However on click nothing happens. What amendments are required?

Jamie Hutber · Accepted Answer · 2014-06-22 09:10:09Z

2

You'll need to wrap that in a script tag.

 <script>
jQuery('.chatBtn').click(function() 
{

  var dlg = jQuery('#chat_btn').dialog(
    {
 autoOpen: 'false',
  modal: 'true',
  minHeight:'300px',
  minWidth: '300px'
  });

dlg.load('chat.php', function(){
         dlg.dialog('open');
     });
});
 </script>

Another question, is jQuery included in the head or somewhere in the page?

answered Jun 22, 2014 at 9:10

Jamie Hutber

28.2k54 gold badges194 silver badges314 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

Muhammad Umar Over a year ago

I have a separate jquery file in which all these functions are within jQuery(document).ready(function() { and yes jquery is added in header

Muhammad Umar Over a year ago

i can't get it work, nothing happens when i click on it. if i put alert('ok') it works

Jamie Hutber Over a year ago

Now the javascript is at least running. Do you get any javascript errors? Have you opened developer tools? F12 in chrome, or in firefox u'll need to install firebug.

Muhammad Umar Over a year ago

Well it gives TypeError : Undefined is not a function.

Jamie Hutber Over a year ago

can you run this in the console of the developer tools: jQuery What does it return? Also, dialog is part of jQuery UI I do believe. Have you included this as well?

|

segfault · Accepted Answer · 2014-06-22 09:13:17Z

1

The simplest way would be to get the information in the database using PHP, and populate the UI tables like that. The major downside would be loading time. If you find that the page is taking too long to load, then you may want to look into jQuery's .ajax()

answered Jun 22, 2014 at 9:13

segfault

5042 silver badges6 bronze badges

1 Comment

Muhammad Umar Over a year ago

its a chat panel. I want to open it in a dialog box.

user3764415 · Accepted Answer · 2014-06-22 09:41:15Z

0

I think you need to reference jquery library :

href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css.
src="//code.jquery.com/jquery-1.10.2.js".
src="//code.jquery.com/ui/1.10.4/jquery-ui.js".
rel="stylesheet" href="/resources/demos/style.css".

edited Jun 22, 2014 at 9:41

answered Jun 22, 2014 at 9:34

user3764415

915 bronze badges

Collectives™ on Stack Overflow

Opening a dialog box in jquery with php content

3 Answers 3

9 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

9 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related