Eigene Alertbox 2

Dies ist eine weitere Version der eigenen Alertbox. Diese Alertbox erscheint in der Mitte des Bildschirms.

Die Übergabe des Texttes erfolgt in diesem Script anders als in der ersten Version. Ihr könnt euren Text direkt im Link übergeben. Mit der Textkombination n könnt ihr dabei einen Zeilenumbruch erzeugen.

Dieses Javascript funktioniert leider nur im Internet Explorer ab Version 5.5

Sollte euer Besucher einen anderen Browser nutzen, erscheint die gewohnte graue Dialogbox, welche bei solchen Alertboxen üblich ist.

HIER klicken um die Demonstration zu starten

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- // Danke an Albert Kluge - www.jjam.de ie5=(document.getElementById&&document.all&&document.styleSheets)?1:0; if(ie5) { document.write( "<div style='position:absolute;top:-500;left:0;z-index:100' id='alert'>"+ "<form name='alertform'>"+ "<table style='border-style:outset;border-width:2;border-color:#E6E6CD;background-color:#F5F5DC' cellpadding='5' cellspacing='2' width='340' height='230'>"+ "<tr><td height='30' align='center' bgcolor='#DEDEC5'>"+ "<input type='text' name='titleelement' size='35' style='border-width:0;background-color:#DEDEC5;font-weight:bold;text-align:center' onfocus='if(this.blur)this.blur()'>"+ "</td></tr>"+ "<tr><td align='center'>"+ "<tex"+"tarea name='textelement' rows='8' cols='42' style='border-width:0;background-color:#F5F5DC;font-family:verdana,arial;font-size:80%;scrollbar-track-color:#F5F5DC;scrollbar-face-color:#F5F5DC;scrollbar-highlight-color:#C8C8B2;scrollbar-3dlight-color:#F5F5DC;scrollbar-darkshadow-color:#F5F5DC;scrollbar-shadow-color:#C8C8B2;scrollbar-arrow-color:#F5F5DC;overflow:auto' readonly></t"+"extarea>"+ "</td></tr>"+ "<tr><td height='50' align='center'>"+ "<input style='background-color:#E9E9CF;border-width:1;font-weight:bold' type='button' value='    OK    ' onclick='hideAlert()' onfocus='if(this.blur)this.blur()'>"+ "</td></tr>"+ "</table>"+ "</form>"+ "</div>" ); } function showAlert(title,text) { if(ie5) { document.getElementById("alert").style.left=document.body.clientWidth/2-170+document.body.scrollLeft; document.getElementById("alert").style.top=document.body.clientHeight/2-115+document.body.scrollTop; document.alertform.titleelement.value=title; document.alertform.textelement.value=text; } else alert(title+"nn"+text); } function hideAlert() { document.getElementById("alert").style.top=-500; } //--> </script> <br /> <p><a href="javascript:showAlert('Info für Dialogbox Alert 2','Diese Alertbox erscheint genau in der Mitte des aufrufenden Fensters. \n\nDer Text wird in der üblichen Syntax einer Dialogbox geschrieben.\n\nIn anderen Browsern erscheint genau der gleiche Text in der grauen Standardbox. \n\nUnd wenn der Text sehr lang ist, lässt sich dieser Bereich auch scrollen.')" onfocus="if(this.blur)this.blur()">HIER klicken um die Demonstration zu starten</a></p> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/eigene-alertbox-2/" target="_blank">kostenlose-javascripts.de</a> <!-- präsentiert von kostenlose-javascripts.de -->