Czy to możliwe, aby mieć url tak:Bootstrap - bezpośredni link do modalnego okna
www.url.com/#imprint
(lub podobne), aby połączyć bezpośrednio do strony z otwartym modalnego okna?
jest to możliwe? Jakieś wskazówki?
Dziękujemy!
Być może będziesz w stanie zrobić coś takiego.
if (window.location.hash == "#imprint") {
$('#myModal').modal('show');
}
Tak, jest to możliwe. Wystarczy sprawdzić URL:
function popModal() {
// code to pop up modal dialog
}
var hash = window.location.hash;
if (hash.substring(1) == 'modal1') {
popModal();
}
tylko dla przyszłych interesantów/czytelników, że stworzyliśmy bardzo prostą funkcję, aby otworzyć modalnego dynamicznie bez konieczności znać dokładny identyfikator, który szukasz. Upadłoby, gdyby nie znaleziono hasza.
/**
* Function to open a bootstrap modal based on ID
* @param int
*/
function directLinkModal(hash) {
$(hash).modal('show');
}
/**
* Call the function on window load
* @param hash of the window
*/
directLinkModal(window.location.hash);
Po stracie kilku godzin wymyśliłem ten. Rozwiązanie do otwierania różnych modałów pod adresem strona-2 w oparciu o łącze kliknięte na strona-1. Kod HTML jest oparty na oficjalnych przykładach modalnych Bootstrap.
HTML | strona-1.html
<body>
<a href="http://yourwebsi.te/page-2.html?showmodal=1">
<a href="http://yourwebsi.te/page-2.html?showmodal=2">
</body>
JS | ShowModal.js
$(document).ready(function() {
var url = window.location.href;
if (url.indexOf('?showmodal=1') != -1) {
$("#modal-1").modal('show');
}
if (url.indexOf('?showmodal=2') != -1) {
$("#modal-2").modal('show');
}
});
HTML | strona-2.html
<body>
<div class="modal fade bd-example-modal-lg" id="modal-1" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">Your content</div>
</div>
</div>
<div class="modal fade bd-example-modal-lg" id="modal-2" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">Your content</div>
</div>
</div>
<script src="ShowModal.js"></script>
</body>
Tak, jest to możliwe. Ale to zależy od tego, dlaczego i jak chcesz używać linku. – Khamidulla
Właśnie dostałem pojedynczą prepage na kilka tygodni i muszę link bezpośrednio do mojego odcisku od innych usług. Ale mój Odcisk jest w modalnym oknie na prepage. Dlatego ;) – Marek123