Modalbox öffnen beim onload

Archive Shopware 3.5
1

Hallo, Ich bin dabei ein Plugin zu programmieren, mit der ein Modalbox geöffnet werden soll wenn die Seite (Hauptseite) fertiggeladen wird. Nur habe ich das bis jetzt nicht hinbekommen. Ich hoffe, dass mir jemand helfen kann… — Bootstrap.php — [code]<?php class Shopware_Plugins_Frontend_ModalBox_Bootstrap extends Shopware_Components_Plugin_Bootstrap
{
public function getLabel()
{
return ‘Modal Popup’;
}

public function install()
{
    $this->subscribeEvent( 'Enlight\_Controller\_Action\_PostDispatch\_Frontend\_Index', 'onPostDispatchIndex' ); return true; } public function onPostDispatchIndex(Enlight\_Event\_EventArgs $arguments) { $view = $arguments-\>getSubject()-\>View(); $config = $this-\>Config(); if (empty($config-\>show) && $config-\>show !== null) { return; } $view-\>addTemplateDir($this-\>Path() . 'Views/'); $view-\>extendsTemplate('frontend/plugins/template/modalbox.tpl'); } } ?\> [/code] --- modalbox.tpl --- [code] {block name="frontend\_index\_header\_javascript" append} <script type="text/javascript" src="%7Blink%20file='frontend/plugins/template/js/popupModal.js'%7D"> </script>{/block} {block name="frontend\_index\_header\_css\_screen" append} <link type="text/css" media="all" rel="stylesheet" href="%7Blink%20file='frontend/plugins/template/css/index_modal.css'%7D">{/block}

{* Heading *}

Titel

{s name=“ModalCloseIcon”}×{/s}

{s name=“IndexModalHeader”}Willkommen auf unserer Seite{/s}

[/code] — popupModal.js — $(document).ready(function() { $('#my\_modalBox').show(); });

2

Wird der der Inhalt aus modalbox.tpl geladen?

3

Ja genau…

4

Wie auch immer der komplette Inhalt des tpl’s geladen wird, möglichweise ist das Javascript früher geladen als das tpl? Gibt es eine Beispielseite?

5

Ich habs mit (window).load probiert, da klappt es aber auch nicht. Eigentlich müsste er doch die JavaScript erst nach dem kompletten Laden der Seite ausführen. Oder? [code] (window).load(function() { $(’#my_modalBox’).show(); }); [/code]

6

Ansonsten erzeuge die modal box so: $(window).load(function() { var div = $( "#my\_modalBox" ).html(); var config = { width: "200px" }: $.modal( div, "Überschrift", config ); }); Viele Grüße