Offen CMS - Externen Link in Lightbox öffnen

XYZ

Sehr aktives Mitglied
21. September 2011
2.541
10
Ist es möglich, mit Shop-Boardmitteln einen externen Link, welcher über einen Reiter erreichbar ist, in einer Lightbox zu öffnen? (DHL-Retourenportal)
 

andy j

Entwickler
7. April 2010
817
1
AW: CMS - Externen Link in Lightbox öffnen

lieber als popup lösen (wegen ssl) zB:

Code:
<a href="http://www..." onclick="return open_window('http://www...');">xxx</a>

zwar unsauber gelöst aber funktioniert :)
 

andy j

Entwickler
7. April 2010
817
1
AW: CMS - Externen Link in Lightbox öffnen

Dann so (nicht getestet)

Code:
<script type="text/javascript">
$("a.mypopup").fancybox({
   'type' : 'iframe',
   'href' : 'http://www.meineurl.de', // alternativ $(this).attr('href')
   'transitionIn' : 'fade',
   'transitionOut' : 'fade',
   'autoScale' : false,
   'width' : 620,
   'height' : 600,
   'showCloseButton' : false,
   'titleShow' : true,
   'titlePosition' : 'inside',
   'titleFormat' : function() {
      return '<a href="javascript:$.fancybox.close();">Fenster schlie\xDFen</a>';
   }
});
</script>

Code:
<a href="#" class="mypopup">link</a>
 

XYZ

Sehr aktives Mitglied
21. September 2011
2.541
10
AW: CMS - Externen Link in Lightbox öffnen

Nein, funzt leider auch net, Link wird ganz normal im maximierten Browserfenster geöffnet :(.

Code:
Code:
<script type="text/javascript">
$("a.mypopup").fancybox({
   'type' : 'iframe',
   'href' : 'https://amsel.dpwn.net/abholportal/gw/lp/portal/XYZ/customer/RpOrder.action?delivery=RetourenLagerXYZ', // alternativ $(this).attr('href')
   'transitionIn' : 'fade',
   'transitionOut' : 'fade',
   'autoScale' : false,
   'width' : 620,
   'height' : 600,
   'showCloseButton' : false,
   'titleShow' : true,
   'titlePosition' : 'inside',
   'titleFormat' : function() {
      return '<a href="javascript:$.fancybox.close();">Fenster schließen</a>';
   }
});
</script>
<p>
    <a class="mypopup" href="https://amsel.dpwn.net/abholportal/gw/lp/portal/XYZ/customer/RpOrder.action?delivery=RetourenLagerXYZ">Retourenportal</a></p>
 

XYZ

Sehr aktives Mitglied
21. September 2011
2.541
10
AW: CMS - Externen Link in Lightbox öffnen

So, habs hingekriegt:

Code:
<script type="text/javascript">
function init () {
            $("a.iframe").fancybox({
            'type' : 'iframe',
            'width' : 1020,
            'height' : 830,         
            'titleShow': false, 
            'hideOnContentClick': true, 
            'transitionIn': 'elastic', 
            'transitionOut': 'elastic',
            'overlayShow' : true,
            'overlayColor' : '#000',
            'overlayOpacity' : 0.50,
            'autoScale' : false,
            'centerOnScroll' : true,
            'autoDimensions' : false
          });

}
   $(document).ready(function() {
      init();
   });
</script>

Code:
<a class="iframe" href="https://amsel.dpwn.net/abholportal/gw/lp/portal/XYZ/customer/RpOrder.action?delivery=RetourenLagerXYZ">Zum Retourenportal</a>

Nun probiere ich noch, das das Ganze auch bei kleineren Bildschirmen/Auflösungen zentriert dargestellt wird bzw sich der Inhalt der Auflösung anpasst. Dann mal ran an die Variablen :).
 
Ähnliche Themen
Titel Forum Antworten Datum
Impressum: Link zur externen Seite Einrichtung JTL-Shop5 3

Ähnliche Themen