سایت تخصصی آموزش ایرانیان - مطالب کدهای جاوا اسکریپت

<!-Design By irLearning.com -> <p align="center"> <SELECT Size=1 name=bgColorChange="document.bgColor=this.options[this.selectedIndex].value" dir="rtl" style="font-family: Tahoma; text-transform: uppercase; color: #333333; font-size: 11"> <option selected>انتخاب رنگ پس زمینه</option> <OPTION VALUE="white">سفید <OPTION VALUE="black">سیاه <OPTION VALUE="#E8E8E8">خاکستری <OPTION VALUE="blue">آبی <OPTION VALUE="#379BFF">نیلی <OPTION VALUE="red">قرمز <OPTION VALUE="darkred">قرمز تیره <OPTION VALUE="tomato">گوجه ای <OPTION VALUE="Orange">نارنجی <OPTION VALUE="hotpink">صورتی <OPTION VALUE="deeppink">صورتی تیره <OPTION VALUE="lime">سبز روشن <OPTION VALUE="darkkhaki">خاکی <OPTION VALUE="cadetblue ">بنفش <OPTION VALUE="yellow">زرد <OPTION VALUE="darkgoldenrod">زرد تیره <OPTION VALUE="gold">طلایی <OPTION VALUE="tan">قهوه ای <OPTION VALUE="#800000">قهوه ای پر رنگ <OPTION VALUE="wheat">قهوه ای کم رنگ <OPTION VALUE="chocolate">شکلاتی </SELECT> <br><font face="Tahoma"><span style="font-size: 8pt" lang="en-us"> <a href="http://www.irlearn.com" style="text-decoration: none">Top java Codes</a></span><span style="font-size: 8pt"> </span></font></p>

نمایش نمونه ی کد

به این نکته توجه داشته باشید که این کد زمانی کار می کنه که در پس زمینه ی وبلاگتون عکس نگذاشته باشید .

:: نوع مطلب : کدهای جاوا اسکریپت ,

:: نوشته شده توسط : Nobody در شنبه 27 مرداد 1386 و ساعت 11:08 ق.ظ

:: ویرایش شده در - و ساعت -

لینك ثابت نظرات ( )

:: کد حرکت عکس پس زمینه

آقای جواد کد حرکت عکس پس زمینه رو درخواست کردند .

می تونید کد رو از زیر بردارید :

<body background="http://ljava.persiangig.com/irlearn/irlearn.gif"> <script language="JavaScript">  </script> <p> <font face="Tahoma"><span style="font-size: 8pt" lang="en-us"> <a href="http://www.irlearn.com" style="text-decoration: none">Top java Codes</a></span><span style="font-size: 8pt"> </span></font></p> </p>

نمایش نمونه ی کد

باید آدرس عکس پس زمینه ای رو که میخواید بزارید پشت وبلاگتون در کد قرار بدید .

:: نوع مطلب : کدهای جاوا اسکریپت ,

:: نوشته شده توسط : Nobody در شنبه 27 مرداد 1386 و ساعت 04:08 ق.ظ

:: ویرایش شده در - و ساعت -

لینك ثابت نظرات ( )

:: کد تغییر راست کلیک در صفحات وب

كدی كه امروز براتون میزارم برای جلوگیری از راست كلیك در صفحه و جایگزینی یه منوی راست كلیك توسط خودتون به جای منوی پیش فرض ویندوز هست .

عكس زیر بیانگر كاربرد این كد هست :

همونطور كه از عكس متوجه شدید كدی كه امروز براتون میزارم ، راست كلیك رو به شكل سمت راست تغیر میده ...

خوب كد این راست كلیك زیبا رو از زیر بردارید :

<SCRIPT language=JavaScript1.2> var bookmarkurl="takblog.MihanBlog.Com" var bookmarktitle="~<img border="0" src="Http://mihanblog.com/Yahoo/2.Gif">TakBlog):~" function addbookmark(){ if (document.all) window.external.AddFavorite(bookmarkurl,bookmarktitle) } </SCRIPT>  <SCRIPT> function doSaveAs(){ if (document.execCommand){ document.execCommand("SaveAs"<img border="0" src="Http://mihanblog.com/Yahoo/3.Gif"> } else { alert("Save-feature available only in Internet Exlorer 5.x."<img border="0" src="Http://mihanblog.com/Yahoo/3.Gif"> } } </SCRIPT>  <DIV class=skin0 id=ie5menu onmouseover=highlightie5(event) style="VISIBILITY: hidden; POSITION: absolute; TOP: 70px; menu: 46px" onclick=jumptoie5(event) onmouseout=lowlightie5(event) display:none=""> <DIV id=menu style="width: 130; height: 153 ; background-color:#f2f2f2;border:1px dotted silver "> <p align="center" dir="rtl" style="line-height: 120%"><font face="Tahoma" style="font-size: 9pt"> <a href="http://www.irlearn.com"><font color="#C0C0C0">.....www.irlearn.com.....</font></a></font><font face="Tahoma" style="font-size: 8pt"> </font> <a style="text-decoration: none" href="http://www.yoursite.com/">صفحه نخست</a><font face="Tahoma" style="font-size: 8pt"><BR> </font> <a style="text-decoration: none" href="mailto:Your%20Email">ایمیل به مدیر</a><font face="Tahoma" style="font-size: 8pt"><BR> </font> <A href="javascript:addbookmark()" style="text-decoration: none"> درج در علاقه مندی ها</A><font face="Tahoma" style="font-size: 8pt"><BR> </font> <A onclick="javascript:this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.yoursite.Com')" href="javascript:" style="text-decoration: none"> تبدیل به صفحه خانگی </A><font face="Tahoma" style="font-size: 8pt"><BR> </font> <A href="javascript:doSaveAs()" style="text-decoration: none"> ذخیره کردن این صفحه</A><font face="Tahoma" style="font-size: 8pt"><BR> </font> <A href="javascript:window.close()" style="text-decoration: none"> خروج از وبلاگ</A><font face="Tahoma" style="font-size: 8pt"><BR></font><a href="http://www.irlearn.com"><font color="#C0C0C0">.....www.irlearn.com.....</font></a><font face="Tahoma" style="font-size: 8pt"><span lang="en-us"> </font></font></DIV></DIV>  <SCRIPT language=JavaScript1.2> var display_url=1 var ie5=document.all&&document.getElementById var ns6=document.getElementById&&!document.all if (ie5||ns6) var menuobj=document.getElementById("ie5menu"<img border="0" src="Http://mihanblog.com/Yahoo/3.Gif"> function showmenuie5(e){ var rightedge=ie5? document.body.clientWidth-event.clientX : window.innerWidth-e.clientX var bottomedge=ie5? document.body.clientHeight-event.clientY : window.innerHeight-e.clientY if (rightedge<menuobj.offsetWidth) menuobj.style.left=ie5? document.body.scrollLeft+event.clientX-menuobj.offsetWidth : window.pageXOffset+e.clientX-menuobj.offsetWidth else menuobj.style.left=ie5? document.body.scrollLeft+event.clientX : window.pageXOffset+e.clientX if (bottomedge<menuobj.offsetHeight) menuobj.style.top=ie5? document.body.scrollTop+event.clientY-menuobj.offsetHeight : window.pageYOffset+e.clientY-menuobj.offsetHeight else menuobj.style.top=ie5? document.body.scrollTop+event.clientY : window.pageYOffset+e.clientY menuobj.style.visibility="visible" return false} function hidemenuie5(e){ menuobj.style.visibility="hidden"} function highlightie5(e){ var firingobj=ie5? event.srcElement : e.target if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"<img border="0" src="Http://mihanblog.com/Yahoo/3.Gif">{ if (ns6&&firingobj.parentNode.className=="menuitems"<img border="0" src="Http://mihanblog.com/Yahoo/3.Gif"> firingobj=firingobj.parentNode //up one node firingobj.style.backgroundColor="highlight" firingobj.style.color="white" if (display_url==1) window.status=event.srcElement.url } } function lowlightie5(e){ var firingobj=ie5? event.srcElement : e.target if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"<img border="0" src="Http://mihanblog.com/Yahoo/3.Gif">{ if (ns6&&firingobj.parentNode.className=="menuitems"<img border="0" src="Http://mihanblog.com/Yahoo/3.Gif"> firingobj=firingobj.parentNode //up one node firingobj.style.backgroundColor="" firingobj.style.color="blue" window.status='' } } function jumptoie5(e){ var firingobj=ie5? event.srcElement : e.target if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"<img border="0" src="Http://mihanblog.com/Yahoo/3.Gif">{ if (ns6&&firingobj.parentNode.className=="menuitems"<img border="0" src="Http://mihanblog.com/Yahoo/3.Gif"> firingobj=firingobj.parentNode if (firingobj.getAttribute("target"<img border="0" src="Http://mihanblog.com/Yahoo/71.Gif"> window.open(firingobj.getAttribute("url"<img border="0" src="Http://mihanblog.com/Yahoo/3.Gif">,firingobj.getAttribute("target"<img border="0" src="Http://mihanblog.com/Yahoo/71.Gif"> else window.location=firingobj.getAttribute("url"<img border="0" src="Http://mihanblog.com/Yahoo/3.Gif"> } } if (ie5||ns6){ menuobj.style.display='' document.oncontextmenu=showmenuie5 document.onclick=hidemenuie5 } </SCRIPT> </span>

وقتی كد رو گذاشتید تو قالبتون باید در دو قسمت از كد به جای www.yoursite.com آدرس سایت یا وبلاگتون رو وارد كنید . در یك قسمت هم باید ایمیل خودتون رو به جای Your Email بنویسید .

برای جستجوی این دوتا كه گفتم در كد تغیر بدید ، سرچ كنید .

موفق و پیروز باشید

:: نوع مطلب : کدهای جاوا اسکریپت ,

:: نوشته شده توسط : Nobody در شنبه 27 مرداد 1386 و ساعت 03:08 ق.ظ

:: ویرایش شده در - و ساعت -

لینك ثابت نظرات ( )

:: كد پرواز كبوترها در صفحه

امروز یه كد فانتزی ابتكاری براتون میزارم و این اولین جایی هست كه این كد رو می بینید .

كد پرواز تعدادی كبوتر از پایین به بالای وبلاگ :

نمایش كد به شكل زیره :

اینم كدش :

<body> <SCRIPT language=JavaScript>  </SCRIPT> <p align="center" dir="rtl"> <font face="Tahoma" style="font-size: 8pt"> <font color="#C0C0C0"> <a style="text-decoration: none; font-weight: 700" href="http://www.irLearning.com"> این همه آموزش توپ !</a></font> </font> </p> </body>

:: نوع مطلب : کدهای جاوا اسکریپت ,

:: نوشته شده توسط : Nobody در شنبه 27 مرداد 1386 و ساعت 02:08 ق.ظ

:: ویرایش شده در - و ساعت -

لینك ثابت نظرات ( )

:: ایجاد Loading برای وبلاگ ها و صفحات وب

همون طور كه قبلا بهتون قول داده بودم امروز آموزش قرار دادن Loading برای وبلاگ ها و صفحات وب رو بهتون میدم .

لودینگی كه امروز بهتون آموزششو میدم به این شیوه كار میكنه كه هنگامی آدرس صفحه رو میزنید یه مستطیل مثل زیر در بالای صفحه میاد و هی پر میكنه تا صفحه كاملا لود شه .

صفحه در حال بارگذاری است!
لطفا کمی صبر کنید...

بعد از اینكه صفحه كامل لود شد این Loading خود به خود محو میشه و شما صفحه رو به صورت كامل و لود شده می بینید .

اول یه توضیح كوچیك بدم كه هر صفحه ی Html یا قالب وبلاگ با یك تگ <html> شروع میشه و با تگ پایانی <html/> تموم می شه .

خوب حالا بریم سر اصل مطلب و چگونگی قرار دادن لودینگ در وبلاگ یا صفحات وب :

خوب ابتدا كد زیر رو بردارید و در قالب وبلاگ ( یا كدهای Html صفحه ی مورد نظرتون ) بعد از تگ <html> كه در اول قالب هست بزارید .

<SCRIPT> var DHTML = (document.getElementById || document.all || document.layers); function ap_getObj(name) { if (document.getElementById) { return document.getElementById(name).style; } else if (document.all) { return document.all[name].style; } else if (document.layers) { return document.layers[name]; } } function ap_showWaitMessage(div,flag) { if (!DHTML) return; var x = ap_getObj(div); x.visibility = (flag) ? 'visible':'hidden' if(! document.getElementById) if(document.layers) x.left=280/2; return true; } </SCRIPT> <body> <div id="waitDiv" style="border: 1px dotted silver ; POSITION:absolute;TOP: 90;RIGHT:400;TEXT-ALIGN:center; visibility:hidden; width:211; background-color:#eaeaea" padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px> <tr> <td align="middle"> </td> <p dir="rtl" style="margin-top: 5"> <font color="#808080" face="Tahoma" size="2"><span lang="fa">صفحه در حال بارگذاری است!<br> لطفا کمی صبر کنید...</span></font></p> <table cellpadding="6" border="0"> <tr> <td align="middle"> <img alt="Please wait ..." src="http://i2.tinypic.com/qnmcdv.gif" width="91" height="11" border="0"> <p> <span lang="en-us"><a target="_blank" href="http://www.irLearn.com">Loading by : irLearn.com</a> </span></p> </td> </tr> </table> </div> <SCRIPT> ap_showWaitMessage('waitDiv', 1); </SCRIPT>

همونطور كه گفتم بعد از تگ <html> یه اینتر بزنید تا یه سطر باز بشه و بعد كد رو در اون سطر بزارید . مثل زیر :

<html>
كد اول رو اینجا بزارید
.......

بعد از اینكه كد بالا رو در جایی كه گفتم قرار دادید نوبت به كد دوم میرسه . كد دوم كاربردش اینه كه وقتی صفحه كامل لود شد لودینگ بسته بشه پس این كد باید در انتهای قالب و قبل از تگ <html/> قرار بگیره .

<SCRIPT> ap_showWaitMessage('waitDiv', 0); </SCRIPT>

كد دوم رو باید بزارید آخره آخره قالبتون ( اگه بزارید قبل از تگ <html/> بهتره ) . مثل زیر :

.....
كد دوم رو اینجا بزارید
</html>

لازمه اینو بگم: اینكه كد اول رو بعد از تگ <html> بزارید ضروری نیست و میتونید كد اول رو در اوله اوله قالب بزارید .

همچنین اینو : كه كد دوم رو قبل از تگ <html/> بزارید ضروری نیست و میتونید كد دوم رو در آخره آخره قالب بزارید .

فقط به این خاطر من این جاها رو براشون گفتم كه اول و آخر كدها معلوم باشه كه مثلا یه قالب با <html> شروع و با <html/> تموم میشه .

در پناه حق موفق و سربلند باشید .

:: نوع مطلب : کدهای جاوا اسکریپت ,

:: نوشته شده توسط : Nobody در شنبه 27 مرداد 1386 و ساعت 02:08 ق.ظ

:: ویرایش شده در - و ساعت -

لینك ثابت نظرات ( )

:: دو افکت روی موس توپ

امروز دو تا كد جدید براتون میزارم . كد اول كدی هست كه چند تا ستاره به دور موس با افكت جالبی در حال گردش هستن . كد دوم هم كد حركت یه متن در یه باكس به همراه موس هست .

كدها رو از زیر بر دارید :

نمایش كدها در زیر هر دو كد هست :

كد اول : كد حركت ستاره به دور موس :

<SCRIPT language=JavaScript> if (document.all){ colours=new Array('00ff00','ffff00','ff0000','ff00ff','0000ff','ee00ee','8470ff','FFBD08','DE2929') amount=colours.length; YgetDelay=0,XgetDelay=0,Ydelay=0,Xdelay=0,step=0.2,currStep=0,my=0,mx=0; document.write('<div id="ie" style="position:absolute;top:0;left:0;"><div style="position:relative">'); for (i=0; i < amount; i++) document.write('<div id="iestars" style="position:absolute;top:0px;left:0px;height:50px;width:50px;font-family:Courier New;font-size:5px;color:'+colours[i]+';padding-top:20px;text-align:center">.</div>'); document.write('</div></div>'); ini=1; gstep=1; function iMouse(){ my=event.y;mx=event.x; } document.onmousemove=iMouse function dim(){ ini-=gstep; dt=setTimeout('dim()',10); if (ini < 3){ clearTimeout(dt); glow(); } } function glow(){ ini+=gstep; gt=setTimeout('glow()',100); if (ini > 15){ clearTimeout(gt); dim(); } } function stars(){ ie.style.top=document.body.scrollTop; for (i=0; i < amount; i++) { var layer=iestars[i].style; layer.filter='glow(color='+colours[i]+', strength='+ini+')'; layer.top= Ydelay+100*Math.sin((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10); layer.left=Xdelay+180*Math.cos((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10); } currStep+=step; } function delay(){ Ydelay = YgetDelay+=(my-YgetDelay)*1/20; Xdelay = XgetDelay+=(mx-XgetDelay)*1/20; stars(); setTimeout('delay()',7); } delay(); glow(); } </SCRIPT> <a href="http://www.irlearn.com/" style="text-decoration: none">منبع كدهای جاوااسكریپت</a><br>

كد دوم : كد حركت یك متن درون باكس به همراه موس :

<SCRIPT language=JavaScript1.2>  </SCRIPT> <a href="http://www.irlearn.com/" style="text-decoration: none">منبع كدهای جاوااسكریپت</a><br>