2

I have a bootstrap toggle link which will open a full screen modal windows on left click which will display all the information.

<a data-toggle="modal" data-backdrop="static" href='#modal-add-contact' class='btn'>View Info</a>

However, sometimes when user go through the table list on the page with multiple View Info links, they tend to right click and open to new tab, or right click and open to new window.

So it end up displaying the table list of info with the View Info link instead of the modal window.

How can I let the new tab window load the Modal on default base on the link clicked?

Someone Special
  • 12,479
  • 7
  • 45
  • 76
  • Have you thought of creating a custom context menu and give an option to open in New window and then handle it using JavaScript – Rahul May 05 '16 at 12:52

2 Answers2

1

If user right clicks and opens link in tab, he will get same url with a hash tag www.example.com#modal-add-contact

So if you simply

$(document).ready(function() {
    $(window.location.hash).modal("show");
});

modal will be up.

tmg
  • 19,895
  • 5
  • 72
  • 76
0

Have you tried capturing right-clicks that an event fires up named oncontextmenu? explained in this answer You just have to manually open the modal dialogue using code of some JQuery explained in this answer

Community
  • 1
  • 1
Asim Khan
  • 572
  • 6
  • 34