Ruhrpott L-K-C

HTML CODES FÜR EUCH!!!

Text läüft von Rechts nach Links

Text läuft von Links nach Rechts

Text läuft hin und her

Text läuft von unten nach oben

Text läuft von oben nach unten

Begrüßung

Begrüßung beim betreten deiner Homepage:

Bei jedem Besucher erscheint eine andere Begrüßung:

<html> <BODY LINK=#FFFFFF TEXT=#00000 VLINK=#999999 ALINK=#00FF00 BGCOLOR=#000000> <CENTER> <SCRIPT language=JavaScript>  </SCRIPT> </HEAD> <SCRIPT language=JavaScript>  </SCRIPT> </CENTER> </BODY> </HTML>

Beim betreten der Seite wird nach dem Namen gefragt:

Fragt ob der Besucher die Seite wirklich betreten will:

Fenster

Beim drüberfahren eines Textes, öffnet sich ein Fenster:

<a href=URL EINGEBEN! onMouseOver=alert(IHRE NACHRICHT);return true;>Hier deinen Text eintragen/a>

Bei klick auf einen Button, öffnet sich ein Fenster:

<form name=form2 action=www.mauscodes.de> <input type=submit name=banner VALUE=.......Submit....... onClick=alert(check this out by mauscodetester)> </form> <script language=JavaScript> var id,pause=0,position=0; function banner() { // variables declaration var i,k,msg=www.mauscodes.de-das Paradies für Suchende; // increase msg k=(60/msg.length)+1; for(i=0;i<=k;i++) msg+= +msg; // show it to the window document.form2.banner.value=msg.substring(position,position+60); // set new position if(position++==msg.length) position=0; // repeat at entered speed id=setTimeout(banner(),150); } // end --> banner(); </script>

Passwortabfrage nach klick:

<html> <BODY TEXT=#FFFFFF LINK=#FFFFFF VLINK=#999999 ALINK=#00FF00 BGCOLOR=#000000> <Center> <script LANGUAGE=JavaScript> function dialog3() { var stop =ende stop = prompt(Der String ende beendet diese Schleife.,) while (stop != ende) { stop = prompt(Um diese Schleife zu beenden, geben Sie ende ein.,) } alert(Die Schleife ist nun beendet.) } //--> </script> <form> <div align=center><center><p><font face=Times New Roman> <input TYPE=BUTTON VALUE= Hier drücken onClick=dialog3()> </font></p> </center></div> </form> </center> </body> </html>

Message-Window:

Popup Fenster:

Good-Bye beim verlassen der Seite:

Uhrzeit

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:

Zeigt an, wann die Seite zuletzt aktualisiert wurde

Zeigt Datum, Uhrzeit und lustigen Taxt an:

Statuszeile

Euer Text in der Statuszeile:

Beweglicher Text in der Statuszeile:

<<script LANGUAGE=JavaScript>   </script>/textarea> <textarea cols=50 rows=3><html> <BODY TEXT=#FFFFFF LINK=#FFFFFF VLINK=#999999 ALINK=#00FF00 BGCOLOR=#000000 onload=pingpong();> <Center> <script language=JavaScript>  </script> </head> </center> </body> </html>

Text in der Statuszeile bewegt sich hin und her:

Ganze Sätze bauen sich in der Statuszeile auf:

In der Statuszeile wird angezeigt das die Festplatte formatiert wird:

Scrollbar

Scrollbarfarben ändern:

<STYLE>BODY { scrollbar-face-color: red; SCROLLBAR-TRACK-COLOR: blue; scrollbar-arrow-color: black; scrollbar-base-color: #ffff33; scrollbar-shadow-color : #33cc99; SCROLLBAR-3DLIGHT-COLOR: #ff33ff; SCROLLBAR-DARKSHADOW-COLOR: #33ffff; scrollbar-highlight-color: white; } </STYLE>

Scrollbar wechselt beim bewegen die Farbe:

Scrollbar wechselt ständig die Farbe:

<html> <body bgcolor=#000000 text=#ffffff link=#ccff88 vlink=ccff88 alink=#ccff88> <script> // (C) 2000 by CodeLifter.com // http://www.codelifter.com // Free for all users, but leave in this header // blink speed in miliseconds var rate = 333; // true to start automatically, else false var DoIt = true // the three blink colors var Color1 = #FF0000 var Color2 = #00FF00 var Color3 = #0000FF // the color if/when turned off var ColorX = #C0C0C0 var i = 0; function doTriStateRainbow(){ if (document.all){ if (DoIt){ i++; if (i==1) C = Color1 if (i==2) C = Color2 if (i==3) C = Color3 document.body.style.scrollbarBaseColor = C if (i>2) i=0; timer=setTimeout(doTriStateRainbow(), rate) }else{ document.body.style.scrollbarBaseColor = ColorX } } } </script> <body onload=doTriStateRainbow()> Blinkende Scroll-Leiste aus und an schalten<BR> <a href=# onClick=DoIt=false>AUS</a> / <a href=# onClick=DoIt=true;doTriStateRainbow()>AN</a> <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> </body></html>

Cookies

Diese Codes müssen zwischen <head> und </head> eingefügt werden

mit Hilfe eines Cookies werden Besucher auf eine bestimmt Webseite umgeleitet

<SCRIPT LANGUAGE=JavaScript>  </script> zwischen <BODY> und </BODY> Die Verwendung des Formulars ist optional. Hier kann ein Besucher anklicken, auf welche Seite er zukünftig direkt umgeleitet werden möchte. <center> <form> <table><tr><td> Please choose your Favorite Pet:<br> <input type=checkbox name=cat onClick=SetCookie(animal, this.name, exp);>Cat<br> <input type=checkbox name=dog onClick=SetCookie(animal, this.name, exp);>Dog<br> <input type=checkbox name=gerbil onClick=SetCookie(animal, this.name, exp);>Gerbil<br> <input type=checkbox name=gopher onClick=SetCookie(animal, this.name, exp);>Gopher<br> </td></tr> </table> </form> </center>

Ein Kalender, der Termine und Reminder in Cookies speichert

Ein Cookie merkt sich die Anzahl der persönlichen Besuche einer Webseite

Ein Cookie merkt sich den letzten Besuch eines Surfers

<SCRIPT LANGUAGE=JavaScript1.1 SRC=cookie1.js></SCRIPT> zwischen <body> und </body> <SCRIPT LANGUAGE=JavaScript1.1> // today var now = new Date(); // one year in milliseconds var one_year = 365*24*60*60*1000; // one hour in milliseconds var one_hour = 1*60*60*1000; // expires in one year from now on var expire_date = new Date(); expire_date.setTime(now.getTime()+one_hour); var cookie_val = GetCookie(nf_java_intro); if (cookie_val) { var last_visit = new Date(); last_visit.setTime(cookie_val); document.writeln(Ihr letzter Besuch war am: ,last_visit.toLocaleString(),<br>); document.writeln(Aktuelles Datum: ,now.toLocaleString(),<p>); } else { document.writeln(Dies ist Ihr erster Besuch.<p>); } SetCookie (nf_java_intro, now.getTime(), expire_date, /); //--> </SCRIPT>

mit Hilfe eines Cookies wird ein Popup- Fenster nur einmal geöffnet

<SCRIPT LANGUAGE=JavaScript>  </script> IN den <BODY> Tag OnLoad=checkCount()

cookiegesteuerte ToDo- Liste

<SCRIPT LANGUAGE=JavaScript>  </script> zwischen <BODY> und </BODY> <b><center><big>To Do Liste</big><center></b> <hr><br> <table width=100%> <SCRIPT LANGUAGE=JavaScript>  </SCRIPT> </table> <br><hr> <center> <a href=javascript:AddItem()>hinzufügen</a> </center>

Ein Cookie merkt sich den Namen des Besuchers und begrüßt ihn beim nächsten Seitenaufruf damit.

Hintergrund

Ein Vorhang öffnet sich beim betreten der Seite:

Es regnet Feuer:

<SCRIPT language=JavaScript1.2> var no = 5; // snow number var speed = 7; // smaller number moves the shamrocks faster var snowflake = http://www.Verweis vom Autor nicht erlaubt/java/jscript/fire.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=></layer>); } else { document.write(<layer name=dot+ i + left=15 ); document.write(top=15 visibility=show><img src=); document.write(snowflake + border=></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=></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=></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>

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=></layer>); } else { document.write(<layer name=dot+ i + left=15 ); document.write(top=15 visibility=show><img src=); document.write(snowflake + border=></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=></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=></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:

Es regnet Hanf-Blätter:

<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/members13/-mauscodes-/gras.jpg; 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=></layer>); } else { document.write(<layer name=dot+ i + left=15 ); document.write(top=15 visibility=show><img src=); document.write(snowflake + border=></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=></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=></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>

Herze fallen auf deiner Homepage herunter: