Hallo Experten,
wie schon im Titel erwähnt möchte ich mit Bootstrap 3 und jquery ein Modal erzeugen, in dem ich einen remote-link in einem iFrame anklicke und den Modal aber im Parent-Fenster der Anwendung öffne.
Hat jemand damit schon Erfahrung gesammelt und kann mir hier weiter helfen?
Habe schon folgenden Code:
Im File, welches im iFrame geöffnet wird
<head>
<script type="text/javascript">
parent.$('#meinModal').dialog("open");
</script>
</head>
<body>
echo '<td align="center"><a data-toggle="modal" href="historie.php?id='.$ergebnis['id'].'&&ga='.$ergebnis['auftragsnummer'].'" data-target="#meinModal" data-backdrop="false"><img width="22px" height="22px" src="../images/app_icons/book.png"></a></td>';
</body>
Selbstverständlich steht im Body noch viel mehr und im Header stehen die ganzen bootstrap und jquery Imports.
Im Parent steht folgendes im Header
<head>
<script type="text/javascript">$("#meinModal").dialog({ autoOpen: false });</script>
</head>
Parent-Body
<div class="modal fade" id="meinModal" tabindex="-1" role="dialog" aria-labelledby="meinModalLabel" aria-hidden="false">
<div class="modal-dialog">
<div class="modal-content mod-background">
<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="#" id="Reset" class="btn btn-primary">Close</a>
</div>
</div>
</div>
</div>
Leider öffnet sich der Dialog über den remote-link nicht.
Was mache ich falsch?
Bin sehr dankbar für Eure Hilfe.
Beste Grüße