کتابخانه های جاوا اسکریپت javascript library

نویسنده :
تاریخ:پنجشنبه 30 دی 1395-08:55 ق.ظ

کتابخانه های جاوا اسکریپت javascript library

برنامه نویسی با زبان جاوا اسکریپت در سطح پیشرفته بدلیل تفاوت های متعددی که بین مرورگرهای مختلف وجود دارد و مدیریت آن ها، ممکن است امری زمان بر و ملال آور باشد. جهت رفع این معضل، کتابخانه های (کمک رسان ها) مختلفی طراحی و ارائه شده است.

به کتابخانه های مذکور، گاه framework یا چارچوب کاری نیز می گویند.

در این مبحث، درباره ی بعضی از کتابخانه های پرکاربرد و کارامد جاوا اسکریپت توضیحات مختصری را ارائه خواهیم داد:

jQuery

MooTools

Prototype


ادامه مطلب

تلگرام

دسته بندی : java  دانستنی ها 

برچسب ها: جاوا، java، javascript، جاوااسکریپت،

نظرات() 

کد پاپ آپ که با کلیک باز می شود - همراه با تنظیم کوکی

نویسنده :
تاریخ:پنجشنبه 8 بهمن 1394-01:45 ق.ظ

کد پاپ آپ popup code
به درخواست کاربران کد پاپ آپ برای شما آماده کردم که با کلیک روی صفحه باز می شود و با تنظیم کوکی Cookie در مرورگر فقط یکبار نمایش داده می شود و کاربران را آزار نمی دهد . این کد پاپ آپ کاملا مستقل عمل می کند و هیچ پیش نیازی ندارد

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

اگر مرورگر کاربر به هر دلیلی اجازه تنظیم کوکی را به سایت شما ندهد
اگر کاربر یک افزونه ضد پاپ آپ قوی داشته باشد

تنظیمات دلخواه :

به جای test.html آدرس خود را وارد کنید
resizable اگر صفر باشد پنجره قابلیت تغییر اندازه نخواهد داشت
blank_ پنجره یا Tab جدید
self_ داخل همان پنجره
menubar و statusbar هم اگر صفر شوند حذف می شوند.
مقدار bcode-ir-popup هم نام دخواه خود را قزار دهید . این نام ، همان نام کوکی خواهد بود که در مرورگر کاربران ذخیره می شوند تا در کلیکهای بعدی پنجره تکراری باز نشود.




تلگرام

دسته بندی : java 
دنبالک ها: ساخت Popup پاپ آپ خودکار  ساخت پنجره تبلیغاتی پاپ آپ JQuery 

برچسب ها: کد popup با قفل ip، کد پاپ آپ با کلیک باز شود، کد popup با کلیک باز شود، کد پاپ اپ، پاپ آپ با کوکی،

نظرات() 

شناسایی مرورگر با جاوا - Detect browser with java

نویسنده :
تاریخ:یکشنبه 13 دی 1394-06:06 ب.ظ

جاوا

  • با پیدا کردن نام User Agent مرورگر می توان مرورگر را شناسایی کرد . هرچند این روش 100% قابل اعتماد نیست چون افزونه هایی برای پنهان کردن نام مرورگر و حتی تغییر آن وجود دارد .

if ( navigator.userAgent.toLowerCase().indexOf('firefox') > -1 ){ alert (' این فایرفاکس است ') }

  • در نمونه بالا مرورگر فایرفاکس شناسایی می شود . شما می توانید نام مرورگرهای دیگر را جایگزین کنید :
مرورگر کروم : Chrome
مرورگر اینترنت اکسپلوررIE مایکروسافت :  MSIE
مرورگر اپرا : Opera
مرورگر سافاری : Safari
  • در نمونه بالا نام مرورگر با حروف کوچک خوانده می شوند


تلگرام

دسته بندی : java 

برچسب ها:

نظرات() 

باز کردن لینک یا نمایش محتویات textarea در پنجره با اندازه دلخواه

نویسنده :
تاریخ:سه شنبه 19 آبان 1394-01:39 ب.ظ

جاوا

به طور کلی باز کردن پنجره با سایز دلخواه را می توان توسط window.open انجام داد :

window.open("http://bcode.ir", "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=500, left=500, width=500, height=500");



باز کردن لینک در پنجره جدید با اندازه دلخواه :

برای این کار کافیست window.open با کلیک onclick اجرا شود .

<a href="http://bcode.ir" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=500,height=500');return false;"> عنوان لینک
</a>

اجرای کد در پنجره جدید با اندازه دلخواه :

برای آنکه کد خاصی در textarea  را در پنجره جدید اجرا کنیم باید برای عنصر id تعیین شود مقدار value آن باید دریافت شود
document.getElementById("id").value
  • فانکشن برای دریافت محتویات کد

<script>

function myFunction(){
var value  = document.getElementById("mycode").value;
al=window.open("","_blank", "fullscreen=0, menubar=0, directories=0, status=0, toolbar=0, scrollbars=0, resizable=0, width=500, height=500");
al.document.write(''+value+'');
}

اجرای کد در پنجره جدید
<script/>
  • تعیین id  برای عنصر مورد نظر
  • اجرای فانکشن با onclick
<textarea name="mycode" id="mycode"  rows="2" cols="20" dir="ltr" onClick='selectall(mycode);'></textarea>
<button class="submit" type="button" onclick="myFunction();">اجرای کد در پنجره جدید</button>




تلگرام

دسته بندی : java 

برچسب ها:

نظرات() 

کد نمایش متن شبیه تایپ کردن

نویسنده :
تاریخ:چهارشنبه 6 خرداد 1394-05:12 ق.ظ

جاوا
آیا به دنبال کد جاوا می گردید که جملات به حالتی شبیه تایپ کردن نمایش دهد ؟!  این شکل نمایش برای عنوان مطالب بسیار جالب است  و نظر خواننده را جلب می کند و  چشم متن را دنبال می کند . برای آنکه متن خود را به صورت تایپ نمایش دهید ابتدا کد زیر را که شامل یک function جاوا است در قسمت هیدر قالب خود قرار دهید( بین تگ <head/><head> ) :

<script type="text/javascript" src="http://cld.persiangig.com/preview/IxQ1pf2KWX/type.js"></script>



سپس متن خود را داخل <span > با این id  به صورت زیر قرار دهید :

<span id='nineteenth' style='fifth2:hidden'>
متن شما
</span>





تلگرام

دسته بندی : java 

برچسب ها:

نظرات() 

انتخاب همه TextArea با یک کلیک Select All by one click

نویسنده :
تاریخ:شنبه 26 اردیبهشت 1394-09:14 ب.ظ

 نمونه TextArea :

   

با یک کلیک موس همه متن داخل آن انتخاب می شود  تا کاربر بتواند آن را کپی کند ( Copy or cut )
نوع textarea از نوع خواندنی readonly در نظر گرفته شده

<textarea rows="10" cols="50" onclick="this.focus();this.select()" readonly="readonly">
متن دلخواه شما
</textarea>

متن مورد نظر خود را جایگزین کنید .
مقدار row تعداد ردیف را مشخص می کند ، در حال حاضر 10 ردیف فرض شده است

نیاز به کد بیشتری نیست و به تنهایی عمل می کند ،
       
                onclick="this.focus();this.select()"
    

باعث انتخاب می شود و نباید آن را حذف کنید .



تلگرام

دسته بندی : java 

برچسب ها:

نظرات() 

کد انتقال به آدرس دیگر همراه تایمر

نویسنده :
تاریخ:جمعه 11 اردیبهشت 1394-10:57 ب.ظ

جاوا
در مقابل var count زمان را به ثانیه وارد کنید
در مقابل redirect آدرس صفحه ای  که میخواهید منتقل شود را وارد کنید



<script type="text/javascript">var count = 5;var redirect = "index.php";
function countDown(){var timer = document.getElementById("timer");
if(count > 0){count--;timer.innerHTML = "ثانیه "+count+" ";setTimeout("countDown()", 1000);}else{
window.location.href = redirect;}
}</script><body oncontextmenu="return false">
<p align="center"><font face="tahoma" size="4">صبور باشید</font></p>
<p align="center"><span id="timer"><script type="text/javascript">countDown();</script></span></p>



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

كد رفرش یا انتقال صفحه بعد از مدتی معین




تلگرام

دسته بندی : java 
دنبالک ها: كد رفرش صفحه بعد از مدتی معین 

برچسب ها:

نظرات() 

ساخت پنجره تبلیغاتی پاپ آپ JQuery

نویسنده :
تاریخ:چهارشنبه 28 آبان 1393-11:44 ق.ظ

نمایش فریم تبلیغاتی به همراه دکمه بستن پنجره

برای ساخت یک پنجره یا فریم Frame تبلیغاتی که پس از کلیک کاربر روی متن یا لینک ظاهر میشه حتما" این مطلب رو بخوانید . این پنجره این امکان رو به کاربر شما می دهد تا در صورتی که علاقه ای به خواندن محتوای تبلیغ ندارد پنجره را ببندد و به صفحه قبلی بازگردد . برای این کار از JQuery استفاده کردیم .
با این کد می توانید پیغام یا تبلیغ خود را زیباتر به کاربر نشان دهید و دیگر نیاز نیست او را مجبور به انتقال به صفحه جدید کنید !



ادامه مطلب

تلگرام

دسته بندی : java 
دنبالک ها: آموزش ساخت پاپ آپ خودکار 

برچسب ها:

نظرات() 

ساخت Popup پاپ آپ خودکار

نویسنده :
تاریخ:چهارشنبه 28 آبان 1393-10:19 ق.ظ

پاپ آپ

در این مطلب آموزش ساخت پاپ آپ Pop up و روش استفاده از آن را براتون شرح میدیم . بعد از باز کردن صفحه به صورت خودکار و بلافاصله پنجره تبلیغات پاپ آپ شما باز می شود این ساده ترین نوع پاپ آپ هست و میتوانید اندازه صفحه رو در کد به میل خودتان تغییر بدهید . استفاده نابجا از پاپ اپ میتونه باعث ناراحتی کاربران شما شود .


ادامه مطلب

تلگرام

دسته بندی : java 
دنبالک ها: پنجره پاپ آپ با JQuery 

برچسب ها:

نظرات() 

کد دکمه چاپ ( پرینت print ) صفحه

نویسنده :
تاریخ:سه شنبه 6 آبان 1393-04:17 ب.ظ

جاوا

به جای عبارت " چاپ صفحه " میتوانید عبارت مورد علاقه خودتان را قرار دهید


<SCRIPT LANGUAGE="JavaScript">
if (window.print) {
document.write('<form> '
+ '<input type=button name=print value="چاپ صفحه" '
+ 'onClick="javascript:window.print()"></form>');
}
</script>




تلگرام

دسته بندی : java 

برچسب ها:

نظرات() 


  • تعداد صفحات :2
  • 1  
  • 2