Поделиться модальным окном по электронной почте - PullRequest
Новая
       25

Поделиться модальным окном по электронной почте

0 голосов
/ 05 сентября 2018

Я хотел бы поделиться модальным окном по электронной почте.

Я бы хотел, чтобы при нажатии на кнопку «Поделиться» пользователи могли отправить электронное письмо со ссылкой на этот модал, а когда вы нажмете на эту ссылку, веб-сайт загрузится с уже открытым этим модалом.

Я создал скрипку здесь http://jsfiddle.net/pcx98bvs/:

<!-- Button trigger modal -->
<button type="button" id="mymodal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <h4 class="modal-title" id="myModalLabel">Modal title</h4>
   </div>
   <div class="modal-body">
    ...
   </div>
   <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <a href="mailto:test@gmail.com"><button type="button" class="btn btn-primary">Share</button></a>
  </div>
 </div>
 </div>
 </div>

Любые советы?

Большое спасибо заранее Alex

1 Ответ

0 голосов
/ 05 сентября 2018

Вы можете добавить body параметр строки запроса к вашему href, который ссылается на модальное
Пример: <a href="mailto:test@gmail.com?body=https://yourwebsite#modal">

Затем поместите этот скрипт на свою страницу, чтобы вы могли запустить модальный режим, используя переданный хеш от URL 

$(document).ready(function () {
    var target = document.location.hash;
    $(target).modal('show');
});
...