Info schließt nach ...Sekunden

Moderator: HTML-Laie

Antworten
Benutzeravatar
Hape
Administrator
Beiträge: 336
Registriert: Fr 22. Mai 2020, 00:33

Info schließt nach ...Sekunden

Beitrag von Hape »

Die CSS-Datei:

Code: Alles auswählen

<style type="text/css">
<!--
#timedpopup {position:absolute; height:1; width:1; top:0; left:270;}
-->
</style>
Das Script:

Code: Alles auswählen

<script LANGUAGE="JavaScript1.2">
showtime=10;
showct=1;
var ns=(document.layers);
var ie=(document.all);
var w3=(document.getElementById && !ie);
adCount=0;

function initShow(){
if(!ns && !ie && !w3) return;
if(ie) adDiv=eval('document.all.timedpopup.style');
else if(ns) adDiv=eval('document.layers["timedpopup"]');
else if(w3) adDiv=eval('document.getElementById("timedpopup").style');
randAd=Math.ceil(Math.random()*showct);
if (ie||w3)
adDiv.visibility="visible";
else
adDiv.visibility ="show";
if(randAd==1) showShow();
}

function showShow(){
if(adCount<showtime*10){adCount+=1;
if (ie){documentWidth =document.body.offsetWidth/2+document.body.scrollLeft-20;
documentHeight =document.body.offsetHeight/2+document.body.scrollTop-20;}
else if (ns){documentWidth=window.innerWidth/2+window.pageXOffset-20;
documentHeight=window.innerHeight/2+window.pageYOffset-20;}
else if (w3){documentWidth=self.innerWidth/2+window.pageXOffset-20;
documentHeight=self.innerHeight/2+window.pageYOffset-20;}
adDiv.left=documentWidth-200;adDiv.top =documentHeight-200;

setTimeout("showShow()",100);}else endShow();
}

function endShow(){
if (ie||w3)
adDiv.display="none";
else
adDiv.visibility ="hide";
}

onload=initShow;
//End-->
</script>
In die Textseite:

Code: Alles auswählen

<div id="timedpopup" style="visibility:hidden">
<table width="350" height="350" bgcolor="#000000"><tr><td>
<table width="345" height="345" bgcolor="#FF0000"><tr><td align="center" valign="middle">
  <p><b>Hier k&ouml;nnte Ihr Text oder Bild sein</b></p>
  <p>(Dieses Fenster schlie&szlig;t sich in wenigen Sekunden von selbst)</p><br>
</td></tr></table></td></tr></table>
</div>
Demoseite gibt es hier: https://hapes-javascript-demo-page.hpag ... renzt.html

Antworten