Redirect on dialog button click - JQuery UI

Question

$(".btn").click(function(){
  $('<div></div>').appendTo('body')
        .html('<div> Select </div>')
        .dialog({
            modal: true, title: 'Select', zIndex: 10000,autoOpen:true,
            width: 'auto', 
            resizable: false,
            draggable: false,
      modal: true,
      hide: { effect: "clip", duration: 1000 },
            buttons: {
             A: function () {
              window.location.href="xyz.php?param=A";
                },
                B: function () {
                  window.location.href="xyz.php?param=B";
                }
            },
            close: function (event, ui) {
             
            }
        });
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"> </script>
<div class="btn">Click</div>

I am trying to redirect when there is a button clicked. Current Implementation redirects to myHomePage/0 or myHomePage/1. None of my params are set and redirecting php also not working.

What is wrong in this? Please let me know.

You have a syntax error, did you see that? You're missing a `,`, after `autoOpen:true` — Ionut Necula, Jan 27 '17 at 08:50
May I Know the reason for downvote. I have added correct plug in to work it. — Gibbs, Jan 27 '17 at 09:12

score 1 · Answer 1 · answered Jan 27 '17 at 08:53

1

Plz try this code

$(".btn").click(function(){
   var redirectId = $(this).attr('redirectId');
   window.location.href = "http://ursite.com/"+redirectId;
 });

in html

<div redirectId="1" class="btn">Click</div>

answered Jan 27 '17 at 08:53

Shibon

1,552
2
9
20

I know it. I have to use dialog. User has to select A or B. Then I have to redirect it. – Gibbs Jan 27 '17 at 09:05
can you say the plug-in you have used – Shibon Jan 27 '17 at 09:07
jquery/jquery-2.1.3.min.js and jquery/jquery-ui.min.css – Gibbs Jan 27 '17 at 09:08
hey plz check this http://stackoverflow.com/questions/3519861/yes-or-no-confirm-box-using-jquery – Shibon Jan 27 '17 at 09:19
I am using similar thing. My case is redirection. My question itself redirection is not working – Gibbs Jan 27 '17 at 09:24

score 1 · Answer 2 · answered Jan 27 '17 at 08:56

1

Could do something like this:

jQuery:

$("div.btn").click(function(){
    var href = $(this).attr("href");

    if(typeof href !== typeof undefined && href !== false){
        window.location.href = href;
    }
});

HTML:

<div href="newlocation.php" class="btn">Click</div>

It will work on all div's with a class of btn, that contain the href attribute!

answered Jan 27 '17 at 08:56

GROVER.

4,071
2
19
66

I know it. I have to use dialog. User has to select A or B. Then I have to redirect it. – Gibbs Jan 27 '17 at 09:05

Redirect on dialog button click - JQuery UI

2 Answers2