- JavaScript : Dialogboxen : Alert 2 -

Eine konfigurierbare Alertbox mit JavaScript inklusive Scroll-Funktion.

Erfolgreich getestet mit Internet Explorer 5.5 und 6.0.

In allen nicht-kompatiblen Browsern erscheint weiterhin die graue Standart-Alertbox.

Demo:  Hier

In den head kommt nur: <script language="JavaScript" src="Alert2.js"></script>

Und aufgerufen wird die Alertbox einfach mit: showAlert('Titel','Text ...')

Der JavaScript-Quellcode von Alert_2.js:
(Layoutangaben unvollständig)

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>"+
          "<tr><td"+
            "<input type='text' name='titleelement'>"+
          "</td></tr>"+
          "<tr><td>"+
             "<textarea name='textelement'></textarea>"+
          "</td></tr>"+
          "<tr><td>"+
            "<input type='button' value='OK' onclick='hideAlert()'>"+
          "</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+"\n\n"+text);
}

function hideAlert() {
  document.getElementById("alert").style.top=-500;
}

Download  Alert_2.zip (ca. 1,5 kb)

© 2001-2004 Albert Kluge - Alle Rechte vorbehalten
Impressum | Datenschutz | Nutzung | eMail