JavaScript Kodları 1

Backgorund Efekti	Status Bar Efekti
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function blinkit(){ intrvl=0; for(nTimes=0;nTimes<3;nTimes++){ intrvl += 200; setTimeout("document.bgColor='#0000FF';",intrvl); intrvl += 200; setTimeout("document.bgColor='#FFFFFF';",intrvl); } } // End --> </SCRIPT> <!-- Add this form to the body of the HTML document --> <BODY> <CENTER> <FORM> <INPUT TYPE="BUTTON" VALUE="Blink" onClick="blinkit()"> </FORM> <!-- END OF SCRIPT -->	<!-- START OF SCRIPT --> <!-- For more scripts visit http://www.netpedia.com --> <script language="JavaScript"> <!-- Funny text script by Bart Jellema var hellotext="What do you think of this?" var thetext="" var started=false var step=0 var times=1 function welcometext() { times-- if (times==0) { if (started==false) { started = true; window.status = hellotext; setTimeout("anim()",1); } thetext = hellotext; } } function showstatustext(txt) { thetext = txt; setTimeout("welcometext()",4000) times++ } function anim() { step++ if (step==7) {step=1} if (step==1) {window.status='>==='+thetext+'===<'} if (step==2) {window.status='=>=='+thetext+'==<='} if (step==3) {window.status='>=>='+thetext+'=<=<'} if (step==4) {window.status='=>=>'+thetext+'<=<='} if (step==5) {window.status='==>='+thetext+'=<=='} if (step==6) {window.status='===>'+thetext+'<==='} setTimeout("anim()",200); } // Funny text script by Bart Jellema --> </script> </HEAD> <BODY onLoad="welcometext()"> <!-- END OF SCRIPT -->
Mesaj Kutusu	Sayaç
<!-- START OF SCRIPT --> <!-- For more scripts visit http://www.netpedia.com --> <HTML><HEAD><TITLE>Alert</TITLE></HEAD> <BODY bgcolor="ffffff"> <script language="JavaScript"> alert("Sayfama Hoşgeldin"); </script> <!-- END OF SCRIPT -->	<!-- START OF SCRIPT --> <!-- For more scripts visit http://www.netpedia.com --> <HTML> <HEAD> <TITLE>Browser Counter Example 2</TITLE> <SCRIPT> // for viewing source code // by Timothy (timothy@essex1.com) <!---Activate Cloaking Device function WinOpen() { alert('\nPage will load to full screen.\n\nUse View/Document Source from menu bar to view source.\n\nClose new window to return to this page. '); window.open("brow_count2.html","DisplayWindow","menubar=yes"); window.open("brow_count2.html","DisplayWindow","menubar=yes"); // double for Macs } //De-activate cloaking--> </SCRIPT> <SCRIPT> <!--Activate Cloaking Device // function to load a page // by Timothy (timothy@essex1.com) function leapto() { window.location="brow_count2.html" } //De-activate cloaking--> </SCRIPT> <Script> <!-- Activate Cloaking // // JavaScript to calculate visits using cookies. // Copyright (c) Kenneth Norton, T3 (ken@t3.com) // // Public Domain Cookie Functions // Written by: Bill Dortch, hIdaho Design (bdortch@netw.com) // function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } 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 = (2 < argc) ? argv[2] : null; var path = (3 < argc) ? argv[3] : null; var domain = (4 < argc) ? argv[4] : null; var secure = (5 < argc) ? 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 to diplay info // by Timothy (timothy@essex1.com) function DisplayInfo() { var expdate = new Date(); var visit; // Set expiration date to a year from now. expdate.setTime(expdate.getTime() + (24 * 60 * 60 * 1000 * 365)); if(!(visit = GetCookie("visit"))) visit = 0; visit++; SetCookie("visit", visit, expdate, "/", null, false); var message; if(visit == 1) message=" Welcome to my page!"; if(visit== 2) message=" I see you came back !"; if(visit == 3) message=" Oh, it's you again!"; if(visit == 4) message=" You must be curious!"; if(visit == 5) message=" You're practically a regular!"; if(visit == 6) message=" You need a hobby!"; if(visit == 7) message=" Nothing better to do?"; if(visit == 8) message=" Don't you ever sleep?"; if(visit == 9) message=" Get a life!!!"; if(visit >= 10) message=" Rent is due on the 1st of the month!"; alert("\n"+"Your browser has visited this page \n" +" "+visit+"\n" +" time(s)."+"\n"+"\n" +message); } // Function to reset counts // by Timothy (timothy@essex1.com) function ResetCounts() { var expdate = new Date(); expdate.setTime(expdate.getTime() + (24 * 60 * 60 * 1000 * 365)); visit = 0; SetCookie("visit", visit, expdate , "/", null, false); leapto(); } // De-activate Cloaking --> </Script> <SCRIPT LANGUAGE="JavaScript"> <!-- var location1=document.url; // --> </SCRIPT> </HEAD> <BODY onload="DisplayInfo()" BGCOLOR="#ffffff" TEXT="#000000" LINK="#FF0000" VLINK="#8000FF" ALINK="#FFFF00"> <CENTER><STRONG><EM> <FONT COLOR=0000FF SIZE=+5>B</FONT><FONT COLOR=0000FF SIZE=+3>ROWSER </FONT><FONT COLOR=0000FF SIZE=+5>C</FONT><FONT COLOR=0000FF SIZE=+3>OUNTER</FONT> </EM></STRONG></CENTER> <HR WIDTH=370 ALIGN=center SIZE=2> <BR><BR> <CENTER><STRONG>Using an Alert Box as page loads.</STRONG></CENTER> <BR><BR> <FORM> <CENTER> <TABLE BORDER=0 CELLSPACING=8 CELLPADDING=4 WIDTH=250> <TR> <TD align="center"><INPUT NAME="update" TYPE="BUTTON" VALUE="Revisit Page" OnClick="location.href=document.location"></TD> <TD align="center"><INPUT NAME="reset" TYPE="BUTTON" VALUE="Reset Counter" OnClick="ResetCounts()"></TD> </TR> </TABLE> </CENTER> </FORM> <!-- END OF SCRIPT -->
Animasyon	Java Script HTML Editörü
<!-- START OF SCRIPT --> <!-- For more scripts visit http://www.netpedia.com --> <script language="JavaScript"> <!--- hide script from old browsers var CurrentMsg = 'hello '; function update(msg) { var pad_str=""; n = msg.length; if(n<72) { pad = (73-n)/2; for(var i=0; i<pad; i++) { pad_str+=" "; } } CurrentMsg = pad_str + msg; document.messages.field.value = CurrentMsg; clearTimeout(timer); timer = setTimeout("idleMsg()",1500); } function MakeArray(n) { this.length=n; for(var i = 1; i<= n; i++) { this[i] = ""; } return(this); } var index = 1; var notice_num = 9; var notices = new MakeArray(notice_num); notices[1] = "Put you first message here"; notices[2] = "Put your second message here"; notices[3] = "You can adjust the speed too"; notices[4] = "were it says (\"idleMsg()\",1500) is the speed"; notices[5] = "make the number higher for faster"; notices[6] = "make it lower for slower"; notices[7] = "here is another message "; notices[8] = "Bye"; var timer = setTimeout('idleMsg()',1500); function nochange() { document.messages.field.value = CurrentMsg; } function idleMsg() { update(notices[index++]); if(index>notice_num) { index=1; } } // end hiding from old browsers--> </script> </HEAD> <CENTER> <form name="messages" onSubmit="return false"> <input type="text" name="field" size=73 value=" Hi" onFocus="self.status='This is a JavaScript information data field'; return true" onChange="nochange()"> </form> </CENTER> <!-- END OF SCRIPT -->	<!-- START OF SCRIPT --> <!-- For more scripts visit http://www.netpedia.com --> <HTML> <HEAD><TITLE>Pagemaker</Title></HEAD> <BODY BGCOLOR=#FFFFFF> <Center><H1>Pagemaker</H1></Center> <Script language="Javascript"> <!-- var body=0; linkvar = 0; function colors() { body=1; document.Form1.none.value=document.Form1.none.value + '<Body BGcolor=' + document.Form1.Bgcolor.options[document.Form1.Bgcolor.selectedIndex].value + '\rTEXT=' + document.Form1.text.options[document.Form1.text.selectedIndex].value + '\rVlink=' + document.Form1.vlink.options[document.Form1.vlink.selectedIndex].value + '\rAlink=' + document.Form1.alink.options[document.Form1.alink.selectedIndex].value + '\rLink=' + document.Form1.links.options[document.Form1.links.selectedIndex].value + '>' } function Background(hexNumber) { document.bgColor=hexNumber } function list(type) { num = prompt('How many list items', ""); if (num != "" \|\| null) {document.Form1.none.value=document.Form1.none.value + '<' + type+ '>\r'} for (i = 0; i < num; i++){ item=prompt('please type an item',""); if (item != "" \|\| null) { document.Form1.none.value=document.Form1.none.value + '<LI>' + item + '\r'} } document.Form1.none.value=document.Form1.none.value + '</' + type + '>\r' } function prompt2(String , msg, tags, tags2) { String=prompt(msg, ""); if (String != "" \|\| null) {document.Form1.none.value=document.Form1.none.value + tags + String + tags2 + '\r' } } function prompt3(String , msg, tags, tags2) { String=prompt(msg, ""); if (String != "" \|\| null) {document.Form1.none.value=document.Form1.none.value + tags + '"' + String + '"' + tags2 + '\r' } } function addlink() { var L=prompt('Type the complete address of the link',""); var N=prompt('type the name of the link as you want it to be shown on the page',""); if (L \|\| N != "" \|\| null) {document.Form1.none.value=document.Form1.none.value + '<A HREF="' + L + '">' + N + '</A>' + '\r' } } function end() { if (body == 0) { addtag('</HTML>') } else { addtag('</BODY></HTML>') } } function writ() { f = window.open(); f.document.write(document.Form1.none.value); f.document.close(); } function addtag(tag) { document.Form1.none.value=document.Form1.none.value + tag + '\r' } function hr() { var size=prompt('what size HR',""); if (size != "" \|\| null) {document.Form1.none.value=document.Form1.none.value + '<HR size=' + size + '>\r' } } function addform() { if (confirm("Do you want to give this form an action and a method?")) { var action = prompt('what action', ""); var method = prompt('What Method' , ""); document.Form1.none.value = document.Form1.none.value + "<Form action=" + action + "\nMethod=" + method + ">"} else { document.Form1.none.value = document.Form1.none.value + "<form>" } } function addformbutt() { var buttname = prompt('Button Name' , ""); var buttvalue = prompt('Buttons Label' , ""); document.Form1.none.value = document.Form1.none.value + "<Input type=Button name=" + buttname + '\rValue="' + buttvalue + '">'; } function addformtext() { if (confirm("Are you Sure")) { var textname = prompt("Text name" , ""); document.Form1.none.value = document.Form1.none.value + '<Input type = Text name=' + textname + '\nvalue=""' + '>' } else { alert("stopping Text generation"); } } function addformtextarea() { if (confirm("Are you sure?")) { var textareaname = prompt("Textarea name" , ""); var textcols = prompt("How many Text Columns?", ""); var textrows = prompt("How many Text Rows?" , ""); document.Form1.none.value = document.Form1.none.value + '<Textarea name=' + textareaname + '\nCOLS="' + textcols + '"' + '\nRows="' + textrows + '"' + '></Textarea>' } else { alert("Stopping Textarea") } } function addformselect() { if (confirm("Are you sure")) { var selectname = prompt('What is the name of the select?' , ""); document.Form1.none.value = document.Form1.none.value + '<Select name=' + selectname + '>\n' var selectobjs = prompt('How many select box items?', ""); for (s = 0; s < selectobjs; s++) { var selitems = prompt('Please type an item' , ""); document.Form1.none.value = document.Form1.none.value + '<Option>' + selitems + '\n' } } else { alert("process stopped") } document.Form1.none.value = document.Form1.none.value + '</select>' } function addformcheck() { if (confirm("Are you sure")) { var checkname = prompt('Check Box Name' , ""); document.Form1.none.value = document.Form1.none.value + '<INPUT TYPE=checkbox name=' + checkname + '>' }else { alert("Process stopped"); } } function addformradio() { if (confirm("Are you sure")) { var radioname = prompt('What is the name of your radio button??' , ""); document.Form1.none.value = document.Form1.none.value + '<INPUT TYPE=radio name=' + radioname + '>' } } //--> </script> <FORM name=Form1> <TEXTAREA Name=none COLS="72" ROWS="20"></TEXTAREA><p> <H3>Begin by clicking this button and typing the title of your page</H3> <Input type=button value="start" onclick="prompt2('a', 'Please give the title of your page' , '<HTML><Head><Title>', '</Title></Head>')"> <H3>Select your background text and link colors</H3> Unfortunetly you will not be able to see the text and link color change so you will have to look at the background colors to see what colors will look good for your text.<p> Background:<SELECT NAME="Bgcolor" onChange="Background(this.form.Bgcolor.options[this.form.Bgcolor.selectedIndex].value)"> <OPTION SELECTED VALUE="#000000">Black <OPTION VALUE="#FFFFFF">White <OPTION VALUE="#0000FF">Blue <OPTION VALUE="#FF0000">Red <OPTION VALUE="#00FF00">Green <OPTION VALUE="#FFD700">Gold <OPTION VALUE="#696969">Darkgrey <OPTION VALUE="#D2691C">Light Brown <OPTION VALUE="#000080">Navy <OPTION VALUE="#461E50">Purple <OPTION VALUE="#FFDAB9">Peach <OPTION VALUE="#FFFAF0">Off White <OPTION VALUE="#FFE4B5">darker peach <OPTION VALUE="#6614AA">Dark Purple <OPTION VALUE="#B0C4DE">Light blue <OPTION VALUE="#FFA07A">Salmon <OPTION VALUE="#FF14458">kinda hot pink <OPTION VALUE="#F5DEB3">More Off White <OPTION VALUE="#A0522D">Sienna <OPTION VALUE="#EEEAAA">Grean Beige <OPTION VALUE="#FFDEAD">Brownish off white <OPTION VALUE="#8B0000">Dark red <OPTION VALUE="#1E90FE">Sky Blue <OPTION VALUE="#9932144">pinkish red <OPTION VALUE="#FF8C00">Dark orange <OPTION VALUE="#5F9EA0">Greenich Grey <OPTION VALUE="#00FFFF">Aqua <OPTION VALUE="#B4EE69">Green <OPTION VALUE="#7F80D3">Lavander <OPTION VALUE="#FFFF00">Yellow <OPTION VALUE="#008080">Teal <OPTION VALUE="#FFFAFA">Barely off white <OPTION VALUE="#BC2B2B">Brownish Red <OPTION VALUE="#B0E01E">Ugly Green <OPTION VALUE="#BF7AB8">Light purple <OPTION VALUE="#69A920">Olive <OPTION VALUE="#505050">Very Dark grey <OPTION VALUE="#4B001E">Indiglo <OPTION VALUE="#145C5C">Nice Green <OPTION VALUE="#191970">midnight blue <OPTION VALUE="#A052FF">Bright puple <OPTION VALUE="#FFA500">Orange <OPTION VALUE="#00bFff">Baby Blue <OPTION VALUE="#7FFF00">Bright obnoxious green <OPTION VALUE="#B22222">Brick <OPTION VALUE="#DCDCDC">Light grey <OPTION VALUE="#FF1493">Hot Pink <OPTION VALUE="#9400D3">Pure purple <OPTION VALUE="#0014149">kinda nice blue <OPTION VALUE="#2BBC2B">sea green </SELECT><BR> Links:<SELECT NAME="links"> <OPTION SELECTED VALUE="#000000">Black <OPTION VALUE="#FFFFFF">White <OPTION VALUE="#0000FF">Blue <OPTION VALUE="#FF0000">Red <OPTION VALUE="#00FF00">Green <OPTION VALUE="#FFD700">Gold <OPTION VALUE="#696969">Darkgrey <OPTION VALUE="#D2691C">Light Brown <OPTION VALUE="#000080">Navy <OPTION VALUE="#461E50">Purple <OPTION VALUE="#FFDAB9">Peach <OPTION VALUE="#FFFAF0">Off White <OPTION VALUE="#FFE4B5">darker peach <OPTION VALUE="#6614AA">Dark Purple <OPTION VALUE="#B0C4DE">Light blue <OPTION VALUE="#FFA07A">Salmon <OPTION VALUE="#FF14458">kinda hot pink <OPTION VALUE="#F5DEB3">More Off White <OPTION VALUE="#A0522D">Sienna <OPTION VALUE="#EEEAAA">Grean Beige <OPTION VALUE="#FFDEAD">Brownish off white <OPTION VALUE="#8B0000">Dark red <OPTION VALUE="#1E90FE">Sky Blue <OPTION VALUE="#9932144">pinkish red <OPTION VALUE="#FF8C00">Dark orange <OPTION VALUE="#5F9EA0">Greenich Grey <OPTION VALUE="#00FFFF">Aqua <OPTION VALUE="#B4EE69">Green <OPTION VALUE="#7F80D3">Lavander <OPTION VALUE="#FFFF00">Yellow <OPTION VALUE="#008080">Teal <OPTION VALUE="#FFFAFA">Barely off white <OPTION VALUE="#BC2B2B">Brownish Red <OPTION VALUE="#B0E01E">Ugly Green <OPTION VALUE="#BF7AB8">Light purple <OPTION VALUE="#69A920">Olive <OPTION VALUE="#505050">Very Dark grey <OPTION VALUE="#4B001E">Indiglo <OPTION VALUE="#145C5C">Nice Green <OPTION VALUE="#191970">midnight blue <OPTION VALUE="#A052FF">Bright puple <OPTION VALUE="#FFA500">Orange <OPTION VALUE="#00bFff">Baby Blue <OPTION VALUE="#7FFF00">Bright obnoxious green <OPTION VALUE="#B22222">Brick <OPTION VALUE="#DCDCDC">Light grey <OPTION VALUE="#FF1493">Hot Pink <OPTION VALUE="#9400D3">Pure purple <OPTION VALUE="#0014149">kinda nice blue <OPTION VALUE="#2BBC2B">sea green </SELECT><BR> Active links:<SELECT NAME="alink"> <OPTION SELECTED VALUE="#000000">Black <OPTION VALUE="#FFFFFF">White <OPTION VALUE="#0000FF">Blue <OPTION VALUE="#FF0000">Red <OPTION VALUE="#00FF00">Green <OPTION VALUE="#FFD700">Gold <OPTION VALUE="#696969">Darkgrey <OPTION VALUE="#D2691C">Light Brown <OPTION VALUE="#000080">Navy <OPTION VALUE="#461E50">Purple <OPTION VALUE="#FFDAB9">Peach <OPTION VALUE="#FFFAF0">Off White <OPTION VALUE="#FFE4B5">darker peach <OPTION VALUE="#6614AA">Dark Purple <OPTION VALUE="#B0C4DE">Light blue <OPTION VALUE="#FFA07A">Salmon <OPTION VALUE="#FF14458">kinda hot pink <OPTION VALUE="#F5DEB3">More Off White <OPTION VALUE="#A0522D">Sienna <OPTION VALUE="#EEEAAA">Grean Beige <OPTION VALUE="#FFDEAD">Brownish off white <OPTION VALUE="#8B0000">Dark red <OPTION VALUE="#1E90FE">Sky Blue <OPTION VALUE="#9932144">pinkish red <OPTION VALUE="#FF8C00">Dark orange <OPTION VALUE="#5F9EA0">Greenich Grey <OPTION VALUE="#00FFFF">Aqua <OPTION VALUE="#B4EE69">Green <OPTION VALUE="#7F80D3">Lavander <OPTION VALUE="#FFFF00">Yellow <OPTION VALUE="#008080">Teal <OPTION VALUE="#FFFAFA">Barely off white <OPTION VALUE="#BC2B2B">Brownish Red <OPTION VALUE="#B0E01E">Ugly Green <OPTION VALUE="#BF7AB8">Light purple <OPTION VALUE="#69A920">Olive <OPTION VALUE="#505050">Very Dark grey <OPTION VALUE="#4B001E">Indiglo <OPTION VALUE="#145C5C">Nice Green <OPTION VALUE="#191970">midnight blue <OPTION VALUE="#A052FF">Bright puple <OPTION VALUE="#FFA500">Orange <OPTION VALUE="#00bFff">Baby Blue <OPTION VALUE="#7FFF00">Bright obnoxious green <OPTION VALUE="#B22222">Brick <OPTION VALUE="#DCDCDC">Light grey <OPTION VALUE="#FF1493">Hot Pink <OPTION VALUE="#9400D3">Pure purple <OPTION VALUE="#0014149">kinda nice blue <OPTION VALUE="#2BBC2B">sea green </SELECT><BR> Text:<SELECT NAME="text"> <OPTION SELECTED VALUE="#000000">Black <OPTION VALUE="#FFFFFF">White <OPTION VALUE="#0000FF">Blue <OPTION VALUE="#FF0000">Red <OPTION VALUE="#00FF00">Green <OPTION VALUE="#FFD700">Gold <OPTION VALUE="#696969">Darkgrey <OPTION VALUE="#D2691C">Light Brown <OPTION VALUE="#000080">Navy <OPTION VALUE="#461E50">Purple <OPTION VALUE="#FFDAB9">Peach <OPTION VALUE="#FFFAF0">Off White <OPTION VALUE="#FFE4B5">darker peach <OPTION VALUE="#6614AA">Dark Purple <OPTION VALUE="#B0C4DE">Light blue <OPTION VALUE="#FFA07A">Salmon <OPTION VALUE="#FF14458">kinda hot pink <OPTION VALUE="#F5DEB3">More Off White <OPTION VALUE="#A0522D">Sienna <OPTION VALUE="#EEEAAA">Grean Beige <OPTION VALUE="#FFDEAD">Brownish off white <OPTION VALUE="#8B0000">Dark red <OPTION VALUE="#1E90FE">Sky Blue <OPTION VALUE="#9932144">pinkish red <OPTION VALUE="#FF8C00">Dark orange <OPTION VALUE="#5F9EA0">Greenich Grey <OPTION VALUE="#00FFFF">Aqua <OPTION VALUE="#B4EE69">Green <OPTION VALUE="#7F80D3">Lavander <OPTION VALUE="#FFFF00">Yellow <OPTION VALUE="#008080">Teal <OPTION VALUE="#FFFAFA">Barely off white <OPTION VALUE="#BC2B2B">Brownish Red <OPTION VALUE="#B0E01E">Ugly Green <OPTION VALUE="#BF7AB8">Light purple <OPTION VALUE="#69A920">Olive <OPTION VALUE="#505050">Very Dark grey <OPTION VALUE="#4B001E">Indiglo <OPTION VALUE="#145C5C">Nice Green <OPTION VALUE="#191970">midnight blue <OPTION VALUE="#A052FF">Bright puple <OPTION VALUE="#FFA500">Orange <OPTION VALUE="#00bFff">Baby Blue <OPTION VALUE="#7FFF00">Bright obnoxious green <OPTION VALUE="#B22222">Brick <OPTION VALUE="#DCDCDC">Light grey <OPTION VALUE="#FF1493">Hot Pink <OPTION VALUE="#9400D3">Pure purple <OPTION VALUE="#0014149">kinda nice blue <OPTION VALUE="#2BBC2B">sea green </SELECT><BR> Visited link:<SELECT NAME="vlink"> <OPTION SELECTED VALUE="#000000">Black <OPTION VALUE="#FFFFFF">White <OPTION VALUE="#0000FF">Blue <OPTION VALUE="#FF0000">Red <OPTION VALUE="#00FF00">Green <OPTION VALUE="#FFD700">Gold <OPTION VALUE="#696969">Darkgrey <OPTION VALUE="#D2691C">Light Brown <OPTION VALUE="#000080">Navy <OPTION VALUE="#461E50">Purple <OPTION VALUE="#FFDAB9">Peach <OPTION VALUE="#FFFAF0">Off White <OPTION VALUE="#FFE4B5">darker peach <OPTION VALUE="#6614AA">Dark Purple <OPTION VALUE="#B0C4DE">Light blue <OPTION VALUE="#FFA07A">Salmon <OPTION VALUE="#FF14458">kinda hot pink <OPTION VALUE="#F5DEB3">More Off White <OPTION VALUE="#A0522D">Sienna <OPTION VALUE="#EEEAAA">Grean Beige <OPTION VALUE="#FFDEAD">Brownish off white <OPTION VALUE="#8B0000">Dark red <OPTION VALUE="#1E90FE">Sky Blue <OPTION VALUE="#9932144">pinkish red <OPTION VALUE="#FF8C00">Dark orange <OPTION VALUE="#5F9EA0">Greenich Grey <OPTION VALUE="#00FFFF">Aqua <OPTION VALUE="#B4EE69">Green <OPTION VALUE="#7F80D3">Lavander <OPTION VALUE="#FFFF00">Yellow <OPTION VALUE="#008080">Teal <OPTION VALUE="#FFFAFA">Barely off white <OPTION VALUE="#BC2B2B">Brownish Red <OPTION VALUE="#B0E01E">Ugly Green <OPTION VALUE="#BF7AB8">Light purple <OPTION VALUE="#69A920">Olive <OPTION VALUE="#505050">Very Dark grey <OPTION VALUE="#4B001E">Indiglo <OPTION VALUE="#145C5C">Nice Green <OPTION VALUE="#191970">midnight blue <OPTION VALUE="#A052FF">Bright puple <OPTION VALUE="#FFA500">Orange <OPTION VALUE="#00bFff">Baby Blue <OPTION VALUE="#7FFF00">Bright obnoxious green <OPTION VALUE="#B22222">Brick <OPTION VALUE="#DCDCDC">Light grey <OPTION VALUE="#FF1493">Hot Pink <OPTION VALUE="#9400D3">Pure purple <OPTION VALUE="#0014149">kinda nice blue <OPTION VALUE="#2BBC2B">sea green </SELECT><p> <Input type=button value="Choose current colors" onclick="colors()"><p> <H3>Forms<H3> <input type = button Value = "Form Begin" onclick="addform()"> <Input type = button Value = "Add Button" onclick="addformbutt()"> <Input type = button Value = "Add Text Box" onclick="addformtext()"> <input type = button Value = "Add TextArea" onclick="addformtextarea()"> <p> <input type = button Value = "Add Check Box" onclick="addformcheck()"> <input type = button Value = "Add Select Box" onclick="addformselect()"> <input type = button Value = "Add Submit Button" onclick="addtag('<INPUT TYPE=SUBMIT VALUE=SUBMIT>')"><p> <input type = button Value = "Add Radio Button" onclick="addformradio()"> <input type = button Value = "Add reset Button" onclick="addtag('<INPUT TYPE=RESET>')"> <input type = button Value = "End form" onclick="addtag('</form>')"> <H3>In this section You can add many things such as links and other options</H3> <input type=button name=none2 value="Link" onclick="addlink()"> <input type=button name=none4 value="image" onclick="prompt3('Imag', 'Please type the complete address of the image', '<Img SRC=', '>' )"> <input type=button name=none5 Value="<Center>" onclick="addtag('<Center>')"><input type=button name=none6 Value="</Center>" onclick="addtag('</Center>')"> <input type=button name=HR value="Horizontal rule" onclick="hr()"> <input type=button name=BR value="line break" onclick="addtag('<BR>')"><P> <input type=button name=P value="paragraph break" onclick="addtag('<P>')"> <input type=button name=Pre value="pre formatted text" onclick="addtag('<Pre>pre formatted text goes here</pre>')"> <input type=button name=norm value="Normal text" onclick="prompt2('text', 'What text?', '', '')"> <input type=button name=bold value="Bold text" onclick="prompt2('bold', 'What Bold text?', '<B>', '</B>')"> <input type=button name=ital value="Italic text" onclick="prompt2('ital', 'What Italic text?', '<I>', '</I>')"> <P> <Input type=button name=Nlist value="Numbered list" onclick="list('OL')"><input type=button name=unNlist value ="Un Numbered list" onclick="list('UL')"><input type=button name=menu value="Menu" onclick="list('Menu')"><input type=button name=Dir value="DIR list" onclick="list('DIR')"> <H3>Add diffent size text. 1 is the smallest and 6 is the biggest.</H3> <input type=button value="<H1>" onclick="prompt2('one', 'What size one text do you want to enter', '<H1>', '</H1>')"><input type=button value="<H2>" onclick="prompt2('two', 'What size two text do you want to enter', '<H2>', '</H2>')"><input type=button value="<H3>" onclick="prompt2('three', 'What size two text would you like to enter', '<H3>', '</H3>')"><input type=button value="<H4>"onclick="prompt2('four', 'What size four text do you want to enter', '<H4>', '</H4>')"><input type=button value="<H5>" onclick="prompt2('five', 'What size five text do you want to enter', '<H5>', '</H5>')"><input type=button value="<H6>"onclick="prompt2('six', 'What size six text do you want to enter', '<H6>', '</H6>')"><p> <Center><INPUT TYPE=button name=none3 value="end" onclick="end('</BODY></HTML>')"><P><H3>Test it</H3> <input type="button" name=none4 value="TEST" onclick="writ()"></Center> </FORM> <!-- END OF SCRIPT -->
Değişik Script	Tarih Ve Saat
<!-- START OF SCRIPT --> <!-- For more scripts visit http://www.netpedia.com --> <SCRIPT> <!-- Activate Cloaking Device //*************************************************************************** // // Timothy's AutoCycle Tele-Type Display // // ( uses a TextArea ) // // timothy@essex1.com // // // T-Banner - copyright (c) 1996 by Tomer Shiran and Yehuda Shiran. // //*************************************************************************** // used to track position in message var i = 0; // used to cycle thru messages var TextNumber = 0; // array of messages var TextInput = new Object(); // used to load manipulate message var HelpText=""; // used to load message var Text = ""; // length of timeout (smaller is faster) var Speed=50; // added to end of each message to create a pause var WaitSpace=" " // used to position text in ver 2.0 var addPadding="\r\n"; // Each element of TextInput represents a single message. TextInput[0] = "This is just another method of displaying information to your visitors."; TextInput[1] = "The routine is based on the T-Banner by Tomer and Yehuda Shiran."; TextInput[2] = "I've selected the TextArea for display to utilize the wrap-around feature."; TextInput[3] = "The messages can be made to cycle manually, check out Tele-Type 1 in Tim's Lab."; TextInput[4] = "Though this scheme is not perfect, you have to admit it is different!"; TextInput[5] = "I've learned that you can reduce flicker by shortening the messages."; TextInput[6] = "One may want to add speed adjustment to better match individual machines."; TextInput[7] = "Whether practical or not, at least it was fun developing Timothy's Tele-Type Display!"; TotalTextInput = 7; // (0, 1, 2, 3, 4, 5, 6, 7) // Positioning and speed vary between versions. var Version = navigator.appVersion; if (Version.substring(0, 1)==3) { Speed=200; addPadding=""; } for (var addPause = 0; addPause <= TotalTextInput; addPause++) {TextInput[addPause]=addPadding+TextInput[addPause]+WaitSpace;} var TimerId var TimerSet=false; // Called by the Start button. function startMessage() { if (!TimerSet) { TimerSet=true; teletype(); } } // Gets and displays character from rollMessage() . // Variable Speed controls length of timeout and thus the speed of typing. function teletype() { Text=rollMessage(); TimerId = setTimeout("teletype()", Speed) document.forms[0].elements[0].value=Text; } // Pulls one character at a time from string and returns (as Text) to function teletype() for displaying. function rollMessage () { Wait_yn=false; i++; var CheckSpace = HelpText.substring(i-1, i); CheckSpace = "" + CheckSpace; if (CheckSpace == " ") {i++;} if (i >= HelpText.length+1) { i=0; if (TextNumber < TotalTextInput) {TextNumber++;} else {TextNumber = 0;} initMessage(); } Text = HelpText.substring(0, i); return (Text); } // Called from onLoad in BODY tag & resetDisplay(). function titleDisplay() { document.forms[0].elements[0].value="\r\n AutoCycle Tele-Type Display"; initMessage(); } // Sets Text & HelpText equal to messages for use in rollMessage (). function initMessage() { Text = TextInput[TextNumber] HelpText = Text; } // Called by Stop button. function stopMessage() { TimerSet=false; clearTimeout (TimerId); } // Called by Reset button. function resetDisplay() { TimerSet=false; clearTimeout (TimerId); TextNumber=0; i=0; titleDisplay(); } // Deactivate Cloaking --> </SCRIPT> </HEAD> <BODY onLoad="titleDisplay()" BGCOLOR="000000" text="ffffff"> <CENTER><FORM> <TEXTAREA ROWS=2 COLS=55 wrap=yes></TEXTAREA> <BR><BR> <TABLE BORDER=0 WIDTH=300> <TD align="center"><INPUT TYPE="button" VALUE="Start" onClick="startMessage()"> <TD align="center"><INPUT TYPE="button" VALUE="Reset" onClick="resetDisplay()"> <TD align="center"><INPUT TYPE="button" VALUE="Stop" onClick="stopMessage()"> </TABLE> <!-- END OF SCRIPT -->	<!-- START OF SCRIPT --> <!-- For more scripts visit http://www.netpedia.com --> <SCRIPT> <!-- HIDE ME FROM THAT BROWSER -- !> var timerID = null var timerRunning = false function stopclock(){ // cannot directly test timerID on DEC OSF/1 in beta 4. if(timerRunning) clearTimeout(timerID) timerRunning = false } function startclock(){ // Make sure the clock is stopped stopclock() showtime() } function showtime(){ var now = new Date() var hours = now.getHours() var minutes = now.getMinutes() var seconds = now.getSeconds() var month = now.getMonth() var datum = now.getDate() var year = now.getYear() var timeValue = ((hours<4)?"Good night":(hours<10)?"Good morning":((hours<12)?"Good day":((hours<18)?"Good afternoon":((hours<23)?"Good evening":"Good night")))) var timeValue2 = "The time is: " + ((hours > 12) ? hours - 12 : hours) timeValue2 += ((minutes < 10) ? ":0" : ":") + minutes timeValue2 += ((seconds < 10) ? ":0" : ":") + seconds timeValue2 += (hours >= 12) ? " P.M." : " A.M." var timeValue3 = "On " + datum + "/" timeValue3 += (((month + 1) < 10) ? "0" : "") + (month + 1) // timeValue3 += ((month=0)?"January":((month=1)?"February":((month=2)?"March":((month=3)?"April":((month=4)?"May":((month=5)?"June":((month=6)?"July":((month=7)?"August":((month=8)?"September":((month=9)?"October":((month=10)?"November":((month=11)?"December":(("month=12")))))))))))) timeValue3 += "/" + "'" + year // timeValue3 += ((seconds < 10) ? ":0" : ":") + seconds // timeValue3 += (hours >= 12) ? " P.M." : " A.M." document.clock.face.value = timeValue document.clock.face2.value = timeValue2 document.clock.face3.value = timeValue3 timerID = setTimeout("showtime()",1000) timerRunning = true } //--> </SCRIPT> </HEAD> <BODY TEXT="#000080" onLoad="startclock()"> <FORM NAME="clock" onSubmit="0"> <INPUT TYPE="text" NAME="face" SIZE=20 VALUE =""> <INPUT TYPE="text" NAME="face2" SIZE=20 VALUE =""> <INPUT TYPE="text" NAME="face3" SIZE=20 VALUE =""> </FORM> <!-- END OF SCRIPT -->
Sayfa Kaydırma Düğmesi	Renk
<!-- START OF SCRIPT --> <!-- For more scripts visit http://www.netpedia.com --> <SCRIPT Language="JavaScript"> <!-- function scrollit(){ for (I=1; I<=500; I++){ parent.scroll(1,I) } } //--> </SCRIPT> </HEAD> <form> <input type=button value="ScrollDown" onClick="scrollit()"> </form> <hr> <Center> <BR><BR><BR><BR><BR><BR><BR><BR> <H1>Welcome to JavaScript Planet</H1> <BR><BR><BR><BR><BR><BR><BR><BR> <H1>ScrollDown is a very simple JavaScript...</H1> <BR><BR><BR><BR><BR><BR><BR><BR> <H1>..but the effect is quite cool!</H1> <!-- END OF SCRIPT -->	<!-- START OF SCRIPT --> <!-- For more scripts visit http://www.netpedia.com --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function changeBackground(hexNumber) { document.bgColor=hexNumber } prefix="#" rnum1=0 bnum1=0 gnum1=0 rnum2=0 bnum2=0 gnum2=0 hexNumber2="#000000"; rcount=0; bcount=0; gcount=0; function num2hex(num) { if (num==15) return "f"; else if (num==14) return "e"; else if (num==13) return "d"; else if (num==12) return "c"; else if (num==11) return "b"; else if (num==10) return "a"; else if (num==9) return "9"; else if (num==8) return "8"; else if (num==7) return "7"; else if (num==6) return "6"; else if (num==5) return "5"; else if (num==4) return "4"; else if (num==3) return "3"; else if (num==2) return "2"; else if (num==1) return "1"; else return "0"; } function changeBackground2(number) { if(number == 1) { rnum1=rcount%16; if (rcount <15) { rcount=rcount+1; } } if(number == 2) { gnum1=gcount%16; if (gcount <15) { gcount=gcount+1; } } if(number == 3) { bnum1=bcount%16; if (bcount <15) { bcount=bcount+1; } } if(number == 4) { rnum1=rcount%16; if (rcount > 0) { rcount=rcount-1; } } if(number == 5) { gnum1=gcount%16; if (gcount > 0) { gcount=gcount-1; } } if(number == 6) { bnum1=bcount%16; if (bcount > 0) { bcount=bcount-1; } } hexNumber2 = prefix+num2hex(rnum1)+num2hex(rnum2)+num2hex(gnum1)+num2hex(gnum2)+num2hex(bnum1)+num2hex(bnum2); document.bgColor=hexNumber2 } // End --> </SCRIPT> <!-- Add this code to the BODY of your HTML document --> <BODY> <CENTER> <FORM METHOD="POST" NAME="background"> <TABLE WIDTH=350 BORDER="3" CELLPADDING="3"> <TR> <TD Align=center><INPUT TYPE="button" VALUE="Red" ONCLICK="changeBackground('#FF0000')"></TD> <TD Align=center><INPUT TYPE="button" VALUE="Green" ONCLICK="changeBackground('#00FF00')"></TD> <TD Align=center><INPUT TYPE="button" VALUE="Blue" ONCLICK="changeBackground('#0000FF')"></TD> <TD Align=center><INPUT TYPE="button" VALUE="White" ONCLICK="changeBackground('#FFFFFF')"></TD> <TD Align=center><INPUT TYPE="button" VALUE="Black" ONCLICK="changeBackground('#000000')"></TD> <TD Align=center><INPUT TYPE="button" VALUE="Grey" ONCLICK="changeBackground('#C0C0C0')"></TD> </TR> </TABLE> <TABLE WIDTH=350 BORDER="3" CELLPADDING="3"> <TR><TD><center>Variable Background Color Changer</center></TD> </TR> </TABLE> <TABLE WIDTH=350 BORDER="3" CELLPADDING="3"> <TR> <TD Align=center><INPUT TYPE="button" VALUE="+ Red" ONCLICK="changeBackground2(1)"><P> <INPUT TYPE="button" VALUE="- Red" ONCLICK="changeBackground2(4)"></TD> <TD Align=center><INPUT TYPE="button" VALUE="+ Green" ONCLICK="changeBackground2(2)"><P> <INPUT TYPE="button" VALUE="- Green" ONCLICK="changeBackground2(5)"></TD> <TD Align=center><INPUT TYPE="button" VALUE="+ Blue" ONCLICK="changeBackground2(3)"><P> <INPUT TYPE="button" VALUE="- Blue" ONCLICK="changeBackground2(6)"></TD> </TR> </TABLE> <TABLE WIDTH=350 BORDER="3" CELLPADDING="3"> <TR> <TD><center>Keep pressing buttons to change color<BR> (The color will start as black)</center></TD> </TR> </TABLE> </FORM> </CENTER> <!-- END OF SCRIPT -->
Değişik Menü	Resimli Banner
<script language="JavaScript1.2">/* Http://kerimce.cjb.net */ var tickercontents=new Array() tickercontents[0]='See what\'s New at Dynamic Drive. <a href="http://dynamicdrive.com/new.htm">[Read more]</a>' tickercontents[1]='Browse the most popular scripts on Dynamic Drive <a href="http://dynamicdrive.com/hot.htm">[Read more]</a>' tickercontents[2]='Link back to Dynamic Drive! <a href="http://dynamicdrive.com/link.htm">[Read more]</a>' //configure the below 2 variables to set the width/background color of the ticker var tickerwidth='65%' var tickerbgcolor='lightblue' //configure the below variable to determine the delay between ticking of messages (in miliseconds var tickdelay=3000 ////Do not edit pass this line//////////////// var currentmessage=0 function changetickercontent(){ if (document.layers){ document.tickernsmain.document.tickernssub.document.write(tickercontents[currentmessage]) document.tickernsmain.document.tickernssub.document.close() } else if (document.all) tickerie.innerHTML=tickercontents[currentmessage] if (currentmessage==tickercontents.length-1) currentmessage=0 else currentmessage++ setTimeout("changetickercontent()",tickdelay) } function start_ticking(){ if (document.layers) document.tickernsmain.visibility="show" changetickercontent() } if (document.all) document.write('<div id="tickerie" style="width:'+tickerwidth+'; background-color:'+tickerbgcolor+'"></div>') window.onload=start_ticking </script><ilayer id="tickernsmain" width="&{tickerwidth};" bgColor="&{tickerbgcolor};" visibility="hide"><layer id="tickernssub" width="&{tickerwidth};" left="0" top="0"></layer></ilayer>	<script language="JavaScript1.1">/* Http:/kerimce.cjb.net /<!--var image1=new Image()image1.src="ms.gif" var image2=new Image()image2.src="umb.gif"var image3=new Image() image3.src="umb.gif"var image4=new Image()image4.src="mouseb.gif"//--></script> 2.ADIM : Aşağıdaki kodu <BODY> </BODY> tagları arasına kopyalayın.* <!! Aşağıda step<4 ifadesi 4 adet resbin gösterileceğini belirtir,degişebilir.heiğht ve widdht bannerin yüksekligi ve uzunlugunu belirtir degişe bilir.!!!> <img SRC="MOUSEB.GIF" NAME="slide" height=72 width=72> <script> <!-- //variable that will increment through the images var step=1 function slideit(){ //if browser does not support the image object, exit. if (!document.images) return document.images.slide.src=eval("image"+step+".src") if (step<4) step++ else step=1 //call function "slideit()" every 2.5 seconds setTimeout("slideit()",4300) } slideit() //--> </script>

Statusda KAyan YAzı

Yeni Açılan Pencere

Yönlendirme

Yukarı Doğru Kayan Yazı

<HTML> <TITLE>Zamanlayıcı</TITLE> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <BODY BGCOLOR="#FFFFFF" onLoad="settimes()"> <P><font size=+2 face=arial><b>Zamanlayıcı</font></b><p> Bu Javascript kullanıcıya belirli bir miktar süre vererek verilen süre bitince sayfanın otomatik olarak başka bir yere yönlenmesini sağlar. <HR> <FORM> <INPUT TYPE="button" VALUE="tamamla" onClick="location.href='bitti.html'"> </FORM> <hr>

<SCRIPT language=JavaScript1.2> var marqueewidth=180 var marqueeheight=105 var speed=1 var marqueecontents='<a href="javaindex.htm">JAVALAR</a><br>Bu javalara bayilacaksiniz<br>scriptler<br><br><a href="javaaplet.htm">APLETLER</a><br>Nasil yapilir? nasil edilirde Sayfalarınızda kullanılır!<br>Çok yakında.<br><br><a href="dhtml.htm">DHTML menü</a><br>Yapmak istermisiniz?<br><br><a href="Bedavalar">Sayaç,</a><br>Form-mail.vs.<br><br><b>Yeni olan herşey ...</b><br><a href="http://www.kerimce.com.tr.tc" target="_blank">http://www.kerimce.com.tr.tc</a><br><br><a href="http://www.bilenin.sayfasi.com" target="_blank">http://www.bilenin.sayfasi.com</a><br><br><a href="http://www.kerimce.com.tr.tc" target="_blank">http://www.kerimce.com.tr.tc</a><br><br><a href="http://www.kerimce.com.tr.tc" target="_blank">http://www.kerimce.com.tr.tc</a><br><br><a href="http://www.kerimce.com.tr.tc" target="_blank">http://www.kerimce.com.tr.tc</a><br><br>' if (document.all) document.write('<marquee direction="up" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee>') function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers){ setTimeout("window.onresize=regenerate",450) intializemarquee() } } function intializemarquee(){ document.cmarquee01.document.cmarquee02.document.write(marqueecontents) document.cmarquee01.document.cmarquee02.document.close() thelength=document.cmarquee01.document.cmarquee02.document.height scrollit() } function scrollit(){ if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){ document.cmarquee01.document.cmarquee02.top-=speed setTimeout("scrollit()",100) } else{ document.cmarquee01.document.cmarquee02.top=marqueeheight scrollit() } } window.onload=regenerate2 </SCRIPT>