Bootstrap jquery - load Method mit attr-Methode und dem href Attribut nimmt keine URL an
Hallo Experten,
ich öffne in meiner Anwendung aus einem iFrame heraus einen Modal per remote-Link. Dieses Modal öffnet sich wie erwartet im Parent-Fenster meiner Anwendung.
Nun möchte ich dynamisch je nach Mausklick auf einen beliebigen link im iframe die jeweilige URL dieses Links an die load()-Methode übergeben, um diese URL dann im vorbereiteten DIV in meinem Parent Fenster zu öffnen.
Leider wird der Link aber nicht übergeben und ich weiss nicht genau warum.
Hier mein bisheriger Code:
Link im iFrame:
Funktion im iFrame - Head:
Funktion im Parent-Head:
DIV im Parent-Fenster:
Der Modal öffnet sich immer aber ohne die übergebene URL mit dem Inhalt der PHP-Datei. Es wird lediglich das angezgeigt, was im DIV steht "Das ist ein Test".
Wo liegt der Fehler? Ich finde ihn leider überhaupt nicht, obwohl ich schon vieles probiert habe.
Bin für jede Hilfe oder jeden Tipp dankbar.
Beste Grüße aus Köln
ich öffne in meiner Anwendung aus einem iFrame heraus einen Modal per remote-Link. Dieses Modal öffnet sich wie erwartet im Parent-Fenster meiner Anwendung.
Nun möchte ich dynamisch je nach Mausklick auf einen beliebigen link im iframe die jeweilige URL dieses Links an die load()-Methode übergeben, um diese URL dann im vorbereiteten DIV in meinem Parent Fenster zu öffnen.
Leider wird der Link aber nicht übergeben und ich weiss nicht genau warum.
Hier mein bisheriger Code:
Link im iFrame:
<body>
echo '<td align="center"><a class="ls-modal" data-target="#meinModal" data-backdrop="false" data-toggle="modal" href="historie.php?id='.$ergebnis['id'].'&&ga='.$ergebnis['auftragsnummer'].'"><img width="22px" height="22px" src="../images/app_icons/book.png"></a></td>';
</body>
Funktion im iFrame - Head:
<head>
<script type="text/javascript">
$(document).ready(function(event){
$('.ls-modal').on('click', function(e){
e.preventDefault();
window.parent.$('#meinModal').modal('show').find('.modal-content').load($(this).attr('href'));
});
});
</script>
</head>
Funktion im Parent-Head:
<head>
<script type="text/javascript">
$("#meinModal").dialog({ autoOpen: false });
</script>
</head>
DIV im Parent-Fenster:
<div class="modal fade" id="meinModal" tabindex="-1" role="dialog" aria-labelledby="meinModalLabel" aria-hidden="false">
<div class="modal-dialog modal-header-info">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="false">x</button>
<h4 class="modal-title" id="meinModalLabel"></h4>
</div>
<div class="modal-body bg-primary">
Das ist ein Test.
</div>
<div class="modal-footer">
<a href="#" class="btn btn-primary" data-dismiss="modal" aria-hidden="false">Close</a>
</div>
</div>
</div>
</div>
Der Modal öffnet sich immer aber ohne die übergebene URL mit dem Inhalt der PHP-Datei. Es wird lediglich das angezgeigt, was im DIV steht "Das ist ein Test".
Wo liegt der Fehler? Ich finde ihn leider überhaupt nicht, obwohl ich schon vieles probiert habe.
Bin für jede Hilfe oder jeden Tipp dankbar.
Beste Grüße aus Köln
Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 319881
Url: https://administrator.de/contentid/319881
Ausgedruckt am: 23.11.2024 um 10:11 Uhr