Passing a GET variable to a JQuery UI Dialog

Question

I'm trying to figure out a way to pass a GET variable to a Jquery UI dialog in order to be processed by some PHP. This is what I have:

$('.userjudge').click(function(){    
    var user = getID($(this).attr('id'),'UserJudge');

    $('#judgesMenu').dialog('open');

    $('#judgesMenu').data('user', user);
    $( "#judgesMenu" ).dialog({ 
        minWidth: 330,
        postition: top,
         open: function(event, ui) {
            $.ajax({
                type: "GET",
                url: "adminmenu.php",
                data: "user="+user
              });
        }
    });

    $( "#judgesMenu" ).dialog( "option", "position", 'top' );       


});

Can anyone tell me how to do this properly?

Do you need to place the HTML content of adminmenu.php?user=ID in #judgesMenu ? Have you tried to use $("#judgesMennu").load("adminmenu.php?user=ID") before opening dialog? — gustavotkg
– gustavotkg, Commented Oct 25, 2011 at 14:54

rhololkeolke · Accepted Answer · 2011-10-25 14:56:57Z

1

One problem I noticed is the way you're passing data to the jQuery ajax method. You should be doing something like this

          $.ajax({
            type: "GET",
            url: "adminmenu.php",
            data: {"user":user}
          });

You can find more information and examples of using the ajax method in the jQuery documentation at http://api.jquery.com/jQuery.ajax/

answered Oct 25, 2011 at 14:56

rhololkeolke

7562 gold badges8 silver badges25 bronze badges

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

Comments

Keith.Abramo · Accepted Answer · 2011-10-25 15:05:35Z

1

Due to lexical scoping your solution should already work. you dont need to add the "user" variable to the data of your dialog you can just reference it like you currently are. Also I moved your data directly into the url path since this looks more like what you are trying to do

$('.userjudge').click(function(){    
    var user = getID($(this).attr('id'),'UserJudge');

    $( "#judgesMenu" ).dialog({ 
        minWidth: 330,
        postition: top,
         open: function(event, ui) {
            $.ajax({
                type: "GET",
                url: "adminmenu.php?user="+user
              });
        }
    });      

    $('#judgesMenu').dialog('open');
});

edited Oct 25, 2011 at 15:05

answered Oct 25, 2011 at 14:57

Keith.Abramo

6,9652 gold badges34 silver badges46 bronze badges

3 Comments

tim Over a year ago

Dialog is still not retrieving the variable =(

Keith.Abramo Over a year ago

How are you checking that it is not getting the variable? What shows up when you put a breakpoint in the dialog open event? What does the getID() function you are calling at the beginning of the click event do?

tim Over a year ago

The dialog is inside of a div on the same page--would that cause any problems?

Collectives™ on Stack Overflow

Passing a GET variable to a JQuery UI Dialog

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related