bilgisayar

HAZIR JAVA ******LER

6/5/2008 · Kategori: WEBMASTER

Örneklerimize geçmeden önce JavaScript'i yüzeysel de olsa biraz öğrenelim. JavaScript HTML sayfalarına ek olarak çalışan, bir Internet Programlama dilidir diyebiliriz. HTML sayfalarımızda;

<******>

tagları arasına yazılırlar. JavaScript'ler sayfalarımızı tasarlarken bize çok yardımcı olurlar. Mesela sayfamıza normal bir saat veya düzenli bir tarih eklemek istiyoruz. Bunu en kolay JavaScript sayesinde yapabiliriz. Sizin için bir çok JavaScript örnekleri topladık. Bunları en kısa yoldan denemek için, NotePad'e yapıştırıp, htm veya html uzantısıyla kaydetmeniz yeterli olcaktır. Yazdığınız kodları html kontrol bölümümüzde test edebilirsiniz.Html kodlarını java kodlarına dönüştürmek için tıklayın.

Browser Bilgileri <center> <****** language="Java******"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.**********-page.com document.write("You're using: <b>"+navigator.appName+" "+navigator.appVersion+"</b>"); //--> </******> </center>	İsteğe Göre Background <****** language="JavaScript"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.**********-page.com ******** backbs(clr) { document.bgColor = clr } //--> </******> <form> <input type="button" value="Aqua" onclick="backbs('aqua')"> <input type="button" value="Yellow" onclick="backbs('yellow')"> <input type="button" value="Khaki" onclicke="backbs('khaki')"> <input type="button" value="White" onclick="backbs('white')"> <input type="button" value="Gray" onclick="backbs('gray')"> </form>	Sağ Tuş Kilidi <****** language="Java******1.2"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.**********-page.com var mymessage = "Üzgünüm Sağ Tuş Kullanmanız Engellenmiştir."; ******** rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3) { alert(mymessage); return false; } if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) { alert(mymessage); return false; } } document.onmousedown = rtclickcheck //--> </******>
Üste Doğru Kayan Yazılar <****** language="JavaScript"> var mw=170 /* The width */ var mh=100 /* The height */ var sp=1 /* The Speed */ var text= '<B>1999.12.14</B> New <A HREF="http://www.creamsoft.com/scribbler/">Scribbler 2000</A> is available!<BR><BR><B>1999.12.12</B> <U>Only 19 days</U> left to Millennium<BR><BR>etc...' if (document.all)document.write('<marquee direction="up" scrollAmount='+sp+' style="width:'+mw+';height:'+mh+'">'+text+'</marquee>') ******** loop() { window.location.reload() } ******** loop2() { if (document.layers) { setTimeout("window.onresize=loop",350) init() } } ******** init() { document.marq.document.marqEx.document.write(text) document.marq.document.marqEx.document.close() thelength=document.marq.document.marqEx.document.height runmarq() } ******** runmarq() { if (document.marq.document.marqEx.top>=thelength*(-1)) { document.marq.document.marqEx.top-=sp setTimeout("runmarq()",100) } else { document.marq.document.marqEx.top=mh runmarq() } } window.onload=loop2 </******>	Takvim <****** language="JavaScript"> //This Java Script is free to the domain. All I ask is you send me an //email to //ddelong@csci.csusb.edu to let me know that you will be using it. This //message must be included with the ****** if you copy it. <!-- for sucky browsers Months = new Array(12); Months[0] = "January"; Months[1] = "February"; Months[2] = "March"; Months[3] = "April"; Months[4] = "May"; Months[5] = "June"; Months[6] = "July"; Months[7] = "August"; Months[8] = "September"; Months[9] = "October"; Months[10] = "November"; Months[11] = "December"; ******** PadSpaces(TheString) { var Spaces = " "; len = Math.round((9 - TheString.length)/2); return Spaces.substring(0,len) + TheString; } ******** NumLeapYears(StartYear, EndYear) { var LeapYears, i; if (EndYear >= StartYear){ for(LeapYears = 0; StartYear <= EndYear; StartYear++) if (IsLeapYear(StartYear)) LeapYears++; }else{ for(LeapYears = 0; EndYear <= StartYear; EndYear++) if (IsLeapYear(EndYear)) LeapYears++; } return LeapYears; } ******** IsLeapYear(Year) { if(Math.round(Year/4) == Year/4){ if(Math.round(Year/100) == Year/100){ if(Math.round(Year/400) == Year/400) return true; else return false; }else return true; } return false; } ******** Trim(TheString) { var len; len = TheString.length; while(TheString.substring(0,1) == " "){ //trim left TheString = TheString.substring(1, len); len = TheString.length; } while(TheString.substring(len-1, len) == " "){ //trim right TheString = TheString.substring(0, len-1); len = TheString.length; } return TheString; } ******** DetermineMonthIdx() { var i, month, month_s, len; month = Trim(document.calform.elements[4].value); len = month.length; for( i = 0; i <12; i++){ month_s = Months[i].substring(0,len); if (month_s.toUpperCase() == month.toUpperCase()) return (i); } return -1; } ******** FindNewYearStartingDay(Year) { var LeapYears, Years, Day; LeapYears = NumLeapYears(1995, Year); if (Year >=1995) Years = (Year -1995)+LeapYears; else Years = (Year -1995)-LeapYears; if (Year >=1995) Day = Math.round(((Years/7 - Math.floor(Years/7))*7)+.1); else Day = Math.round(((Years/7 - Math.ceil(Years/7))*7)-.1); if (Year >=1995){ if(IsLeapYear(Year)) Day--; }else Day += 7; if(Day < 0) Day = 6; if(Day > 6) Day = 0; return Day; } ******** FindNumDaysInMonth(Year, Month) { if(Month == 1){ if(IsLeapYear(Year)) return 29; else return 28; }else{ if(Month >6) Month++; if(Month/2 == Math.round(Month/2)) return 31; } return 30; } ******** FindMonthStartDay(NewYearDay, Year, Month) { var MonthStartDay; AddArray = new Array(12); AddArray[0]=0;AddArray[1]=3;AddArray[2]=3;AddArray[3]=6; AddArray[4]=1;AddArray[5]=4;AddArray[6]=6;AddArray[7]=2; AddArray[8]=5;AddArray[9]=0;AddArray[10]=3;AddArray[11]=5; MonthStartDay = NewYearDay + AddArray[Month]; if(IsLeapYear(Year) && (Month ) > 1) MonthStartDay ++; if (MonthStartDay > 6) MonthStartDay -= 7; return MonthStartDay; } ******** FillCalendar() { var Year, Month, Midx, NewYearDay, MonthStartDay; var NumDaysInMonth, i, t; Year = parseFloat(document.calform.elements[1].value); Month = document.calform.elements[4].value; Midx = DetermineMonthIdx(); if (Midx == -1){ alert ("Can't recognize that month"); return; } NewYearDay = FindNewYearStartingDay(Year); MonthStartDay = FindMonthStartDay(NewYearDay, Year, Midx); NumDaysInMonth = FindNumDaysInMonth(Year, Midx); for(i = 6; i < 43; i++){ t = i-5-MonthStartDay; if ( t >= 1 && t <= NumDaysInMonth) document.calform.elements[i].value =t; else document.calform.elements[i].value = ""; } } ******** IncDecYear(val) { var valNum = parseInt(val); var valNum2 = parseInt(document.calform.elements[1].value) document.calform.elements[1].value = valNum2 + valNum; FillCalendar() } ******** IncDecMonth(val) { var valNum = parseInt(val); var Midx = DetermineMonthIdx(); Midx += valNum; if(Midx > 11) Midx = 0; if(Midx < 0) Midx = 11; document.calform.elements[4].value = PadSpaces(Months[Midx]); FillCalendar() } // --> </******> <link rel="alternate" type="application/rss+xml" title="bilgisayar - Blog RSS" href="http://cexcex.blogcu.com/besleme/rss" /><meta name="description" content="<p align="justify"> <b>Örneklerimize geçmeden önce JavaScript'i yüzeysel de olsa biraz öğrenelim. JavaScript HTML sayfalarına ek " /><meta name="title" content="HAZIR JAVA ******LER - bilgisayar" /><meta name="keywords" content="HAZIR JAVA SCRIPTLER" /><link rel="canonical" href="http://cexcex.blogcu.com/hazir-java-ler/3415867" ></head><BODY><table border=1 bgcolor="#000000"><tr><td align=center> <table border=0 cellspacing=0> <form name="calform"> <tr><td align=center bgcolor="#000000"><input type=button value="<<" onClick="IncDecYear(-1)"></td> <th bgcolor="#aaaaaa" colspan=5 align=center><input size=4 type=text value="1993"></th> <td align=center bgcolor="#000000"><input type=button value=">>" onClick="IncDecYear(1)"></td></tr> <tr><td align=center bgcolor="#000000"><input type=button value="<<" onClick="IncDecMonth(-1)"></td> <th bgcolor="#aaaaaa" colspan=5 align=center><input size=9 type=text value=" January "></th> <td align=center bgcolor="#000000"><input type=button value=">>" onClick="IncDecMonth(1)"></td></tr> <tr><th bgcolor="#ffcccc">Sun</td> <th bgcolor="#ccccff">Mon</td> <th bgcolor="#ccccff">Tue</td> <th bgcolor="#ccccff">Wed</td> <th bgcolor="#ccccff">Thu</td> <th bgcolor="#ccccff">Fri</td> <th bgcolor="#ccccff">Sat</td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff" ><input type=text size=2></td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#aaaaaa" colspan=5><input type=text></td></tr> </form> </table> </td></tr></table> <****** language="JavaScript"> <!-- //include this ****** segment if you want to set the calendar to today's date. //this MUST come after the tabled form which contains the calendar //set calendar to today's date myDate = new Date(); var Month = parseInt(myDate.getMonth()); document.calform.elements[1].value = myDate.getYear(); document.calform.elements[4].value = PadSpaces(Months[Month]); document.calform.elements[43].value = "Today is: " + myDate.getDate() + " " + Months[Month].substring(0,3) + ", " + (myDate.getYear()); FillCalendar(); // --> </******>	İlginç Bir Script <****** LANGUAGE="JavaScript"> <!-- setTimeout('animate()',5); // create row of radio buttons lay(20) // set index of lamp to start animation var current = 0 // set speed (pause in milliseconds between each movement) var speed = 100 ******** lay(num) { // assign "greater than" character to variable var gt = unescape("%3e") // open form document.write("<FORM NAME='animation'" + gt) // use loop to lay radio buttons down (all buttons in same group) for (var i = 0; i < num; ++i) { document.write("<INPUT TYPE='radio' NAME='lamps'" + gt) } // close form document.write("</FORM" + gt) } ******** animate() { // click next radio button document.animation.lamps[current].click() // if radio button is the last one reset variable to 0 (otherwise increment) current = (current == document.animation.lamps.length - 1) ? 0 : ++current // recursive call after speed milliseconds timerID = setTimeout("animate()", speed) } // --> </******>
Saat <****** language="JavaScript"> <!-- ******** show(){ if (!document.layers&&!document.all) return var Digital=new Date() var hours=Digital.getHours() var minutes=Digital.getMinutes() var seconds=Digital.getSeconds() var dn="AM" if (hours>12){ dn="PM" hours=hours-12 } if (hours==0) hours=12 if (minutes<=9) minutes="0"+minutes if (seconds<=9) seconds="0"+seconds //change font size here to your desire myclock="<font size='5' face='Arial' color='blue'><b><font size='2'>Current date and time:</font></br>"+hours+":"+minutes+":" +seconds+" "+dn+"</b></font>" if (document.layers){ document.layers.liveclock.document.write(myclock) document.layers.liveclock.document.close() } else if (document.all) liveclock.innerHTML=myclock setTimeout("show()",1000) } //--> </******><link rel="alternate" type="application/rss+xml" title="bilgisayar - Blog RSS" href="http://cexcex.blogcu.com/besleme/rss" /><meta name="description" content="<p align="justify"> <b>Örneklerimize geçmeden önce JavaScript'i yüzeysel de olsa biraz öğrenelim. JavaScript HTML sayfalarına ek " /><meta name="title" content="HAZIR JAVA ******LER - bilgisayar" /><meta name="keywords" content="HAZIR JAVA SCRIPTLER" /><link rel="canonical" href="http://cexcex.blogcu.com/hazir-java-ler/3415867" ></head><BODY><span id="liveclock" style="position:absolute;left:1;top:1;"> </span> <****** LANGUAGE="JavaScript"> <!-- setTimeout('show()',10); //--> </******>	Güzel Bir Yazı Efekti <****** LANGUAGE="JavaScript1.2"> <!-- ie4 = ((navigator.appVersion.indexOf("MSIE")>0) && (parseInt(navigator.appVersion) >= 4)) var count=0, count2=0, add1 = 3, add2 = 10, timerID ******** show() { if (ie4) { count +=add1 count2+=add2 delay=30 if(count2>100) count2=100 if(count>100) { count=100 add1 =-10 add2 =-3 delay=350 } if(count<0) count=0 if(count2<0) { count2=0 add1 =3 add2 =10 delay=200 } napis.style.filter="Alpha(Opacity="+count2+",FinishOpacity="+count+",style=2)" timerID=setTimeout("show()",delay); } } //--> </******> <link rel="alternate" type="application/rss+xml" title="bilgisayar - Blog RSS" href="http://cexcex.blogcu.com/besleme/rss" /><meta name="description" content="<p align="justify"> <b>Örneklerimize geçmeden önce JavaScript'i yüzeysel de olsa biraz öğrenelim. JavaScript HTML sayfalarına ek " /><meta name="title" content="HAZIR JAVA ******LER - bilgisayar" /><meta name="keywords" content="HAZIR JAVA SCRIPTLER" /><link rel="canonical" href="http://cexcex.blogcu.com/hazir-java-ler/3415867" ></head><BODY><CENTER> <DIV id="napis" style="width:480; font-family: Arial; font-size: 40pt; color: #0066CC; Filter:Alpha(Opacity=0,FinishOpacity=0,style=2)"> Dynamic HTML<BR>in<BR>CS Scribbler 2000 </DIV> </CENTER> <****** LANGUAGE="JavaScript"> <!-- setTimeout('show()',10); //--> </******>	E-Mail <****** LANGUAGE="JavaScript"> <!-- // The JavaScript Source!! http://**********.internet.com // With modifications made by Cream Software // Begin ******** emailCheck() { txt=document.isn.email.value; if ((txt.indexOf(" ")!=-1)) { alert("Warning! Email address cannot contain spaces!"); return; } if ((txt.indexOf("@")==-1)) { alert("Warning! Email address needs to contain '@' character!"); return; } if (txt.indexOf("@")<2) { alert("Warning! The email address is incorrect!nPlease check its part before '@' character!"); return; } if ((txt.indexOf(".com")<5)&&(txt.indexOf(".org")<5)&&(txt.indexOf(".gov")<5)&&(txt.indexOf(".net")<5)&&(txt.indexOf(".mil")<5)&&(txt.indexOf(".edu")<5)&&(txt.indexOf(".pl")<5)) { alert("Warning! The email address is incorrect!nPlease check its part after '@' character.nThere should be a prefix e.g. .com."); return; } parent.location.href='mailto:' + txt; } // End --> </******>

Kalıcı Bağlantı Yorum (0) Yorum yaz! Arkadaşına Gönder!

0 yorum yazılmıştır

« Önceki :: Sonraki »

Blogcu ile yapıldı