alert ohne Alert :)

[Cybaer]

Hi,

Oder weniger nervig: per Einfügen der Meldungen in eine dynamisch generierte Textarea.

Ts, ts, ts, dafür nimmt man heutzutage doch ein (dynamisches) DIV. ;)

Da habe ich doch gleich was:

  
/* 'Alert-Alternative 290706' (c) by [e-mail]  
   --------------------------  
 Inhalt    : Gibt einen Alert-Text in einem Element mit der ID "alertH" aus  
 Aufruf    : alertH(alertText,waitText)  
 Parameter : alertText (mixed)  
             waitText (mixed) (optional) Wird waitText nicht uebergeben, so  
                      erscheint ein Alert mit einem Standardtext. Wird ein  
                      Leerstring uebergeben, so erscheint gar kein Alert.  
 Sprache   : JavaScript 1.1 (ungesichert), JavaScript 1.5 (gesichert)  
 Quelle    : http://Coding.binon.net ([e-mail])  
             Die kostenlose Nutzung der Quelltexte in eigenen Projekten ist  
             bei nicht-kommerziellen Projekten (und deren unentgeltlicher  
             Herstellung) bei Nennung der Quelle ausdruecklich gestattet.  
 InlineFunc: -  
 Konstante : -  
 Variable  : -  
 SystemVar : -  
 ExternVar : -  
 Rueckgabe : -  
 Anmerkung : Existiert kein Element mit der ID "alertH" (oder ist der Browser  
             zu alt), wird ein normaler Alert mit dem Text erzeugt).  
 Beispiele : alertH("Hello World");  
*/  
  
function alertH(alertText,waitText) {  
 var hObj;  
 if(document.getElementById && document.getElementById("alertH")) {  
  hObj=document.getElementById("alertH");  
  hObj.innerHTML='<span>'+alertText.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/\n/g,"<br>")+'</span>';  
  with(hObj.style) {  
   display="block";  
   backgroundColor="#C0C0C0";  
   color="#000000";  
   margin="10px";  
   padding="0";  
   border="1px solid";  
   borderColor="#C0C0C0 black black #C0C0C0";  
  }  
  with(hObj.firstChild.style) {  
   display="block";  
   margin="0";  
   padding="10px";  
   border="1px solid";  
   borderColor="white #808080 #808080 white";  
  }  
  if(typeof(waitText)=="undefined") { waitText="Press OK to continue!"; }  
  if(waitText!=="") { alert(waitText); }  
 } else {  
  alert(alertText);  
 }  
}  

Also alertH("Test"); schreibt "Test" ins alertH-Element und bringt einen Alert "Press OK  ...".

alertH("Test"," "); schreibt nur "Test".

Gruß, Cybaer