Neuigkeiten:

moziloCMS verwendet Cookies. Wenn Sie auf unserer Seite weitersurfen, stimmen Sie der Cookie-Nutzung zu Datenschutzerklärung
moziloCMS Layouts
moziloCMS Plugins

Hauptmenü

fancybox automatisch starten

Begonnen von baggi, 15. Juni 2014, 23:11:21

« vorheriges - nächstes »

baggi

Hallo,

ich wuerde eine fancybox gerne automatisch starten, bevor ich ein aufwendiges PHP Script starte, und dann wieder beenden, wenn das PHP Script fertig ist. Also im Grunde moechte ich fancybox benutzen um den Benutzer zu informieren, dass die Seite gerade am Prozessieren ist.

Wuerde mich sehr ueber Kommentare freuen.

Baggi

HPdesigner

Hey baggi,

Du kannst die fancyBox mit folgendem Snippet triggern:
<script type="text/javascript">
    $(document).ready(function() {
        $("#deineId").fancybox().trigger('click');
    });
</script>


und mit damit beenden:
$("#deineId").fancybox().close();
(ungetestet)

Die eigentliche Frage ist glaub ich, wie du die Zeitpunkte des Starts und Beendens deines PHP Skripts übergibst... AJAX?

lg, HPdesigner
Check my website devmount.de
and find me on Twitter, Medium, GitHub, StackOverflow, Codepen and Slack

baggi

Hi HPdesigner,

danke fuer die Antwort. Das automatische Starten klappt, aber du hast Recht, entscheidend ist, wie Starten und Beenden umgesetzt werden.

Mit AJAX kenne ich mich nicht aus, muss noch etwas darueber nachgruebeln.

Gruesse,
Baggi

baggi

Hallo,

wie du vorgeschlagen hast, habe ich das Problem mit AJAX geloest.
Anstatt der fancybox nehme ich BlockUI: http://malsup.com/jquery/block/
Das Ganze sieht dann so aus:


[html|
<!-- include jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<!-- include BlockUI -->
<script src="http://xx.xxx.xxx.x/jquery.blockUI.js"></script>

<script>
// unblock when ajax activity stops
    $(document).ajaxStop($.unblockUI);
    $.blockUI();
    $.ajax({ url: 'http://xx.xxx.xxx.x/wait.php', cache: false });
</script>
]


wobei xx.xxx.xxx.x die Adresse meines Servers ist.

Baggi

HPdesigner

Super wenns geklappt hat!
lg, HPdesigner
Check my website devmount.de
and find me on Twitter, Medium, GitHub, StackOverflow, Codepen and Slack