Java & JavaScript


Home
Applets
Scripts
   Navigation:
 · Kontextmenü
 · Linkwechsler
   Dialogboxen:
 · Alert
 · Alert 2
 · Confirm
 · Prompt
   Animation:
 · Kreis
 · Kreis 2
 · Kreis 3
 · Drei Kreise
 · Spirale
 · Planetarium
 · Globus
   Grafik-Effekte:
 · Clipping
 · Clipping 2
 · Clipping 3
 · Alpha-Clipping
 · Fading
 · Wellenmuster
 · Wellenmuster 2
   Bildschirmschoner:
 · Proto
 · Marquee
 · Donut
 · Worm
 · Mondrian
 · Pacman
   Datum & Uhrzeit:
 · Countdown
 · Countup
 · Wochentag
 · Last Modified
   Fraktale:
 · Apfelmännchen
 · Apfelmännchen 2
 · Juliamenge
 · Juliamenge 2
 · C-Wert-Generator
   Mathematik:
 · Primzahlen
 · Primzahlen 2
   Verschiedenes:
 · Dynamic Popup
 · TextArea Counter
 · Warteschleife
 · Mausschreiber
Gäste
Kontakt

- 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