Assign link to a modal bootstrap window

Question

How do I link to a modal window? In case I want to send this link, the user by clicking on the link already open direct the modal. How do I do that?

Answer 1

Pass a parameter through the link:

example: http://dominio.com/nome_pagina_modal.html?par=open

In your application put this script (conditional operator (ternary)):

location.href.split("=").pop() == "open" ? $('#bannerformmodal').modal('show') : null;

• location.href; returns the URL of the current page
• split("=").pop(); picks up the part after the =
• Operador Ternário - if the condition location.href.split("=").pop() == "open" is true, the operator will return the value $('#bannerformmodal').modal('show') if no, it returns the value null;.

Answer 2

Possible solution

One option is to use hashtag to inform that the client wants to open a modal, example:

www.sitedevendas.com/product#buy

That way you would know that the client wants to open the modal buy and so you should analyze in window.location.href if there is #comprar in that string.

---

Example

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