Hewalno Hun bixer hatin - **HTML CODES**

HTML CODES FÜR EUCH!!!

Schrift II

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=\"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>

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>

Leuchtk