JavaScript - Beispiel-Quelltext



<HTML>
<HEAD>
<TITLE>JavaScript - Übungen</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
// Hier beginnen die JavaScript-Anweisungen

  // Gruene und rote Pinnadel laden
  var ovr = new Image();
  ovr.src = "../img/js-ovr.gif";
  var out = new Image();
  out.src = "../img/js-out.gif";
  
// Hier enden die JavaScript-Anweisungen
// -->
</SCRIPT>
</HEAD>


<BODY BGCOLOR="yellow" TEXT="red" LINK="red" ALINK="green" VLINK="red" onLoad='alert("Herzlich Willkommen\nauf der Fachbereichsseite\nder FH Fulda"); return false;' onUnload='alert("Auf Wiedersehen!\nBis zum nächsten Mal!");return false;'>
<H1>Die Fachbereiche der FH Fulda</H1>
<HR>
<FONT SIZE="5">
<IMG NAME="ai" HSPACE=8 SRC="../img/js-out.gif"><A HREF="http://www.fh-fulda.de/fb/ai" onMouseOver="window.document.ai.src=ovr.src;return true;" onMouseOut="window.document.ai.src=out.src;return true;">Angewandte Informatik</A><BR>
<IMG NAME="et" HSPACE=8 SRC="../img/js-out.gif"><A HREF="http://www.fh-fulda.de/fb/et" onMouseOver="window.document.et.src=ovr.src;return true;" onMouseOut="window.document.et.src=out.src;return true;">Elektrotechnik</A><BR>
<IMG NAME="he" HSPACE=8 SRC="../img/js-out.gif"><A HREF="http://www.fh-fulda.de/fb/he" onMouseOver='window.document.bgColor="#ff0000";window.document.he.src=ovr.src;return true;' onMouseOut='window.document.bgColor="#ffff00";window.document.he.src=out.src;return true;' onClick='alert("Nee! Nee! Nee!\nDa gehts nicht weiter!");return false;'>Haushalt und Ernährung</A><BR>
<IMG NAME="lt" HSPACE=8 SRC="../img/js-out.gif"><A HREF="http://www.fh-fulda.de/fb/lt" onMouseOver="window.document.lt.src=ovr.src;return true;" onMouseOut="window.document.lt.src=out.src;return true;">Lebensmitteltechnologie</A><BR>
<IMG NAME="pg" HSPACE=8 SRC="../img/js-out.gif"><A HREF="http://www.fh-fulda.de/fb/pg" onMouseOver="window.document.pg.src=ovr.src;return true;" onMouseOut="window.document.pg.src=out.src;return true;">Pflege und Gesundheit</A><BR>
<IMG NAME="sk" HSPACE=8 SRC="../img/js-out.gif"><A HREF="http://www.fh-fulda.de/fb/sk" onMouseOver="window.document.sk.src=ovr.src;return true;" onMouseOut="window.document.sk.src=out.src;return true;">Sozial- und Kulturwissenschaften</A><BR>
<IMG NAME="sw" HSPACE=8 SRC="../img/js-out.gif"><A HREF="http://www.fh-fulda.de/fb/sw" onMouseOver="window.document.sw.src=ovr.src;return true;" onMouseOut="window.document.sw.src=out.src;return true;">Sozialwesen</A><BR>
<IMG NAME="w"  HSPACE=8 SRC="../img/js-out.gif"><A HREF="http://www.fh-fulda.de/fb/w"  onMouseOver="window.document.w.src=ovr.src;return true;"  onMouseOut="window.document.w.src=out.src;return true;" >Wirtschaft</A><BR>
</FONT>
<HR>
<CENTER>
<A HREF="http://www.fh-fulda.de/fb/ai" onMouseOver="ai.src=ovr.src;return true;" onMouseOut="ai.src=out.src;return true;">Angewandte Informatik</A> &nbsp; &nbsp; &nbsp;
<A HREF="http://www.fh-fulda.de/fb/et" onMouseOver="et.src=ovr.src;return true;" onMouseOut="et.src=out.src;return true;">Elektrotechnik</A> &nbsp; &nbsp; &nbsp;
<A HREF="http://www.fh-fulda.de/fb/he" onMouseOver='window.document.bgColor="#ff0000";window.document.he.src=ovr.src;return true;' onMouseOut='window.document.bgColor="#ffff00";window.document.he.src=out.src;return true;' onClick='alert("Nee! Nee! Nee!\nDa gehts nicht weiter!");return false;'>Haushalt und Ernährung</A> &nbsp; &nbsp; &nbsp;
<A HREF="http://www.fh-fulda.de/fb/lt" onMouseOver="lt.src=ovr.src;return true;" onMouseOut="lt.src=out.src;return true;">Lebensmitteltechnologie</A> &nbsp; &nbsp; &nbsp;
<A HREF="http://www.fh-fulda.de/fb/pg" onMouseOver="pg.src=ovr.src;return true;" onMouseOut="pg.src=out.src;return true;">Pflege und Gesundheit</A> &nbsp; &nbsp; &nbsp;
<A HREF="http://www.fh-fulda.de/fb/sk" onMouseOver="sk.src=ovr.src;return true;" onMouseOut="sk.src=out.src;return true;">Sozial- und Kulturwissenschaften</A> &nbsp; &nbsp; &nbsp;
<A HREF="http://www.fh-fulda.de/fb/sw" onMouseOver="sw.src=ovr.src;return true;" onMouseOut="sw.src=out.src;return true;">Sozialwesen</A> &nbsp; &nbsp; &nbsp;
<A HREF="http://www.fh-fulda.de/fb/w"  onMouseOver="w.src=ovr.src;return true;"  onMouseOut="w.src=out.src;return true;" >Wirtschaft</A>
</CENTER>
<HR>
</BODY>
</HTML>