ترفندها

افزایش کارایی فرم ها با بهره گیری از پیام های خود کار

در این خود آموز نحوه اضافه کردن پیام های خود کار به فیلد های یک فرم آموزش داده میشه. با استفاده از این تکنیک هنگامی که کاربر یک فیلد رو انتخاب کنه یک پیام حبابی با جلوه FadeIn ( ظاهر شدن) نمایان میشه و موقعی هم که تمرکز از فیلد مورد نظر گرفته بشه با جلوه FadeOut غیب میشه.

در این تکنیک از فریم ورک Scriptaculous جهت خلق جلوه ها استفاده شده. برای دانلود این خود آموز هم اینجا رو کلیک کنید.

مرحله 1 : ضمیمه کردن کتابخانه های Scriptaculous

ابتدا یک فایل خالی html ( مثلا index.html ) رو ایجاد کنید و در قسمت Head اون کد زیر رو قرار بدین:

<script src=“scriptaculous/lib/prototype.js” type=“text/javascript”></script>

<script src=“scriptaculous/src/scriptaculous.js” type=“text/javascript”></script>
مرحله 2 : کد HTML
در این مرحله یک فیلد متنی به عنوان نمونه جهت جستجو یکی جهت ایمیل و یک فیلد مخفی دیگه با شناسه msgstatus در بدنه فایل HTML قرار میدیم. کار این فیلد مخفی نگه داشتن وضعیت نمایش کادر پیام هست.

<input type=“text” name=“name” id=name onfocus=javascript:showMsg(1)/>
<input id=“msgstatus” type=“hidden” value=“0” />
<div class=”msg” id=msg1 style=“display:none;”>
…some html code here…
<a href=“#” onClick=javascript:hideMsg(1)> Close </a>
<div/>

<input type=“text” name=“email” id=email onfocus=javascript:showMsg(2)/>
<input id=“msgstatus” type=“hidden” value=“0” />
<div class=”msg” id=msg2 style=“display:none;”>
…some html code here…
<a href=“#” onClick=javascript:hideMsg(2)> Close </a>
<div/>

توجه کنید که در قطعه کد بالا از تگ div برای نمایش کادر پیام استفاده میشه. حالا اگر نیاز داشته باشید که تعداد فیلد های بیشتری بسازین و برای هر کدوم هم یه کادر پیام مجزا بذارین باید قسمت ID هر تگ div رو به صورت افزایشی نامگذاری کنید. مثلا msg3 ، msg4 . از طرف دیگه باید شماره هر کادر رو هم با تابع showMsg اعلام کنید.

مرحله 3 : توابع Javascript

الان نوبت این هست که کدهای جاوا اسکریپتی رو که قرار هست باعث نمایان شدن و غیب شدن پیام ها میشه در قسمت head فایل خودمون درج کنیم. بلو اولی برای نمایان کردن پیام هست و دومی برای غیب کردنش.

<script language=“javascript”>
function showMsg(idElement){
idEl= idElement;
statusMenu = document.getElementById(‘msgstatus’);
if(statusMenu.value==0){
statusMenu.value=1;
Effect.toggle(‘msg’+idEl, ‘appear’); return false;
}
}
function hideMsg(idElement){
idEl= idElement;
statusMenu = document.getElementById(‘msgstatus’);
if(statusMenu.value==1){
statusMenu.value=0;
Effect.toggle(‘msg’+idEl, ‘appear’); return false;
}
}
</script>
تمام شد! تبریک میگم به همین سادگی شما تونستید کارایی و قابلیت فرم های خودتون رو بالا ببرید و تجربه دلچسب تری رو برای کاربر نهایی رغم بزنید.

کندن بی دغدغه فلش دیسک ها از درگاهشون

اگر از اون دسته از افرادی هستین که فلش دیسک خودتون رو با احتیاط و با استفاده از Safety Remove از درگاهش جدا می کنید، این بار براتون خبر خوشی دارم. از این به بعد می تونین با این ترفندی که در ادامه خواهم گفت راحت تر وسریعتر این کار رو انجام بدین. برای این منظور قصد دارم تا ابزار USB Disk Ejector رو به شما معرفی کنم.

استفاده از رابط گرافیکی ( GUI) برنامه USB Disk Ejector

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

image79.png

اگر شما از اون دست افراد عشق Shortcut (میانبر) هستین می تونین برای این برنامه یک میانبر تعریف کنین تا سریعتر و راحت تر بتونین اجراش کنین.

استفاده از خط فرمان ( Command Line) برنامه USB Disk Ejector

برای این کار ابتدا از طریق RUN و تایپ cmd و فشردن کلید Enter خط فرمان ویندوز رو اجرا کنین. بعد از اون می تونین برنامه رو با استفاده از سوییچ های شرح داده شده اجرا کنید. حتی این قابلیت فراهم هست که شما بتونین این برنامه رو مخفیانه و بدون نمایان شدن هیچ اثری اجرا کنید که این گزینه بدون شک به درد برنامه نویس ها و اسکریپت نویس ها خواهد خورد.

image80.png
همون طور که در تصویر مشخص هست سوییچ هایی که میشه ازشون با این برنامه در حالت خط فرمان استفاده کرد مشخص شده که من اون ها رو تشریح می کنم. قبل از اون یاد آوری کنم که هر وقت چیزی رو فراموش کردین و نیاز به راهنمایی داشتین می تونین از سوییچ ?/ استفاده کنید.
SILENT/
با استفاده از این سوییچ برنامه همون طور که قبلا گفتم به صورت مخفی و دور از چشم کاربر اجرا خواهد شد. حتی اون حبابی که در کنار ساعت سیستم در سینی سیستم نشون داده میشه رو هم مخفی میکنه که میتونه برای خیلی ها جالب توجه باشه.
SHOWEJECT/
این سوییچ باعث میشه که اون حبابی که متذکر میشه ” اکنون موقع مناسبی برای از جا کندن درایو” هست نمایان بشه که خب حالت پیشفرض هم همین هست.REMOVE/این سوییچ خیلی به درد بخور هست، چرا که باعث میشه درایو(USB) ای که این برنامه از داخل اون اجرا شده ارتباطش قطع بشه. به عنوان نمونه اگر درایو ایجاد شده جدید G باشه و این برنامه هم از این درایو اجرا شده باشه، بلافاصله با این سوییچ ارتباط درایو G قطع خواهد شد.
REMOVELETTER/

این سوییچ بر اساس نام درایو وارد شده اون رو از سیستم قطع میکنه.

REMOVENAME/

اگر برای درایو خودتون برچسب ( Label) گذاشته باشین می تونین با استفاده از این سوییچ فرمان بدین که ارتباط درایو قطع بشه.حتی این امکان وجود داره تا از کاکتر عمومی * هم در نامبرچسب استفاده کنید. به عنوان مثال اگر برچسب درایو شما MyUSB2008 باشه میتونین به این شکل فرمان بدین که از سیستم جدا بشه:

/REMOVENAME MyUSB*

دانلود برنامه USB Disk Ejector

منبع: How-to Geek