Link in Iframe auf einer neuen Seite

Question

öffnen

Hallo, ich hatte eine funktionierende Lösung für diese und die kurze hat sich etwas geändert, was bedeutet, ich brauche jetzt eine Arbeit zu finden.

Szenario ist, dass ich eine Schaltfläche habe, die beim Klicken öffnet eine bestimmte URL in einem iframe. Das funktionierte großartig mit dem folgenden Code:

<a class="two_nights iframebutton_pink" href="buttonurl" target="bookingiframe" onclick="location.href='#booking'">Januar</a> 

<script> 
$("[target='bookingiframe']").on('click',function() { 
    $("#ifr").attr('src',$(this).attr('href')); 
    scrollt(); 
}); 
</script> 

Welche wurde auf den Iframe auf der Seite und die Quelle wechseln. Dies ist der iframe:

`<a id="booking"><div class="frame_container"><iframe name="bookingiframe" src="generalurl" width="100%" height="8000" frameborder="0" scrolling="0"></iframe></div></a>` 

Der Inhalt des iframe muss nun auf einer Seite sein, die aufgeführt ist weiß, so ist diese Lösung nicht funktionieren. Was ich tun muss, ist, dass die Schaltfläche angeklickt wird und dann eine neue Seite mit dem iframe geöffnet wird und die URL zu der der Schaltfläche geändert wird.

Jede Hilfe würde sehr geschätzt werden.

Answer 1

Sie müssen eine Seite mit Iframe erstellen.

nehme an, die URL yoursite.com/iFrame.html

Was ist, dass Sie jetzt brauchen, ist Ihre Buchung URL auf die neue Seite zu senden. Also werden wir URL-Parameter verwenden, um das zu tun.

So Ihre endgültige URL würde aussehen wie yoursite.com/iFrame.html*?url=h#tp://www/bookingurl.com.....*

nun auf dem neuen Seite benötigen Sie den folgenden zusätzlichen Code, um die URL von Parameter und laden Sie den iFrame.

Nach dem Einfügen dieser jetzt können Sie Ihren Code verwenden, um den iFrame zu füllen

<script> 
$(document).ready(function() { 
    $("#ifr").attr('src',getParameterByName(url)); 
}); 
</script> 

Die Funktion getParameterByName liest die Buchung URL- und die Iframe laden.

So ist der endgültige Code wird mit Ihrer Antwort, weil sie so super schnell über