javascript - How to keep track of actions called by a jQuery dialog box? -

-

i have bit of dillema :)

i have link users vote on item. click on link generated jquery ajax call checking if person logged in. if not, dialog box displays form login.

but problem jquery call log in , whole bit popup box in different place.

what need check if user got logged in successfully, , update vote count.

i doing on site: http://www.problemio.com

here jquery code far:

<script type="text/javascript"> $(document).ready(function()  {      var $dialog = $('#loginpopup')        .dialog({          autoopen: false,          title: 'login dialog'        });           $("#newprofile").click(function () {           $("#login_div").hide();           $("#newprofileform").show();         });       $('.vote_up').click(function()      {                 problem_id = $(this).attr("data-problem_id");          var datastring = 'problem_id='+ problem_id + '&vote=+';          $.ajax({                 type: "post",                 url: "/problems/vote.php",                 datatype: "json",                 data: datastring,                 success: function(data)                 {                                // ? :)                     alert (data);                    },                 error : function(data)                  {                     errormessage = data.responsetext;                      if ( errormessage == "not_logged_in" )                     {                         // try create popup asks user log in.                         $dialog.dialog('open');                          // prevent default action, e.g., following link                         return false;                     }                     else                     {                         alert ("not");                     }                      //alert(json.stringify(data));                 }             });           //return false prevent page navigation         return false;     });      $('.vote_down').click(function()      {         alert("down");          problem_id = $(this).attr("data-problem_id");          var datastring = 'problem_id='+ problem_id + '&vote=-';                  //return false prevent page navigation         return false;     });     }); </script>

it works except right after line $dialog.dialog('open'); - don't know how

  1. get signal success of fail, , don't know how
  2. update item voted on since 1 of many items can voted on in page.

how can these 2 things?

try approach:

  1. have hidden input within div login dialog.
  2. set problem_id before .dialog('open')
  3. on success callback of login button click, retrieve problem_id hidden input , perform vote-up or vote-down.

hope helps

edit: (trying code workable example after op's second comment)

<script type="text/javascript">     $(document).ready(function() {         var $dialog = $('#loginpopup')                 .dialog({                     autoopen: false,                     title: 'login dialog'                 });          var $problemid = $('#theproblemid', '#loginpopup');          $("#newprofile").click(function () {             $("#login_div").hide();             $("#newprofileform").show();         });           $('.vote_up').click(function() {             var problem_id = $(this).attr("data-problem_id");             voteup(problem_id);             //return false prevent page navigation             return false;         });          var voteup = function(problem_id) {             var datastring = 'problem_id=' + problem_id + '&vote=+';              $.ajax({                 type: "post",                 url: "/problems/vote.php",                 datatype: "json",                 data: datastring,                 success: function(data) {                     // ? :)                     alert(data);                 },                 error : function(data) {                     errormessage = data.responsetext;                     if (errormessage == "not_logged_in") {                         //set current problem id 1 within dialog                         $problemid.val(problem_id);                          // try create popup asks user log in.                         $dialog.dialog('open');                          // prevent default action, e.g., following link                         return false;                     }                     else {                         alert("not");                     }                      //alert(json.stringify(data));                 }             });         };          $('.vote_down').click(function() {             alert("down");              problem_id = $(this).attr("data-problem_id");              var datastring = 'problem_id=' + problem_id + '&vote=-';              //return false prevent page navigation             return false;         });          $('#loginbutton', '#loginpopup').click(function() {             $.ajax({                 url:'url login',                 success:function() {                     //now call cote                      voteup($problemid.val());                 }             });         });     }); </script>

Comments

Post a Comment

Popular posts from this blog

objective c - Change font of selected text in UITextView -

-
can suggest me how change font of selected text in uitextview.i cannot use uiwebview since have edit text. have seen pages app.how possible in app. see formatting text within uilabel differently . since need editing, should @ javascript-based editors such ckeditor or tinymce . highly recommend wwdc 2011 video session 511: "rich text editing in safari on ios."
Read more

c# - Getting control value when switching a view as part of a multiview -

-
i have following code in aspx page: <asp:button id="display_button" runat="server" text="display" onclick="button1_click" /> &nbsp; <asp:button id="edit_button" runat="server" text="edit" onclick="button2_click" /> &nbsp; <asp:button id="save_button" runat="server" text="save" onclick="button3_click" visible="false" /> &nbsp; <asp:multiview id="multiview1" runat="server" activeviewindex="0"> <asp:view id="view1" runat="server"> <asp:formview id="view_program" runat="server"> <itemtemplate> <%# eval("status").tostring().trim() %> </itemtemplate> </asp:formview> </asp:view> <asp:view id="view2" runat="server"> ...
Read more

php - Accessing POST data in Facebook cavas app -

-
so i've got simple form in canvas / iframe facebook app, , i'm trying pass along values post. reading on s.o. , fb's latest docs, understand it, data send via post form can accessed on receiving end $_request object. i read on thread on s.o. in order post forms work need pass along input named "signed_request" value current signed_request (i have signed request working ok otherwise...all login , authentication stuff working fine). isnt mentioned anywhere in official fb docs. so problem comes in $_request object signed request, , bunch of other session stuff. form inputs found. the way can read them set method of form "request" isn't real form method. takes of inputs , sends them args in url. horrible. here's sample page canvas app form i'm using try debug (leaving out authentication stuff): <form enctype="application/x-www-form-urlencoded" method="post" target="_top" id="my_form" action=...
Read more