Extra

Popup Fenster:
<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

Kopierschutz mit Warnung:
<script language="JavaScript"> function click() {if (event.button==2) {alert('Warntext')}} document.onmousedown=click </script>

Kopierschutz ohne Warnung:
<br> <script language=JavaScript> var message=""; function clickIE() {if (document.all) {(message);return false;}} function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);return false;}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;} </script></br>

Markiersperre:
<br> <script language="JavaScript1.2"> function disableselect(e){ return false } function reEnable(){ return true } document.onselectstart=new Function ("return false") if (window.sidebar){ document.onmousedown=disableselect document.onclick=reEnable } </script></br>

Text schwenkt hin und her:
<div align="center"><MARQUEE behavior=alternate>text</marquee>

Blinkender Text:
<script language="JavaScript">  </script> </head> <body> <h1 align="center"><font size="3"></font></h1> <p align="center"> </p> <ol> <h1 align="center"><font color="#FF0000"><b><blink><span id="blink">Blinktext</span></blink></b></font><br> <script language="JavaScript">  </script>

Text leuchtet:
<style>  </style> <script language="JavaScript1.2"> function glowit(which){ if (document.all.glowtext[which].filters[0].strength==3) document.all.glowtext[which].filters[0].strength=2 else document.all.glowtext[which].filters[0].strength=3 } function glowit2(which){ if (document.all.glowtext.filters[0].strength==3) document.all.glowtext.filters[0].strength=2 else document.all.glowtext.filters[0].strength=3 } function startglowing(){ if (document.all.glowtext&&glowtext.length){ for (i=0;i<glowtext.length;i++) eval('setInterval("glowit('+i+')",150)') } else if (glowtext) setInterval("glowit2(0)",150) } if (document.all) window.onload=startglowing </script> <table width="50%" border="0"> <tr> <td> <p align="center"><span id="glowtext"><big><big><a href="http://www.moc.de.cx" target="_top"><font size="1" face="Arial">Dieser Link leuchtet!</font></a></big></big></span><font size="1" face="Arial"><big><big><br> <span id="glowtext">Dieser Text leuchtet auch!</span></big></big></font></p> <p align="center"><font size="1" face="Verdana"><big> <script language="JavaScript1.2"> function changesettings(){ if (document.all){ if (document.body.style.cssText==''||document.body.style.backgroundColor=='white') document.body.style.cssText="background-color:black;color:white" else document.body.style.cssText="background-color:white;color:black" } } </script> <a href="javascript:changesettings()">Hintergrund wechseln</a></big></font></p> </td> </tr> </table> <p align="center"> </p>

Text wird am Ende dunkel:
<Center> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <STRONG> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </STRONG> </center>

Regenbogentext:
<script> function MakeArray(n){ this.length=n; for(var i=1; i<=n; i++) this[i]=i-1; return this } hex=new MakeArray(16); hex[11]="A"; hex[12]="B"; hex[13]="C"; hex[14]="D"; hex[15]="E"; hex[16]="F"; function ToHex(x){ var high=x/16; var s=high+""; s=s.substring(0,2); high=parseInt(s,10); var left=hex[high+1]; var low=x-high*16; s=low+""; s=s.substring(0,2); low=parseInt(s,10); var right=hex[low+1]; var string=left+""+right; return string; } function rainbow(text){ text=text.substring(3,text.length-4); color_d1=255; mul=color_d1/text.length; var page for(i=0;i<text.length;i++){ color_d1=255*Math.sin(i/(text.length/3)); // some other things you can try>> "=255-mul*i" to fade out, "=mul*i" to fade in, or try "255*Math.sin(i/(text.length/3))" color_h1=ToHex(color_d1); color_d2=mul*i; color_h2=ToHex(color_d2); page = '<FONT COLOR="#FF' + color_h1+color_h2+ '">' page += text.substring(i,i+1)+ '</FONT>'; document.write(page) } } </script> <script LANGUAGE="JavaScript"> rainbow("-->Wow - das ist ein Regenbogentext!!! </script>

Wellentext:
<div id="welle" style="width:100%; font-size:50pt; color:#FF0000; filter:Wave(freq=1, light=50, phase=50, strength=1);">Hier kommt dann euer Text rein.</div> <script language="JavaScript">  </script>

Newsticker mit deinem Text:
<Html> <BODY TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000" onload="marquee()"> <Center> <script language="JavaScript">  </script> <form name="marqueeform"> <input type="text" name="marquee" size="30"> </form> </center> </body> </html>

Dein Text in einem Rahmen:
<Center> <HEAD><script language="JavaScript">  </script> <form name="form1"> <input type="text" size="65" name="textfeld" value=" Willkommen " style="font-weight: normal; color: black; background-color: white; font-family: Arial; font-size: 9pt"> </form> </center> </body> </html>

Ein Vorhang öffnet sich beim betreten der Seite:
<style>  </style> zwischen <body> und <IMG src="http://www.mytoday.de/cgi-bin/ivw/CP/musik/member/firewalkership-hophp/Vorhang_2.htm?53287" WIDTH="1" HEIGHT="1" ALT=""> </body> <div id="i1" class="intro" align="center"></div> <div id="i2" class="intro" align="center"></div> <div id="i3" class="intro" align="center"></div> <div id="i4" class="intro" align="center"></div> <div id="i5" class="intro" align="center"></div> <div id="i6" class="intro" align="center"></div> <div id="i7" class="intro" align="center"></div> <div id="i8" class="intro" align="center"></div> <script language="JavaScript1.2"> var speed=20 var temp=new Array() var temp2=new Array() if (document.layers){ for (i=1;i<=2;i++){ temp[i]=eval("document.i"+i+".clip") temp2[i]=eval("document.i"+i) temp[i].width=window.innerWidth/2 temp[i].height=window.innerHeight temp2[i].left=(i-1)*temp[i].width}} else if (document.all){ var clipright=document.body.clientWidth/2,clipleft=0 for (i=1;i<=2;i++){ temp[i]=eval("document.all.i"+i+".style") temp[i].width=document.body.clientWidth/2 temp[i].height=document.body.offsetHeight temp[i].left=(i-1)*parseInt(temp[i].width)}} function openit(){ window.scrollTo(0,0) if (document.layers){ temp[1].right-=speed temp[2].left+=speed if (temp[2].left>window.innerWidth/2) clearInterval(stopit)} else if (document.all){ clipright-=speed temp[1].clip="rect(0 "+clipright+" auto 0)" clipleft+=speed temp[2].clip="rect(0 auto auto "+clipleft+")" if (clipright<=0) clearInterval(stopit)}} function gogo(){stopit=setInterval("openit()",100)} gogo() </script>

Es schneit auf der Homepage:
<SCRIPT language=JavaScript1.2> var no = 12; // snow number var speed = 6; // smaller number moves the shamrocks faster var snowflake = "http://www.beepworld.de/memberdateien/members7/terminator123/strudel3.gif"; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*0; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); document.write(snowflake + "\" border=\"0\"></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); document.write(snowflake + "\" border=\"0\"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } </SCRIPT>

Leuchtkranz fliegt über den Bildschirm:
<script language="JavaScript">  </script>

Leuchtende Punkte fliegen in die Mitte:
<script language="JavaScript">  </script>

Bei klick scrollt das Fenster automatisch nach unten:
<html> <BODY TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000"> <Center> <script Language="JavaScript">  </script> <title>JavaScript Beispiel - Scrollen auf Buttonklick</title> </head> <p align="center"><br> <big><big><big>JavaScript Beispiel - Scrollen per Mausklick</big></big></big></p> <form> <div align="center"><center><p><input type="button" value="Klicke hier um zu Scrollen" onClick="scrollit()"> </p> </center></div> </form> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p align="center"><big><strong>Is doch ganz nett oder?</strong></big></p> </center> </body> </html>

Hintergrund auf einer einzelnen Seite:
<body background=http://www.adresse-des-bildes.jpg>

Unbeweglicher Hintergrund:
<br><body background=http://www.adresse-zum-hintergrund.jpg bgcolor="#000000" text="#0000FF" <br>bgproperties="fixed">

Zurück-Button:
<a href="javascript:history.back()"onMouseOver="window.status='Zurück';return true;" onMouseOut="window.status=''">Zurrück</a>

Vor-Button:
<a href="javascript:history.forward()"onMouseOver="window.status='Vorwärts';return true;" onMouseOut="window.status=''">Vor</a>

Taschenrechner:
<script language="JavaScript">  </script> <center> <h1>Rechner</h1> <form name="Rechner"> <div align="center"><table border="10" cellpadding="10" bgcolor="#C0C0C0"> <tr> <td bgcolor="#8C8C8C"><input type="text" size="30" maxlength="30" name="Display"></td> </tr> <tr> <td><table border="0"> <tr> <td width="50"><input type="button" value=" 7 " onclick="Hinzufuegen('7')"></td> <td width="50"><input type="button" value=" 8 " onclick="Hinzufuegen('8')"></td> <td width="70"><input type="button" value=" 9 " onclick="Hinzufuegen('9')"></td> <td width="50"><input type="button" value=" + " onclick="Hinzufuegen('+')"></td> </tr> <tr> <td width="50"><input type="button" value=" 4 " onclick="Hinzufuegen('4')"></td> <td width="50"><input type="button" value=" 5 " onclick="Hinzufuegen('5')"></td> <td width="70"><input type="button" value=" 6 " onclick="Hinzufuegen('6')"></td> <td width="50"><input type="button" value=" - " onclick="Hinzufuegen('-')"></td> </tr> <tr> <td width="50"><input type="button" value=" 1 " onclick="Hinzufuegen('1')"></td> <td width="50"><input type="button" value=" 2 " onclick="Hinzufuegen('2')"></td> <td width="70"><input type="button" value=" 3 " onclick="Hinzufuegen('3')"></td> <td width="50"><input type="button" value=" * " onclick="Hinzufuegen('*')"></td> </tr> <tr> <td width="50"><input type="button" value=" = " onclick="Ergebnis()"></td> <td width="50"><input type="button" value=" 0 " onclick="Hinzufuegen('0')"></td> <td width="70"><input type="button" value=" . " onclick="Hinzufuegen('.')"></td> <td width="50"><input type="button" value=" / " onclick="Hinzufuegen('/')"></td> </tr> <tr> <td width="50"><input type="button" value=" sqr " onclick="Sonderfunktion('sqrt')"></td> <td width="50"><input type="button" value=" ² " onclick="Sonderfunktion('pow')"></td> <td width="70"><input type="button" value=" log " onclick="Sonderfunktion('log')"></td> <td width="50"><input type="reset" value=" C "></td> </tr> </table> </td> </tr> </table> </center></div> </form>

Button um Quelltext anzusehen:
<form> <p align="left"><font face="Verdana" size="1"> <input type="button" value="Quelltext ansehen" onclick="window.location = "view-source:" + window.location.href"> </font></p> </form>

Button um Seite zu drucken:
<style TYPE="text/css">  </style> </head> <p><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><script language="Javascript1.2">  </script> </font></p>

Zeigt an, wie oft der Besucher schon auf der Seite war:
<script LANGUAGE="JavaScript"> function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null; } function SetCookie (name, value) { var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : ""); } function DeleteCookie (name) { var exp = new Date(); exp.setTime (exp.getTime() - 1); var cval = GetCookie (name); document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString(); } var expDays = 30; var exp = new Date(); exp.setTime(exp.getTime() + (expDays*24*60*60*1000)); function amt(){ var count = GetCookie('count') if(count == null) { SetCookie('count','1') return 1 } else { var newcount = parseInt(count) + 1; DeleteCookie('count') SetCookie('count',newcount,exp) return count } } function getCookieVal(offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } </SCRIP> <SCRIPT LANGUAGE="JavaScript"> document.write("Du warst schon <b>" + amt() + "</b>x hier.") </SCRIPT >

Grauer Bilderrahmen um Bilder:
<table border=1 cellpadding=2 cellspacing=0 bgcolor=#000000><tr><td> <table border=1 cellpadding=2 cellspacing=0 bgcolor=#999999><tr><td> <table border=1 cellpadding=2 cellspacing=0 bgcolor=#C0C0C0><tr><td> <table border=1 cellpadding=2 cellspacing=0 bgcolor=#C0C0C0><tr><td><img src=urls/name-des-bildes.gif></td></tr> </table></td></tr> </table></td></tr> </table></td></tr> </table>

Zeigt die Uhrzeit an:
<body onload="DigitalTime()""> <div align="left"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="100%" height="30"><span id="liveclock" style="position:absolute;left:10px;top:10px;"><script language="JavaScript"></script></span></td> </tr> </table> </div>

Zeigt die Uhrzeit in einem Kasten an:
<script language="JavaScript"> // </script> <form NAME="uhr"> <b><p><input TYPE="text" NAME="zeit" SIZE="10" VALUE></p> </b> </form> <script LANGUAGE="JavaScript"> // </script>

Zeigt an wann die Seite zuletzt aktualisiert wurde:
<script LANGUAGE="JavaScript">  function initArray() { this.length = initArray.arguments.length for (var i = 0; i < this.length; i++) this[i+1] = initArray.arguments[i] } var DOWArray = new initArray("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"); var MOYArray = new initArray("Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"); var LastModDate = new Date(document.lastModified); var Name = navigator.appName;  document.write("letzte Änderung: "); document.write(DOWArray[(LastModDate.getDay()+1)],", ");  document.write(MOYArray[(LastModDate.getMonth()+1)]," ");  if ( Name == "Netscape" ) { document.write(LastModDate.getDate(),", ",(LastModDate.getYear()+1900));  } else { document.write(LastModDate.getDate(),", ",(LastModDate.getYear()));  } document.write("."); </script>

Zeigt Datum, Uhrzeit und lustigen Text an:
<script language="JavaScript">  </script>

Link öffnet sich im Frame:
<a href="http://www.deine-adresse.de" target=mainframe>Link-Text</a>

Link öffnet sich in einem neuen Fenster:
<a href=http://www.die-homepage-adresse.de target="_blank">Dein Link Text</a>

Link über Bild öffnet sich im Frame:
<a href=http://www.name-unterseite.de target="mainframe"><img src=URL des Bildes></a>

Link über Bild öffnet sich in einem neuen Fenster:
<p align=center><a href="http://www.deine-adresse.de" target=_blank><IMG border=0 src="URL des Bildes"></a></p>

Link ändert die Farbe beim drüber fahren:
<STYLE fprolloverstyle>A:hover { FONT-WEIGHT: bold; COLOR: #ff0000 } </STYLE> </HEAD> <BODY vLink=#666699 aLink=#000000 link=#ca7900 bgColor=#ffffff> </BODY><FONT face="Times New Roman" size=2><B><A style="TEXT-DECORATION: none" href="www.mauscodes.de">Test-Link </A> </B></FONT> <BODY vLink=#666699 aLink=#000000 link=#ca7900 bgColor=#ffffff> <p> </p> </BODY></HTML></p> <p> </body> </html>

Kein blauer Rand um verlinkte Bilder:
<IMG src=http://www.adresse-des-bildes.de/bild.jpg border=0>

Nicht berühren Link um Besucher zu ärgern:
<a href="#" onMouseover="alert('Warum fährst Du mit der Maus hierer?'); alert('Ich habe Dir nicht gesagt, daß Du das darfst!'); alert('Ich glaube, Du solltest mir eine Entschuldigung mailen!'); alert('Ja, das solltest Du besser gleich tun bevor ich böse werde!!!'); window.location.href=('mailto:name@provider.de?subject=Tut mir leid!')" target=" _top">NICHT BERÜHREN !!!!!!!!!</a> </p>

Link wird dicker beim drüber fahren:
<P align=left><A onmouseover="this.style.fontWeight='bold';" style="FONT-WEIGHT: normal; COLOR: navy; FACE: Metro" onmouseout="this.style.fontWeight='normal';" target=blank href="http://www.beepworld-hilfe.de" FONT-WEIGHT: normal?><FONT face="Comic Sans MS" size=4>Test-Link</FONT></A></P>

Ein Button der ständig die Links wechselt:
<html> <BODY TEXT="#FFFFFF" BGCOLOR="#000000" onLoad="StartShow()" onUnload"StopShow()"> <Center> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <FORM name="formDisplay"> <INPUT TYPE="button" NAME="buttonFace" VALUE="&{lineText};" onClick="GotoUrl(urlArr[lineNo])"></INPUT> </FORM> </body> </html>