CODEWITHSUNDEEP
jquerytwitter-bootstrapmodal-dialog
Dhruv Kumar Jha
Dhruv Kumar Jha

Reputation: 6569

How to open bootstrap modal as soon as page opens if modal id is present in url #

Is there any way using which when a user opens a url http://www.website.com/page/#delete-page and if that page has a twitter bootstrap modal with same id delete-page it should open instantly.

So in theory the user opens the url, The page loads and after its successfully loaded the modal opens (i..e if it exists if not then nothing happens)

Upvotes: 4

Views: 6127

Answers (2)

Fenn-CS
Fenn-CS

Reputation: 905

Try something like this, it should work.

 $(document).ready(function() {

    if(window.location.href.indexOf('#myModal') != -1) {
    $('#myModal').modal('show');
  }

});

Or

$(document).ready(function() {

if(window.location.href==='mysite.com/#myModal'){
 $('#myModal').modal('show');
}

}

Upvotes: 1

Pigueiras
Pigueiras

Reputation: 19356

What do you need?

  1. Get the hash from the URL: How can you check for a #hash in a URL using JavaScript?

  2. Once you have the hash, simple get the element with the id selector of the hash and then:

    $(hash).modal('show')

Upvotes: 13

Related Questions