Sehr gut, ich danke dir!
Beiträge von Kai Schiffer
-
-
Zitat
wieso nimmst du dann an, dass layerwidth und layerheight bereits bekannt sind?
Das habe ich hier jetzt nicht mit rein kopiert. Das wird über CSS gemacht.
Hier versändnishalber dann der komlpette Code, aber wie gesagt es liegt nur an der Überagabe des <span id=close> zu dem Javascript.
Eigenständig ohne den Session String funktioniert der Code.PHP
Alles anzeigen<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Unbenanntes Dokument</title> <style type="text/css"> #layer { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; background-image: url(Bilder/bgface.png); background-repeat: repeat; text-align: center; vertical-align: middle; } </style> </head> <?php session_start(); if($_SESSION['welcome'] != true) { $_SESSION['welcome'] = true; echo "<div id='layer'>Hier steht der Text, der nur 1x angezeigt werden soll.</br><span id='close'>X</span></div>"; } { ?> <script type="text/javascript"> $(document).ready(function(){ $('#close').click(function() { $('#layer').fadeOut(500); }); window.setTimeout(function() { win = $(window); $('#layer') .css({ 'width': layerWidth + 'px', 'height': layerHeight + 'px', 'top': '0px', 'left': '-' + layerWidth + 'px' }) .animate({ 'top': win.height() / 2 - layerHeight / 2, 'left': win.width() / 2 - layerWidth / 2 }, 0000); }, 0000); }); </script> <?php } ?> <body> </body> </html>
-
Hallo Zusammen,
ich möchte einen DIV Layer erstellen der nur einmal pro Besucher angezeigt wird in einer Session. Dieser soll über Klick zu schließen sein. Habe den Code soweit vorbeireitet nur bekomme ich irgendwie den Java Part nicht ans laufen.PHP
Alles anzeigen<?php session_start(); if($_SESSION['welcome'] != true) { $_SESSION['welcome'] = true; echo "<div id='layer'>Hier steht der Text, der nur 1x angezeigt werden soll.</br><span id='close'>X</span></div>"; } { ?> <script type="text/javascript"> $(document).ready(function(){ $('#close').click(function() { $('#layer').fadeOut(500); }); window.setTimeout(function() { win = $(window); $('#layer') .css({ 'width': layerWidth + 'px', 'height': layerHeight + 'px', 'top': '0px', 'left': '-' + layerWidth + 'px' }) .animate({ 'top': win.height() / 2 - layerHeight / 2, 'left': win.width() / 2 - layerWidth / 2 }, 0000); }, 0000); }); </script> <?php } ?>