HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ? |
 |

14-09-2019, 20:17
|
SusiSorglos
Registrierter Benutzer
|
|
Registriert seit: May 2007
Ort: Farfaraway 02203
Beiträge: 83
|
|
Modal Confirm Dialog will nicht
Hallo,
Ich habe dieses schöne Script gefunden welches es erlaubt über ein <a href> den ModalBody zu befüllen und zudem durch Klick auf "OK" den href ausführen soll.
Es war für BS3 gedacht. Deswegen habe ich in die append-Passage ein BS4 Modal eingebaut und mit den ID versehen. Nur leider funktioniert die id="kill" nicht. Mein JS ist aber so schelcht, das ich selber nicht auf die Lösung komme.
Code:
<script>
$(document).ready(function() {
$('a[data-confirm]').click(function(ev) {
var href = $(this).attr('href');
if (!$('#dataConfirmModal').length) {
$('body').append('<div id="dataConfirmModal" class="modal fade" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered" style="width:400px" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Achtung!</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> </div> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Nein</button> <button type="button" class="btn btn-success" id="kill">Ja, Eintrag löschen</button> </div> </div> </div></div>');
}
$('#dataConfirmModal').find('.modal-body').text($(this).attr('data-confirm'));
$('#kill').attr('href', href);
$('#dataConfirmModal').modal({show:true});
return false;
});
});
</script>
HTML-Code:
<a class="btn btn-danger" data-confirm="Möchten Sie diesen Datensatz wirklich löschen?" href="blabla.php">Diesen Eintrag löschen</a>
__________________
PHP 8.0, MariaDB 10.5 auf U20.04
|
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
|
|
Ähnliche Themen
|
Thema |
Autor |
Forum |
Antworten |
Letzter Beitrag |
Ajax und Modal mit Dropdown [brauch Hilfe]
|
Dave_L |
PHP Developer Forum |
0 |
20-05-2019 12:21 |
jQuery modal dialog form submit
|
DasUNBEKANNTe |
HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS |
4 |
06-12-2010 14:11 |
[PHP5] Script nicht Confirm
|
N00bKing |
PHP Developer Forum |
12 |
17-03-2008 19:51 |
Confirm-Box funktioniert nicht
|
Paranoia |
HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS |
6 |
19-08-2003 10:28 |
Browser zwingen HTML-Datei nicht zu öffnen, sondern "Speichern-Dialog"
|
PWolf |
HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS |
1 |
21-09-2001 07:45 |
Themen-Optionen |
|
Thema bewerten |
|
Forumregeln
|
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.
HTML-Code ist aus.
|
|
|
|
PHP News
|