::: (ابزار (10 :::

فهرست

▫ خانه خدمت
▫ دريافت فايل
▫ تبليغات شما
▫ گالري عکس
▫ فرهنگ ايراني
▫ اتاق چت ياهو
▫ دوستان همکار
▫ معرفي سايتها
▫ امام عصر (عج)
▫ موسيقي ايراني
▫ تجارت الکترونيک
▫ عبور از پروکسي
▫ کتابهاي الکترونيک
▫ معرفي سخت افزار
▫ مترجم آن لاين پارس
▫ درباره ي ما و شرکت
▫ کدهاي طراحي سايت
▫ تقويم شمسي امسال
▫ جستجو گرهاي جهاني
▫ مبدل آن لاين کد فارسي
▫ روش نصب Movable Type
▫ پخش زنده رسانه هاي ايران
▫ وضعيت آن لاين آب و هوايي ايران

ارتباط با ما

▫ تماس با مدیر:
[email protected]

▫ وضعيت مدير در اينترنت:

▫ کد لوگوی سايت وصلت:

▫ دفعات بازديد تاکنون:
مرتبه

▫ تعداد کاربران آن لاين:
نفر

ابزار 10

نمايش منو با يک کليک

با استفاده از اين اسکريپت ميتوانيد منوي مورد نظر خود را با يک کليک به نمايش درآوريد. به راحتي مي توانيد مطلب خود را جايگزين منوهاي ارائه شده در مثال قرار دهيد.

<html> <head> <title>First menu</title> <style> .curhand{cursor:hand} </style> <script language="javascript"> function displayit(paragraph,title,imgmenu){ if (document.all[paragraph].style.display=='none') {document.all[paragraph].style.display="block"; document.all[imgmenu].src="arrow_u2.jpg"} else {document.all[paragraph].style.display="none"; document.all[imgmenu].src="arrow_d2.jpg"} } function setoverstyles(paragraph,imgmenu,title){ if (document.all[paragraph].style.display=='none') {document.all[imgmenu].src="arrow_d2.jpg"; document.all[title].style.textDecorationUnderline='true'} else {document.all[imgmenu].src="arrow_u2.jpg"; document.all[title].style.textDecorationUnderline='true'} } function setoutstyles(paragraph,imgmenu,title){ if (document.all[paragraph].style.display=='none') {document.all[title].style.textDecoration='none'; document.all[imgmenu].src="arrow_d1.jpg"} else {document.all[imgmenu].src="arrow_u1.jpg"; document.all[title].style.textDecoration='none'} } sw=0; function displayall(){ if (sw==0) {swall.innerText="Hide all";document.all['x'].style.display='block';sw=1; for (i=1;i<=5;i++) { xmenu='menu'+i ; ximg='imgmenu'+i ; if (document.all[xmenu].style.display=='none') {document.all[xmenu].style.display="block";document.all[ximg].src="arrow_u1.jpg"}}} else {swall.innerText="Show all";document.all['x'].style.display='none';sw=0; for (i=1;i<=5;i++) {xmenu='menu'+i;ximg='imgmenu'+i; if (document.all[xmenu].style.display=='block') {document.all[xmenu].style.display="none";document.all[ximg].src="arrow_d1.jpg"}}} } function displayinline(text){ if (document.all[text].style.display=="none"){document.all[text].style.display="inline"} else {document.all[text].style.display="none"} } </script> </head> <body> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1"> <tr> <td width="598" height="28"> <p align="left"> <span id="swall" onmouseover="this.style.textDecorationUnderline='true'" onmouseout="this.style.textDecoration='none'" class="curhand" onclick="displayall()"> Show all</span></td> <td width="93" height="28"> <p align="right"> </td> </tr> </table><br> <p id='x' style="display:none"></p> <div onmouseover="setoverstyles('menu1','imgmenu1','title1')" onmouseout="setoutstyles('menu1','imgmenu1','title1')" class="curhand" onclick="displayit('menu1','title1','imgmenu1')" id="title1" style="position:static; width:83; height:19"> <img id="imgmenu1" border="0" src="arrow_d1.jpg" width="12" height="12">First menu</div> <blockquote> <span id="menu1" style="display:none; width: 140">Item 1<br> Item 2<br> Item 3<br> Itrm 4<br> Item 5<br> Item 6<br> Item 7</span> </blockquote> <p></p> <div onmouseover="setoverstyles('menu2','imgmenu2','title2')" onmouseout="setoutstyles('menu2','imgmenu2','title2')" class="curhand" onclick="displayit('menu2','title2','imgmenu2')" id="title2" style="position:static; width:100; height:4"> <img id="imgmenu2" border="0" src="arrow_d1.jpg" width="12" height="12">Second menu</div> <p></p> <blockquote> <span id="menu2" style="display:none; width: 140">Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5<br> Item 6<br> Item 7</span> </blockquote> <p></p> <div onmouseover="setoverstyles('menu3','imgmenu3','title3')" onmouseout="setoutstyles('menu3','imgmenu3','title3')" class="curhand" onclick="displayit('menu3','title3','imgmenu3')" id="title3" style="position:static; width:84; height:19"> <img id="imgmenu3" border="0" src="arrow_d1.jpg" width="12" height="12">Third menu</div> <p></p> <blockquote> <span id="menu3" style="display:none; width: 140">Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5<br> Item 5<br> Item 6</span> </blockquote> <p></p> <div onmouseover="setoverstyles('menu4','imgmenu4','title4')" onmouseout="setoutstyles('menu4','imgmenu4','title4')" class="curhand" onclick="displayit('menu4','title4','imgmenu4');" id="title4" style="position:static; width:93; height:19"> <img id="imgmenu4" border="0" src="arrow_d1.jpg" width="12" height="12">Fourth menu</div> <p></p> <blockquote> <span id="menu4" style="display:none; width: 140"> Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5<br> Item 6</span> </blockquote> <p></p> <div onmouseover="setoverstyles('menu5','imgmenu5','title5')" onmouseout="setoutstyles('menu5','imgmenu5','title5')" class="curhand" onclick="displayit('menu5','title5','imgmenu5')" id="title5" style="position:static; width:80; height:19"> <img id="imgmenu5" border="0" src="arrow_d1.jpg" width="12" height="12">Fifth menu</div> <p></p> <blockquote> <span id="menu5" style="display:none; width: 140"> Item 1<br> Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5</span> </blockquote> </body> </html>

نمونه

OnMousedown Event

يکي از سوالهايي که به طور فراوان, توسط اکثر کاربران پرسيده مي شود, چگونگي پنهان کردن اصل محتواي اسکريپت به کار گرفته شده در صفحه است. اما پاسخ آنها بطور خيلي ساده, "غير ممکن" مي باشد. يعني کاربر با اندکي تجربه و تشخيص مي تواند مفهوم کدهاي اسکريپت را دريابد. ولي در صورتي که بخواهيد از جستجوگران که سطح معلومات متوسطي دارند, اسکريپت را اندکي غير قابل دسترسي نماييد, آن گاه اسکريپت فوق, چگونگي کد لازم را به شما توضيح مي دهد. بدين صورت کاربر نمي تواند با انجام کليک راست بر روي صفحه از منوي Shortcut براي مشاهده Source برنامه استفاده کند.
براي غير فعال کردن دکمه سمت راست موس

if(document.layers) {
document.captureEvents(Event.MOUSEDOWN)
}

1.در صورتيکه کاربر داراي Netscape 4 باشد, آنگاه به browser, استفاده از Capture Events را براي کنترل Mousedown اعلام مي کند.

document.onmousedown = captureMousedown

2.براي تمامي browserها از تابع captureMousedown براي حالت onmousedown استفاده مي شود. توجه کنيد در اين مرحله, کنترل کننده event, (CaptureMousedown) داراي پرانتز نمي باشد. در صورتي که وجود پرانتز از اساس کنترل کننده event بوده ولي در جاوا اسکريپت مي توان از آن صرف نظر نمود.

function captureMousedown(evt) {

3.تابع مورد نياز براي کنترل Mousedown در اين مرحله شروع مي شود. پارامتر evt نيز توسط Netscape, بطور اتوماتيک در هنگام اجراي event, که شامل اطلاعات در مورد event مربوطه است را ارسال مي کند.

if(evt) {
mouseClick = evt.which

4.در صورت استفاده از Netscape, متغير evt وجود داشته, در اين صورت انتخاب کليد ماوس توسط کاربر مشخص مي شود.

else {
mouseClick = window.event.button
}

5.ولي در صورتيکه که کاربر از IE استفاده کند, نتيجه عملها در متغيير mouseClick ذخيره مي شود.

if(mouseClick == 1 || mouseClick == 2 || mouseClick == 3) {
alert("Mouse Disabled")
return false
}

6.در صورتي که کليک ماوس مربوط به يکي از دکمه 1,2,3 آن باشد يک پيغام اخطار نمايان مي گردد که نشان دهنده عدم قابليت تابع نويسي مي باشد. در نتيجه false را برگردانده و بدين وسيله, پنجره منو از ناپديد شدن در امان مي ماند.

<html> <head> <script language="javascript" type="text/javascript"> if(document.layers) { document.captureEvents(Event.MOUSEDOWN) } document.onmousedown = captureMousedown function captureMousedown(evt) { if(evt) { mouseClick = evt.which } else { mouseClick = window.event.button } if(mouseClick == 1 || mouseClick == 2 || mouseClick == 3) { alert("Mouse Disabled") return false } } </script> </head> <body> <h2>vaslat.com</h2> </body> </html>

نمونه

استفاده از كوكي ها براي كانتور وبلاگ

اين كانتر نشان مي دهد كه شما چند بار از اين صفحه باز كرديد و با كوكي ها كار مي كند يعني اگه Offline باشيد هم كار مي كند.

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <p><font face="Tahoma" style="font-size: 8pt"> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </font></p>

نمونه

زمان و تاريخ

▫ ساعت:
▫ تاريخ :

عمومی

▫ صفحه ي خانگي قرار بده.
▫ به صفحه علاقه ها اضافه کن.

جستجو در صفحه

اطلاعات مرورگر شما