JQuery Popup Box - Start Box und Button Box schließen automatisch nach 10 Sekunden. Die Box vom unteren Textlink schließt nicht automatisch.

Erste Box NUR BEI Start der Seite neu laden - diese Box wird durch eine SESSION nur einmalig geladen, solange bis der Browser geschlossen wird.

 

Diese Box habe ich am 30.05.2014 in NOF 2013 im Doctype “HTML5” eingebaut. Diese Box funktioniert in allen validen HTML-Ausgaben und in allen Browsern. Die erste Box am ersten Link oben wird hier nur einmalig geladen. Ich beschreibe hier lediglich das PHP-Skript für diese SESSION.

Bitte guckt zunächst, für meine allgemeinen Anleitungen und mein Tutorial zur jQuery Popup Box, auf dieser Seite hier.

Um dieses Box nur einmalig während einer Browser-Sitzung (SESSION) zu starten habe ich folgendes PHP-Skript entwickelt.

Alle Seiten, auf denen diese Box eingebaut werden soll und auf denen die Box nur beim ersten Aufruf starten soll, müssen auf die Dateiendung .php umgestellt sein.

Zunächst startet Ihr die SESSION mit dem Skript unten, das an den “Beginn der Seite” gehört (ganz oben - keine Leerzeile lassen):

> Layout markieren > Fenster “Layout-Eigenschaften” > Button “HTML” > “Beginn der Seite” einfügen

<?php
   session_start();
?>

Jetzt müsst Ihr die DIV-ID in eine IF-Bedingung setzen um festzustellen, ob die SESSION-Variable bereits gesetzt wurde und die Ausgabe mit PHP-ECHO Befehlen umschreiben. Unten als Beispiel der Code meiner Seite hier, den Ihr wieder wie in meinem Tutorial beschrieben in die HTML eines Textfeldes packt.

> Textfeld aufziehen > Fenster “Text-Eigenschaften” > mittlere Button oben “Textfeld” > Button “HTML” > Code in den HTML-Code Editor einfügen

<script>   
    $(function() {
     $( "#dialog-tommy" ).dialog({
      width: 450,
      height: 380,

      show: {
       effect: "blind",
       duration: 1000
      },
      hide: {
       effect: "explode",
       duration: 800
      },
      open: function(event, ui){
       setTimeout("$('#dialog-tommy').dialog('close')",10000);
      }
     });
    });
</script>

<?php
   // SESSION-Variable "KeineAnzeige" ist noch nicht gesetzt - hier Abfrage mit IF-Bedingung
   if (!isset($_SESSION["KeineAnzeige"]))
   {

   echo '
<div id="dialog-tommy" title="NOF Tutorials von Tommy">';
    echo '<p align="center">';
       echo '<br><br>';
       echo '<font color="#0000FF">';
       echo 'Diese <b>Box</b> ist sehr einfach';
       echo '<br>';
       echo 'einzubauen';
       echo '</font>';
       echo '<br>';
       echo '<font color="#FF0000">';
       echo 'Diese Box <i><b>schließt</b></i> nach 10 Sekunden automatisch';
       echo '</font>';
       echo '<br>';
       echo '<a href="http://www.nof-schule.de/forum/" target="_blank">Bei Fragen wendet Euch an <i>unser Forum</i></a>';
       echo '<br>';
       echo '<img src="./NOF-Hilfe-Tommy.png" title="Herzlich willkommen">';
    echo '</p>';
   echo '</div>';
   // SESSION-Variable setzen mit irgendeinem Wert
   $_SESSION["KeineAnzeige"] = 1;
   }
?>



Diese Box ist sehr einfach
einzubauen

Diese Box schließt nach 10 Sekunden automatisch
Bei Fragen wendet Euch an unser Forum

 

Viel Erfolg!



Diese Box folgt dem Scroll
da sie eine fixierte Position hat

Diese Box schließt nach 10 Sekunden automatisch
Bei Fragen wendet Euch an unser Forum

 

 

Tutorials von Thomas Frei-Herrmann

diese Seite weiter empfehlen


Counter Statistik