call jQuery dialog from website url

Question

I'm trying to make something like that: https://www.easybring.com/#registration

as you can see, "registration" is in a jquery dialog, which can be opened by clicking on regiser button inside the website. Until now i'm good:

<a onClick="showDialog({$product['id']});">More Info </a>

My Head contains:

function showDialog(productID){
    $( "#dialog-modal_"+productID ).dialog({
        width: 770,
        height: 590,
        modal: true,
        open: function(event, ui){
        }
    });
}

And of course i have the div:

<div id="dialog-modal_{$product['id']}" style="display: none;">
<iframe src="index.php?act=showProduct&id={$product['id']}" width="100%" height="100%" frameborder="0" scrolling="no"></iframe> 
</div>

But what I want to do, is to call that jquery specific dialog, by website url: #registration.

How can i do it?

Thanks a lot!

score 2 · Accepted Answer · answered Dec 29 '12 at 10:16

2

This one should work:

$(document).ready(function() {
if( window.location.href.indexOf( '#registration' ) != -1 ) {
    showDialog({$product['id']});
}
});

Hope it helps :)

answered Dec 29 '12 at 10:16

Avishek

1,896
14
33

And now: is there a simple way to replace #registeration by #product-___ : i think it's gonna be in regex ? and than cal showDialon( id ) ... – user1936192 Dec 29 '12 at 10:38
doesnt matter - i successfully did that by javascript split. thanks alot!! – user1936192 Dec 29 '12 at 10:41

score 0 · Answer 2 · edited May 23 '17 at 11:56

0

You can handle your url on document load event:

$(function() {
    if (window.location.toString().indexOf('#registration') > -1) {
        showDialog({$product['id']});
    }
});

Code might not work but I think that idea is clear.

This might help you to work with url string in JS: How to get the anchor from the URL using jQuery?

edited May 23 '17 at 11:56

Community

1
1

answered Dec 29 '12 at 10:11

Samich

29,157
6
68
77

score 0 · Answer 3 · answered Dec 29 '12 at 10:11

0

Why don't you call showDialog() inside $(document).ready()

Something like this

 $(document).ready(function(){
    $("#dialog-modal").dialog({modal: true});
});

answered Dec 29 '12 at 10:11

sk8terboi87 ツ

3,396
3
34
45

call jQuery dialog from website url

3 Answers3