Externen Popup einbinden

WuF1 schrieb am 30.10.2014 um 20:29 Uhr

WD 9 bzw. 10 Trial Premium. Habe folgenden Link zu einem Popup eines externen Ferienportal (Belegungskalender): <!-- {#textKommentarPopUp} -->
<b id="belegzeitenkalender_iframe_child"><a  href="#" onclick="javascript:createPopUp()" id="belegzeitenkalender_popup" style="color:#000000;">{#preisberechnung}</a> {#textvordemLinkPopUp}<a href="http://www.harz-travel.de/ferienwohnungen/bad-harzburg/3170/3-sterne-apartment-gruene-tanne.php" style="color:#000000;" target="_blank" id="belegzeitenkalender_link"> {#linktextUnten} </a>{#textnachdemLink}</b><br />
<script language="javascript" type="text/javascript">
var belegzeitenkalender_width  =800;
var belegzeitenkalender_height =679;
var belegzeitenkalender_wert  = 3170;
var allg_http   = 'www.harz-travel.de';
</script>
<script language="javascript" type="text/javascript" src="http://www.harz-travel.de/js/externer_belegzeitenkalender_neu.js">
</script> 

In WD gehe ich so vor: Setze einen Platzhalter (kleines Rechtech), rechte Maustaste, Webeigenschaften, Platzhalter, HTML-Code (Body). In der Vorschau erscheint je nach Platzhaltergröße folgende Textzeile oder auch als 4 Zeilen: {#preisberechnung} {#textvordemLinkPopUp} {#linktextUnten} {#textnachdemLink}. Klick auf preisberechnung erscheint korrekt der Kalender. Klick auf textnachdemlink erscheint eine Seite, die ich eigentlich gar nicht will. Ich brauche diese komische Zeile nicht, sondern möchte eine informative Textzeile oder eine Grafik, auf die ich klicken kann.

Was mache ich falsch? Danke.

Kommentare

BeRo schrieb am 30.10.2014 um 21:30 Uhr

Die Scriptmischung aus HTML, JavaScript und CSS hast Du vermutlich aus einer anderen Anwendung entliehen.

Die Links sind an sich i. O. Wenn Du sie nicht haben willst,, lösch' sie einfach.

Die Textausgabe ist im Script so eingestellt, wie Du sie siehst. Etwas Benutzerfreundlicher wird die Ausgabe, wenn Du die hier überflüssigen geschweiften Klammern und die Hash Zeichen löschst.
Die Ausgabe der 4 Infos kann durch zusätzliche Formatierung sicher auch verbessert werden.

Unter dem Strich hast Du eine rudimentär funktionierende "Baustelle" gepostet, die aber brauchbare Anlagen zeigt (s. o.)...

 

Zuletzt geändert von BeRo am 30.10.2014, 21:30, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

BeRo schrieb am 10.11.2014 um 23:10 Uhr

[...]  ich möchte als Schaltfläche eine Grafik nehmen, Aber es kommt immer ein Kreuz [...]

Eine mögliche Anpassung Deines Codes kann so aussehen:

Die für die Bild Verlinkung zuständigen Zeilen sind im Screenshot gelb markiert.

Hier ist eine Zeile als Beispiel, die du mit copy & paste übernehmen kannst, wenn Du auch den Pfad und den Bildnamen entsprechend anlegst.

-------------------------------
<img src="./index_htm_files/kalender.jpg" width="190" height="140">
------------------------------

Die im Code angegebenen Werte für die Breite und die Höhe des Bilds, sind nicht zwingend nötig. Wenn das Bild, das du verwendest aber "aus dem Rahmen fällt" kannst Du sie (entsprechend angepasst) einsetzen.

In der Vorschau sieht das Ergebnis des o.a. Codes jetzt so aus:

Die beiden Bilder tragen je einen Link auf die im Code angegebenen URL.

Viel Erfolg

Zuletzt geändert von BeRo am 10.11.2014, 23:53, insgesamt 2-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

WuF1 schrieb am 12.11.2014 um 12:49 Uhr

Hallo BeRo, es war lehrreich und vielen Dank. Ich bin stolz auf uns. WuF1