Diese Website wird vorübergehend in einer einfachen Ansicht angezeigt.
Alertbox mit Verdunkelung - Mario & Luigis wunderbare Welt
Desktop-Version | Mobile Version
Deutsch | English
Navigation
Startseite
Charaktere
Spiele
Konsolen
Nintendo
Javascripts
Webdesign
Links
Pagerank
Awards
Newsarchiv
Gästebuch
Impressum
Anzeige
Waluigis HomepageSuper Marios Cousin hat seine eigene, inoffizielle Webseite, wo er sich vorstellt und von sich erzählt. Besuche jetzt Waluigis Webseite und erfahre alles über Waluigi.Seite besuchen
Anzeige
NintendoNintendo gilt zu den welweit größten Firmen in Sachen Spiele- und Konsolenherstellung. Besuche die offizielle Webseite, um immer auf dem Laufenden zu bleiben.Seite besuchen
BoxtitelAchtung: In deinem Browser ist Javascript deaktiviert! Aus diesem Grund kann die Desktop-Version der Seite nur mit festen Breiten angezeigt werden. Alertbox mit Verdunkelung
Beschreibung
Das Design und die Präsentation einer herkömmlichen Alertbox ist in Javascript systemabhängig. Dieses Javascript hingegen gestaltet aus verschiedenen HTML-Elementen eine eigene Alertbox mit verdunkeltem Hintergrund. Während die Alertbox aufgerufen ist, lässt sich auf der Seite sogar scrollen und die Größe des Browserfensters ändern. Während dem Scrollen wandert die Alertbox so mit, dass sie binnen kürzester Zeit wieder zentriert ausgerichtet ist. Um diese Alertbox korrekt anzuzeigen, muss der Browser CSS unterstützen, da sonst die meisten Design-Eigenschaften nicht funktionieren.
Ausführen: Die Alertbox mit Verdunkelung lässt sich beliebig oft mit verschiedenen Texten ausführen. Alles, was man dafür tun muss, ist den Scriptcode oben in die Webseite zu kopieren, und überall dort, wo eine Alertbox erscheinen soll, den Verweiscode AlertV30("Text für Alertfenster") einzufügen.
Wichtig: Die Fenstergröße kann in iFrames unter Umständen nicht korrekt ausgelesen werden.
Technische Details
Mindestvoraussetzungen
CSS:2.0
Javascript:MS
Netscape:-
Internet Explorer:4.0
Firefox:1.0
Opera:7.0
Chrome:1.0
Safari:1.3
Konqueror:3.1
Verwendete intrinsische Funktionen
Methoden
alert()
clearTimeout()
if()
setTimeout()
unescape()
with()
Eigenschaften
body
clientHeight
clientWidth
display
documentElement
innerHTML
innerHeight
innerWidth
onresize
pageXOffset
pageYOffset
scrollLeft
scrollTop
style
Vorschau
Javascript einbinden
HTML-Code
<script type="text/javascript">
<!--
var uFixed = 1;
//-->
</script>
<!--[if IE]><script type="text/javascript">uFixed = 0;</script><![endif]-->
<form name="AlertboxV30" action="" style="position: absolute; top: 0px; left: 0px; z-index: 10; display: none"> </form>
<script type="text/javascript">
<!--
var uInnerHTML = document.AlertboxV30.innerHTML ? 1:0;
var Fensterbreite30 = 0;
var Fensterhoehe30 = 0;
var Timernummer30 = 0;
function AlertV30(Alerttext30)
{
if(uInnerHTML==1)
{
positionieren30();
with(document.AlertboxV30.style)
{
width = Fensterbreite30;
height = Fensterhoehe30;
position = uFixed==1 ? "fixed":"absolute";
display = "";
}
document.AlertboxV30.innerHTML = unescape('%3Ctable border="0" width="100%" cellspacing="0" style="height: 100%" cellpadding="0">%3Ctr>%3Ctd width="100%" colspan="3" bgcolor="#000000" style="height: 50%; Filter: Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8"> %3C/td>%3C/tr>%3Ctr>%3Ctd width="50%" bgcolor="#000000" style="Filter: Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8">%3C/td>%3Ctd>%3Ctable border="0" width="300" cellspacing="0" bgcolor="#FFFFFF">%3Ctr>%3Ctd width="100%" align="right" bgcolor="#CCCCCC" style="border: 1px solid #999999">%3Cdiv style="width: 20px; height: 20px; text-align: center; border: 1px solid #000000; cursor: pointer" onclick="Alertbox_schliessen30()" onmouseover="this.style.backgroundColor = %27#EEEEEE%27" onmouseout="this.style.backgroundColor = %27%27">%3Cfont face="Arial" size="3" color="#000000">X%3C/font>%3C/div>%3C/td>%3C/tr>%3Ctr>%3Ctd width="100%" align="center" style="border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC">%3Cfont face="Arial" size="3" color="#000000">'+Alerttext30+'%3C/font>%3Cbr>%3Cinput type="button" value="OK" style="width: 80px" onclick="Alertbox_schliessen30()">%3C/td>%3C/tr>%3C/table>%3C/td>%3Ctd width="50%" bgcolor="#000000" style="Filter: Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8">%3C/td>%3C/tr>%3Ctr>%3Ctd width="100%" colspan="3" bgcolor="#000000" style="height: 50%; Filter: Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8"> %3C/td>%3C/tr>%3C/table>');
}
else
alert(Alerttext30);
}
function positionieren30()
{
with(document.AlertboxV30.style)
{
Fensterbreite30 = (window.innerWidth ? window.innerWidth:(document.body.clientWidth ? document.body.clientWidth:(document.documentElement.clientWidth ? document.documentElement.clientWidth:0)));
Fensterhoehe30 = (window.innerHeight ? window.innerHeight:(document.body.clientHeight ? document.body.clientHeight:(document.documentElement.clientHeight ? document.documentElement.clientHeight:0)));
width = Fensterbreite30;
height = Fensterhoehe30;
if(uFixed==0)
{
left = (window.pageXOffset ? window.pageXOffset:(document.body.scrollLeft ? document.body.scrollLeft:(document.documentElement.scrollLeft ? document.documentElement.scrollLeft:0)));
top = (window.pageYOffset ? window.pageYOffset:(document.body.scrollTop ? document.body.scrollTop:(document.documentElement.scrollTop ? document.documentElement.scrollTop:0)));
}
}
if(uFixed==0)
Timernummer30 = window.setTimeout("positionieren30()",200);
}
function Alertbox_schliessen30()
{
window.clearTimeout(Timernummer30);
document.AlertboxV30.style.display = "none";
}
window.onresize = positionieren30;
//-->
</script>
Code zum Ausführen
<input type="button" value="Alertbox" onclick="AlertV30('Text für Alertfenster')">
Feiertage
Zum Anzeigen der Feiertage muss Javascript im Browser aktiviert sein.
Tools
Zum Verwenden der Seitentools muss Javascript im Browser aktiviert sein.
Toplisten
LINKS2000.DE Webkatalog & Handy Fun
Top18
top18.de
Besucher
Zum Anzeigen der Besucherzahlen muss Javascript im Browser aktiviert sein.
Copyright Valentin Hammer
Zuletzt geändert am 6. Januar 2020