momentjs  پلاگینی سبک با حجم ۳٫۳kb برای جاواسکریپت است که کار با زمان و تاریخ را به راحتی و با سرعت انجام می دهد .

از جمله مزایای آن :

عدم نیاز به Jquery یا کتابخانه دیگر

حجم بسیار کم آن ۳٫۳kb

پشتیبانی از زمان در قالبهای نوشتاری و time stamp

اضافه و کم کردن روز و ساعت و … به تاریخ حاضر و محاسبه timestamp

پشتیبانی از زبان های مختلف و با قابلیت اضافه کردن زبان جدید

نمایش بصورت am/pm و تنظیمات timeZone یا زمان محلی

سازگاری با NodeJS

مستندات کامل

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

نوشته های مرتبط

• فرق window و document در جاواسکریپت
• 8 اینفوگرفیک پویا و خلاقانه ساخته شده با JS , HTML , CSS
• نمایش اطلاع یا اخطار روی صفحه با Jquery
• Jeditable ویرایش درجای اطلاعات روی صفحه
• ابزاری مفید برای تعامل بین کاربران حاضر در سایت

برای رفع این مشکل به مسیر زیر بروید :

config/mimes.php

در این فایل علامت اختصاری برای فرمت ها مشخص شده است ، چون پسوند فایلها با اینکه مثلا یک کلمه ۳ حرفی می باشد اما سرور نام کامل فرمت فایل را می فهمد و می بایست جایی برای معرفی اختصار فرمت ها داشته باشیم .

حال در این آرایه ، آیتم ZIP موجود است اما rar موجود نیست ، آیتم zip را باید کامل تر کنید و آیتم rar هم در آخر آرایه قرار دهید .

'zip' => array('application/x-zip', 'application/zip', 'application/x-zip-compressed', 'application/force-download' , 'application/octet-stream'),

'rar' => array('application/rar','application/x-rar','application/x-rar-compressed','application/octet-stream')

در صورتی که بازهم در این فرمتها یا هر فرمت دیگری خطای فرمت مجاز را مشاهده کردید ، در حالی که آن را جزء فرمتهای مجاز در کد خود تعریف کرده بودید ، یک بار از آرایه $_FILES با دستور print_r نمایش بگیرید تا نام کامل فرمت فایل را مشاهده کنید .

مثلا بصورت زیر است :

Array

(
[file1] => Array
(
[name] => MyFile.txt
[type] => text/plain // This is the value you want
[tmp_name] => /tmp/php/php1h4j1o
[error] => UPLOAD_ERR_OK
[size] => ۱۲۳
)

و سپس این فرمت که در آیتم type مشاهده میکنید را در فایل mimes.php معرفی کنید تا مشکلتان حل شود.

نوشته های مرتبط

• اجرای Cron Job لینکی در CodeIgniter
• نکته ای در مورد کلاس session در Codeigniter
• استفاده از پلاگین نظر سنجی AJAX

یکی از معایب این روش ، تغییر HTML صفحه و اضافه کردن آن المان مطلق است ، علاوه بر این برای اخطار های مختلف نیز پیچیدگی بیشتری خواهد داشت .

در این نوشته قصد دارم یک پلاگین Jquery سبک را معرف کنم که توسط آن براحتی قادر خواهید بود اطلاعیه های خود را روی صفحه بدون تغییر المان های HTML صفحه ، به کاربر نشان دهید .

پلاگین  noty شکلهای نمایشی مختلفی دارد و می توان آن را در قسمتهای مختلف صفحه به کار برد ، برای دمو به سایت سازنده رجوع کنید  .

دانلود پلاگین

طرز استفاده : 

می توانید مستندات را در سایت سازنده مشاهده کنید ، اما این جا هم توضیحات اجمالی برای پیاده سازی آن بیان می کنم .

کافیست کتابخانه های Jquery و Noty و همچنین استایل noty را ابتدای کد خود و درتگ head لود نمایید .

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script type="text/javascript" src="js/jquery.noty.js"></script>

<link rel="stylesheet" type="text/css" href="css/jquery.noty.css"/>

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

مثلا در اینجا با jquery به مرورگر می گوییم که اگر روی لینک با کلاس ex1.alert کلیک شد این اخطار را نشان بده .

$('.ex1.alert').click(function() { noty({text: 'noty - a jquery notification library!'}); });

نحوه تنظیمات نمایش اطلاعیه و گزینه های قابل تغییر آن را در مستندات مطالعه کنید .

سایت noty علاوه بر ارائه این پلاگین کاربردی قسمی برای تست و دریافت کد آماده دارد ، شما کافیست مانند شکل زیر تنظیمات را انجام دهید و کد را دریافت کنید .

حال کد دریافت شده را در داخل تابعی که در بالا تعریف کردیم قرار می دهید .

// ex1 - alert

$('.ex1.alert').click(function() {
noty{"text":"طراح - وبلاگ طراحی وب و برنامه نویسی www.taraah.ir","layout":"center","type":"success","textAlign":"center","easing":"swing","animateOpen":{"height":"toggle"},"animateClose":{"height":"toggle"},"speed":"500","timeout":"5000","closable":true,"closeOnSelfClick":true};
});

نوشته های مرتبط

• 8 اینفوگرفیک پویا و خلاقانه ساخته شده با JS , HTML , CSS
• استفاده از پلاگین نظر سنجی AJAX
• افکت Jquery parallax
• پشت زمینه ی pattern منعطف با ابعاد و بزرگنمایی مرورگر با استفاده از html5
• حالت Indeterminate چک باکس و طرز استفاده از آن

اگر در صفحه ای که روی آن جاواسکریپت می نویسید از تگ Iframe استفاده نشده باشد ، استفاده از این دو مشخصه یعنی document و window فرقی با هم نخواهد کرد ، اما اگر iframe در صفحه بود تفاوت ها ظاهر می شوند ، window مشخصه ای است که به کل پنجره ی باز شده داده می شود ، هم iframe و هم بقیه ی المانهای روی صفحه ولی document فقز به المان های غیر iframe گفته می شود ، به عبارتی Iframe و Document زیر مجموعه ی window هستند .

همانطور که در شکل مشاهده می کنید ، دستور کنترل iframe و document با هم متفاوت است ، ولی window هر دو اینها را با هم شامل می شود .

مثلا اگر یک تابع را به document بیرون از iframe اختصاص دهیم ، به داخل iframe وارد نمی شود و همین طور اگر به داخل iframe اختصاص دهیم ، به document بیرونی وارد نمی شود .

اگر می خواهید به تفاوت document بیرونی و درونی iframe پی ببرید داخل کد صفحه ی  iframe مثلا این دستور را وارد کنید :

<a href="http://example.com" onclick="window.location='http://zona.ir'; return false;">Click me</a>

با کلیک روی لینک درون iframe به سایت zona.ir  منتقل می شود ، یعنی سایت در یک پنجره داخلی باز می شود ، در صورتی که document بیرونی کاملا مستقل خواهد بود و بدون تغییر .

حال اگر بخواهیم با کلیک روی لینک داخل iframe کل صفحه (صفحه مادر)  به لینک جدید منتقل شود چی کنیم ؟

در این حالت می بایست بجای window.location عبارت window.top.location.href قرار داد شود .

<a href="http://example.com" onclick="window.top.location.href='http://zona.ir'; return false;">Click me</a>

البته باید توجه داشت که دامنه iframe و دامنه صفحه ی مادر که Iframe در آن قرار دارد باید یکی باشد تا در انتقال منجر به خطا نشود (خطای امنیتی )  .

نوشته های مرتبط

• کار با فرمت زمان و تاریخ در جاواسکریپت
• 8 اینفوگرفیک پویا و خلاقانه ساخته شده با JS , HTML , CSS
• نمایش اطلاع یا اخطار روی صفحه با Jquery
• Jeditable ویرایش درجای اطلاعات روی صفحه
• 4 پلاگین jquery برای تولید نمودارهای پویا تحت وب

می توانید دموی آن را در خود سایت سازنده  مشاهده کنید و نسخه کم حجم ۱۷kb آن را هم از اینجا دانلود کنید .

این پلاگین فقط با مرورگرهایی که از HTML5 پشتیبانی می کنند کار می کند ، از مزایای آن می توان به :

- حجم کم

- سازگاری با تبلتها و موبایلهای لمسی

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

- در مقابل فلش که در موتورهای جستجو index نمی شود ، این صفحه چون با متن و javascript کار می کند مشکلی ندارد .

- و در آخر می توان به  راحتی استفاده از آن اشاره کرد .

نحوه ی کار کردن آن هم بسیار ساده است ، ابتدا Jquery و پلاگین turn.js را ابتدای کد خود لود کنید .

<script type="text/javascript" src="libs/jquery.js"></script>
<script type="text/javascript" src="turn.js"></script>

سپس کافیست یک DIV مثلا در اینجا magazine# را در نظر بگیرید و  مطالب خود را درون DIV های زیر مجموعه بصورت کد زیر که با page1 , page2 , page3 مشخص شده است بنویسید ، این پلاگین بطور خودکار از این مطالب دفترچه را درست می کند . برای اینکه دفترچه کامل شود تعداد DIV هایی که در آیدی magazine قرار داده اید می بایست زوج باشد ، ( صفحه ی اول و آخر ) و در هنگام صدا زدن تابع هم تعداد صفحات را به او خواهیم گفت .

قسمت HTML

<div id='magazine'>
<div> Page 1 </div>
<div> Page 2 </div>
<div> Page 3 </div>
</div>

قسمت CSS

اولی کل دفترچه در حالت باز را مشخص می کند و دومی هر صفحه ( به عرض قرار داده شده توجه کنید )

#magazine{
width:800px;
height:400px;
}
#magazine .turn-page{
width:400px;
height:400px;
background-color:#ccc;
}

قسمت Jquery

در آخر هم تابع را برای این آیدی صدا می زنیم  و تعداد صفحات را هم به او می گوییم .

$('magazine#').turn('page', 6);

نوشته های مرتبط

• معرفی UI Webkit قدرتمند bootstrap
• نمایش اطلاع یا اخطار روی صفحه با Jquery
• افکت Jquery parallax
• معرفی UI Webkit ای بنام kendoui
• Jeditable ویرایش درجای اطلاعات روی صفحه

State of The Internet

Is the Internet Awake?

Intacto 10 Years of History

Future of Car Sharing

Sandalous Dirt

Organized Crime: THe World’s Largest Social Network

How many slaves work for you?

You VS. John Paulson

نوشته های مرتبط

• نمایش اطلاع یا اخطار روی صفحه با Jquery
• کار با فرمت زمان و تاریخ در جاواسکریپت
• فرق window و document در جاواسکریپت
• پشت زمینه ی pattern منعطف با ابعاد و بزرگنمایی مرورگر با استفاده از html5
• حالت Indeterminate چک باکس و طرز استفاده از آن

سایت سازنده این پلاگین ، فایل پلاگین و مستندات به همراه چند دمو را قرار داده است .

اما در این نوشته افکت پشت همین وبلاگ را توضیح می دهم و برای دانلود قرار می دهم ، شما می توانید سورس نمونه های دیگر را هم در سایت سازنده مشاهده کنید .

دمو   دانلود

برای اجرای این افکت احتیاج به تعدادی عکس دارید که دارای پشت زمینه شفاف هستند ، فرمت فایل در اینجا png است اما می توان از GIF هم استفاده نمود .

این فایلها باید اول صفحه لود شود .

<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>

<script type="text/javascript" src="js/jquery.jparallax.min.js"></script>
<script type="text/javascript" src="js/jquery.event.frame.js"></script>

قسمت HTML

این ها المانهایی هستند که برای اضافه کردن عکسها استفاده می شود در اینجا ۳ تا عکس استفاده شده که روی هم حرکت می کنند .

<div id="parallax">
<div style="width:1200px; height:550px;">
<img src="images/03.png" alt="" style="width:1200px; height:550px;"/>
</div>
<div style="width:1150px; height:530px;">
<img src="images/02.png" alt="" style="width:1000px; height:450px;"/>
</div>
<div style="width:1100px; height:520px;">
<img src="images/04.png" alt="" style="width:1200px; height:500px;"/>
</div>
</div>

با استفاده از دستور زیر تابع parallax را برای آیدی مورد نظر صدا می زنیم .

<script type="text/javascript">

jQuery(document).ready(function()
{
$('#parallax .parallax-layer')
.parallax({
mouseport: $('#parallax')
});
});
</script>

قسمت CSS :

#parallax {

 

position:relative; overflow:hidden; width:950px; height:250px;
background-image:url('background.jpg');
}
.parallax-viewport {
position: relative; /* relative, absolute, fixed */
overflow: hidden;
}
.parallax-layer {
position: absolute;
}

اگر موارد را درست انجام داده باشید باید افکت اجرا شود ، اگر اجرا نشد حتما با firebug منشا خطا ها را پیدا کنید ، می توانید سورس دمو را هم دانلود کنید و با کد خود مقایسه کنید .

توجه کنید که استایل مربوط به این افکت در فایل style.css قرار دارد و استایلهای موجود در فایل HTML استایلهای تکمیلی برای آن صفحه خاص است .

نوشته های مرتبط

• نمایش اطلاع یا اخطار روی صفحه با Jquery
• استفاده از پلاگین نظر سنجی AJAX
• نمایش مطالب بصورت دفترچه با HTML5
• 8 اینفوگرفیک پویا و خلاقانه ساخته شده با JS , HTML , CSS
• معرفی UI Webkit ای بنام kendoui

.

پیشتر در مورد یکی دیگر از Webkit  های قدرتمند و سبک دیگری به نام bootstrap صحبت کردیم .

در این نوشته قصد دارم مقایسه ای اجمالی بین این دو  UI و Jquery Ui انجام دهم .

kendoui  علاوه بر داشتن ابزارهایی که معمولا UI های دیگر هم دارند ابزارهای خاصی هم دارد ، می توان از بین ابزارهای آن به Spliter اشاره کرد که می توان بخش بندی هایی همراه با تغییر اندازه روی صفحه انجام داد ،داشتن ابزار ایجاد نمودار شما را از درگیر شدن با ابزارهای دیگر نمودار سازی فارغ می کند

از مزایایی که نسبت به دو UI دیگر دارد ، Validator فرم آن و باکس مخصوص اعداد آن است که بازهم در استفاده از ابزارهای دیگر صرفه جویی می شود .

kendoui  همچنین مانند bootstrap  آپلودر AJAX و چند فایلی دارد ، چیزی که در Jquery UI مشاهده نمی شود .

پیشنهاد می کنم که قسمت DEMO آن را مشاهده کنید ، ابزارهای تکمیلی خوبی برای نمایش قرار داده است ، اما به نظر من تعداد کارهایی که برای یک طراح وب می تواند انجام دهد از Jquery UI بیشتر و از  bootstrap کمتر است ، البته با توجه به مزایایی که در بالا ذکر کردم بهتر است فقط یک نوع را با توجه به نیاز انتخاب نمود .

حجم فایل JS آن برای لود اولیه در حالت حداکثر ابزار ، بالا و در حدود ۳۵۰K می باشد ، ار این جهت با حجم ۴۰۰kb ای Jquery UI تقریبا برابری می کند ، در صورتی که bootstrap   حجم بسیار پایین ۱۲۰kb در حالت حداکثر دارد .

از مشکلات kendoui  نبود دگمه ها و آیکون ها می باشد چیزی که در bootstrap فراوان دیده می شود .

این UI همچنین برای موبایل هم بسته جداگانه ارائه شده است که در بین UI ها جدید است .

این سایت بسته ی دانلودی را بصورت کد بسته رایگان می دهد و بسته ی کد باز آن را با لایسنس GPL و فقط برای مصارف کدباز و غیر تجاری ارائه می دهد .

برای دانلود احتیاج به عضویت در سایت kendoui   دارید ، البته می توانید بطور مستقیم نسخه رایگان آن را از سایت ما دانلود کنید .

نوشته های مرتبط

• معرفی UI Webkit قدرتمند bootstrap
• نمایش اطلاع یا اخطار روی صفحه با Jquery
• نمایش مطالب بصورت دفترچه با HTML5
• افکت Jquery parallax
• Jeditable ویرایش درجای اطلاعات روی صفحه

Jeditable  یک پلاگین Jquery با حجم ۸kb می باشد که این کار را براحتی برای شما انجام می دهد .

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

این پلاگین می تواند یک کلمه یا جمله را تبدیل به textbox یا textarea کند ، همچنین می تواند به آن فرم تاریخ یا زمان بدهد که از لیست تاریخ را انتخاب کنید و یا سریعا تبدیل به یک آپلود کننده AJAX شود  و …

اطلاعاتی که این فرم ها ارسال می کنند هم می توان به یک آدرس PHP فرستاد و هم به یک تابع Jquery  که این بسیار کاربردی خواهد بود و می توان کارهای زیادی با این  تابع قبل از ارسال AJAX انجام داد .

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

نوشته های مرتبط

• 4 پلاگین jquery برای تولید نمودارهای پویا تحت وب
• کار با فرمت زمان و تاریخ در جاواسکریپت
• نمایش اطلاع یا اخطار روی صفحه با Jquery
• فرق window و document در جاواسکریپت
• نمایش مطالب بصورت دفترچه با HTML5

smampi.com یک سرویس دهنده ی آنلاین و رایگان می باشد ، که هر میزان ایمیل را می توانید در آن وارد کنید و بدون محدودیت اقدام به دریافت و ارسال ایمیل کنید ، بیشترین مزیت این سایت همانطور که گفته شد وقتی مشخص می شود که دسترسی شما مثلا در مواقعی به سرویسهای جیمیل و یاهو محدود یا مسدود شده است ، مثلا در دانشگاه که نمی توانید از ابزارهای رفع محدودیت استفاده کنید و پورتهای لازم بسته می باشد و غیر از بالا آوردن سایتهای آزاد کار دیگری نمی توانید بکنید این روش بهترین روش خواهد بود ( مخصوصا اگر بنابه دلایلی دسترسی به خود سایتهای gmail , yahoo ) ندارید .

اما در این سایت برای اتصال به جیمیل و یاهو و بقیه ی سرویسهای ایمیل از کلاینت استفاده نمی شود و این اتصالات تحت سرور انجام می شود ، در نتیجه هیچ محدودیتی برای دریافت و ارسال ایمیل نخواهید داشت .

نوشته های مرتبط

• No Related Post

bootstrap یکی از زیباترین و در عین حال قدرتمند ترین و با امکانات ترین Webkit ای هست که استایل شبیه سایت توییتر را به سایت شما می دهد .

نسبت به Jquery UI  امکانات بیشتری دارد و اگر نظر من را بخواهید زیباتر ! هم هست ، گرچه Jquery UI  رنگ ها و استایلهای زیادی دارد ولی bootstrap تک استایل هست .

امکانات این Webkit  را می توانید به همراه بسته ی دانلود دلخواه آن از سایتش مشاهده کنید .بیشترین حجم ممکن فایل JS آن ۲۱kb و بیشترین حجم ممکن فایل CSS آن ۷۹ kb می باشد که در نوع خود بی نظیر است و اگر با توجه به میزان استفاده خود دانلود Customize شده را انجام دهید ، بسیار کمتر از اینها می شود . در حالی که Jquery UI در حالت حداکثر به بالای ۴۰۰kb هم ( به غیر از خود Jquery )  می رسد .

این  Webkit فقط برای اجرای بعضی از آیتم های مشخص به Jquery احتیاج دارد و مانند Jquery UI استفاده از Jquery برای همه ی قسمتهای آن لازم نیست و اگر از آن ابزارها قصد استفاده ندارید می توانید ابتدای سایت آن را لود نکنید .

این پلاگین با داشتن امکانات دیگر مثل Responsible design یا سازگاری آیتمهای صفحه با موبایل و تبلتها و نمایشگر های بزرگ و استفاده از Less یا استفاده از متغیرها در CSS و Grid بندی صفحه و نهایتا نوار منوی spyscroll از نمونه های مشابه اوج میگیرد .

یکی از نمونه های ساخته شده توسط این webkit سایت kippt.com می باشد که یک سایت نشانه گذاری برای ذخیره سازی Bookmark ها می باشد .

یا سایت  jshint.com که یک سرویس دهنده برای مشخص کردن خطاهای یک کد جاواسکریپت است .

نوشته های مرتبط

• معرفی UI Webkit ای بنام kendoui
• نمایش مطالب بصورت دفترچه با HTML5
• نمایش اطلاع یا اخطار روی صفحه با Jquery
• افکت Jquery parallax
• Jeditable ویرایش درجای اطلاعات روی صفحه

مثلا می توانید یک Rss Reader شخصی تحت مرورگر روی کامپیوترتان داشته باشید و بدون احتیاج به هیچ سایتی یا هاستی اخبار سایتهای مختلف را بخوانید .
یک نمونه از استفاده های این سرویس را قبلا  توضیح دادم .

می توانید وارد سایت این سرویس دهنده  شوید و در قسمت My table خودتان کد دریافت اطلاعات بنویسید ، یا از کد های نوشته شده استفاده کنید .

دستور العمل این وب سرویس را هم می توانید مطالعه کنید .

بعضی از این کدهای ارزشمند عبارتند از :

تبدیل آنلاین فرمتها RSS , ATOM , XML , JSON , HTML , CSV , xslt به فرمتهای XML , JSON با استفاده از وب سرویس ف این بدین معنا است که شما برای انجام هر کدام از این تبدیلات و دریافت اطلاعات احتیاج به دستی انجام دادن فرامین ندارید ، یک آدرس وب سرویس از یاهو دریافت خواهید کرد که بصورت GET آدرس فایل مبدا را می دهید و اطلاعات را دریافت خواهید کرد .
مثلا :

http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20rss%20where%20url%3D'http%3A%2F%2Frss.news.yahoo.com%2Frss%2Ftopstories'&format=json&diagnostics=true&callback=cbfunc

که اخبار rss.news.yahoo.com را بصورت JSON به شما خواهد داد .

البته به غیر از این تبدیلات اطلاعاتی می توان از سرویسهای خود یاهو هم استفاده نمود ، مثلا از وضعیت آب و هوا یا نمایش و استفاده از پروفایل یاهو ، استفاده از متن ایمیل های یاهو یا نمایش پوشه های ایمیل ، استفاده از جستجوی محلی یاهو ، یا سرویس Answer Yahoo و Flicker و بقیه سرویسهای یاهو . همانطور که گفته شد لازم نیست استفاده از این سرویسها حتما روی یک هاست انجام بگیرد بلکه می توان از یک فایل HTML موجود در کامپیوتر هر کاربر هم این اطلاعات دریافت و نمایش داده شود .
شما هم اگر مزیت دیگری از استفاده از این وب سرویس یاهو به ذهنتان رسید در بخش نظران ارائه دهید .

نوشته های مرتبط

• سوالات متداول داینامیک در سایتهای استاتیک بدون php , sql
• نمایش اطلاع یا اخطار روی صفحه با Jquery
• نمایش مطالب بصورت دفترچه با HTML5
• افکت Jquery parallax
• معرفی UI Webkit ای بنام kendoui

حتی اگر سایتی در میان نباشد و کاربر اطلاعات را تحت مرورگر خود از یک فایل موجود در کامپیوترش دریافت کند ، بسیار بسیار ایده ی جالبی برای تبادل اطلاعات خصوصی و نیمه خصوصی خواهد بود .
مثلا یک تیم که می خواهند اطلاعات خصوصی خود را فقط عده محدودی دریافت کنند و بصورت عمومی روی وب قرار ندهند می توانند از این پلاگین استفاده کنند .
مثلا مواقعی که به یک سایت دسترسی نباشد ، می توان بعضی اطلاعات مهم را از این طریق به کاربرانی که یک فایل HTML خاص روی کامپیوترشان دارند ، ارسال نمود و چون در مرورگر کاربر این اطلاعات دریافت می شود ، در هیچ موتور جستجویی ثبت نخواهد شد .

در این نوشته قصد دارم با استفاده از Jquery , Google DOCS , YQL یک صفحه ی سوالات متداول داینامیک بسازم که تحت یک فایل روی کامپیوتر کاربران و یا روی یک هاست بدون احتیاج به php , mysql براحتی آپدیت می شود .

دمو   دانلود 

ابتدا می بایست داخل یک اکانت Google Docs یک Spreadsheet بسازید و داخل ستون اول عنوان سوال و داخل ستون دوم توضیحات را قرار دهید و هر سطر را اختصاص به یک سوال جواب بدهید .

مانند این فایلی  که من ساختم .

سپس از مسیر File>Publish to the Web  فرمت خروجی را روی CSV قرار داده و بصورت عمومی آن را share کنید . یک آدرس مثل آدرس زیر به شما می دهد که آن را یک جا نگه دارید تا جلوتر از آن استفاده کنیم :

https://docs.google.com/spreadsheet/pub?hl=en_US&hl=en_US&key=0Am33shY3HKUjdEhPV2M3UWg3cDVFcU1laVg2WW4zTEE&output=csv

قسمت HTML :

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="stylesheet" type="text/css" href="styles.css" />

</head>

<body>

<div id="page">

    <div id="headingSection">
    	<h1>Frequently Asked Questions</h1>
        <a href="#">Expand</a>
    </div>

    <div id="faqSection">
    	<!-- The FAQs are inserted here -->
    </div>

</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="script.js"></script>
</body>
</html>

در آخر فایل کتابخانه Jquery و فایل Script.js را قرار می دهیم تا اطلاعات دریافتی را در قسمت faqSection قرار دهد .
قسمت CSS :

#page{
	width:753px;
	margin:50px auto;
}

#headingSection{
	background-color:#7b8b98;
	padding:40px;
	padding-left:60px;
	position:relative;
	border:1px solid #8b9ba7;
	border-bottom:none;
}

#faqSection{
	background:url('img/faq_bg.jpg') repeat-y #fff;
	padding:20px 90px 60px 60px;
	border:1px solid white;
	text-shadow:1px 1px 0 white;
}

h1{
	color:#fff;
	font-size:36px;
	font-weight:normal;
}

/* The expand / collapse button */

a.button{
	background:url('img/buttons.png') no-repeat;
	width:80px;
	height:38px;
	position:absolute;
	right:50px;
	top:45px;
	text-indent:-9999px;
	overflow:hidden;
	border:none !important;
}

a.button.expand:hover{ background-position:0 -38px;}
a.button.collapse{ background-position:0 -76px;}
a.button.collapse:hover{ background-position:0 bottom;}
/* Definition Lists */

dt{
	color:#8F9AA3;
	font-size:25px;
	margin-top:30px;
	padding-left:25px;
	position:relative;
	cursor:pointer;
	border:1px solid transparent;
}

dt:hover{ color:#5f6a73;}

dt .icon{
	background:url('img/bullets.png') no-repeat;
	height:12px;
	left:0;
	position:absolute;
	top:11px;
	width:12px;
}

dt.opened .icon{ background-position:left bottom;}

dd{
	font-size:14px;
	color:#717f89;
	line-height:1.5;
	padding:20px 0 0 25px;
	width:580px;
	display:none;
}

قسمت Jquery :

 

$(document).ready(function(){

// The published URL of your Google Docs spreadsheet as CSV:
var csvURL = 'https://docs.google.com/spreadsheet/pub?hl=en_US&hl=en_US&key=0Am33shY3HKUjdEhPV2M3UWg3cDVFcU1laVg2WW4zTEE&output=csv';

// The YQL address:
var yqlURL = "http://query.yahooapis.com/v1/public/yql?q="+
"select%20*%20from%20csv%20where%20url%3D'"+encodeURIComponent(csvURL)+
"'%20and%20columns%3D'question%2Canswer'&format=json&callback=?";

$.getJSON(yqlURL,function(msg){

var dl = $('<dl>');

// Looping through all the entries in the CSV file:
$.each(msg.query.results.row,function(){

// Sometimes the entries are surrounded by double quotes. This is why
// we strip them first with the replace method:

var answer = this.answer.replace(/""/g,'"').replace(/^"|"$/g,'');
var question = this.question.replace(/""/g,'"').replace(/^"|"$/g,'');

// Formatting the FAQ as a definition list: dt for the question
// and a dd for the answer.

dl.append('<dt><span class="icon"></span>'+question+'</dt><dd>'+answer+'</dd>');
});
// Appending the definition list:
$('#faqSection').append(dl);

$('dt').live('click',function(){
var dd = $(this).next();

// If the title is clicked and the dd is not currently animated,
// start an animation with the slideToggle() method.

if(!dd.is(':animated')){
dd.slideToggle();
$(this).toggleClass('opened');
}

});

$('a.button').click(function(){

// To expand/collapse all of the FAQs simultaneously,
// just trigger the click event on the DTs

if($(this).hasClass('collapse')){
$('dt.opened').click();
}
else $('dt:not(.opened)').click();

$(this).toggleClass('expand collapse');

return false;
});

});
});

در این فایل کافیست آدرس CSV ای که در مرحله اول از گوگل دریافت کردید را به عنوان csvURL وارد کنید :

var csvURL = ‘https://docs.google.com/spreadsheet/pub?l=en_US&hl=en_US&key=0Am33shY3HKUjdEhPV2M3UWg3cDVFcU1laVg2WW4zTEE&output=csv’;

حال اگر این کارها را درست انجام داده باشید باید اطلاعات دریافتی در این قالب تبدیل شوند :

 

    <dt><span></span>How does this FAQ section work?</dt>
    <dd>With the help of jQuery and YQL, this script pulls the latest data ..</dd>

    <dt><span></span>Can you modify it?</dt>
    <dd>This is the best part of it - you can change the contents ..</dd>

حال می توانید این فایلها را هر کجا کی می خواهید ببرید یا آپلود کنید ، هر موقع اطلاعات موجود در فایل Google Docs را بروز کنید ، اطلاعات موجود در این فایل هم آپدیت می شود .

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

در آخر می توانید دموی این پلاگین را اینجا ببینید یا دانلود  کنید و روی کامپیوتر خود آن را مشاهده کنید .

نوشته های مرتبط

• معرفی سرویس YQL از یاهو
• نمایش اطلاع یا اخطار روی صفحه با Jquery
• نمایش مطالب بصورت دفترچه با HTML5
• افکت Jquery parallax
• معرفی UI Webkit ای بنام kendoui

اگر یک سایتی یا کامپوننتی مثلا از جوملا ،  را تازه روی یک سرور نصب کنید و مشاهده کنید که نوشته ها بصورت علامت سوال در می آید معمولا مشکل از charset دیتابیس است ، برای سیستم های مدیریت محتوا مثل جوملا خیلی پیش آمده که بعد از نصب یک کامپوننت نوشته هایی که مربوط به آن کامپوننت می باشد بصورت علامت سوال در می آید.

البته ممکن است حدس شما در مورد utf-8 نبودن دیتابیس اشتباه باشد و قالب نوشته شده بصورت utf-8 ذخیره نشده باشد یا نوع ut-8 در ادیتورهایی که چند حالت برای utf-8 دارند بر روی utf-8 without BOM قرار ندارد و این باعث به هم ریختگی نوشته های پیش فرض قالب شده باشد . برای مشخص شدن منبع این اشکال کافیست وارد phpmyadmin بشوید و در دیتابیس دنبال نوشته های فارسی باشید ، اگر آنجا هم بصورت علامت سوال بود مشکل از دیتابیس است اما اگر در آنجا درست ذخیره شده بود باید نگاهی charset قالب بیندازید و در تگ HEAD سورس آن چک کنید که این عبارات موجود باشد :

<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl" lang="fa-IR">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

حال در ادامه این نوشته حالتی را در نظر می گیریم که اطلاعات مشاهده شده در دیتابیس مشکل دارند .

برای رفع کردن این مشکل ابتدا آن کامپوننت را حذف کنید بصورت کامل و در phpmyadmin دیتابیس را به unicode UTF-8 تغییر بدهید .

در phpmyadmin وارد دیتابیس مذکور شده و دربرگه Operations در قسمت Collation یک لیستی قرار دارد که می بایست روی utf8-unicode-ci قرار داشته باشد . اگر اینطور نیست آن را به این گزینه تغییر داده و Go را بزنید ، این کار باعث می شود که table هایی که بعد از این در این دیتابیس ایجاد می شوند ، دارای charset یونیکد utf8 بشوند ، table های قبلی اگر دارای charset های دیگر باشند تغییری در آنها انجام نخواهد شد .

حال می توانید هر کامپوننت ای که مشکل داشتید را نصب کنید و از تغییرات انجام شده تست بگیرید .

یا اگر کل نوشته های دیتابیس این مشکل را دارند و نمی توانید آن را دوباره با این شرایط تغییر داده شده نصب کنید ، باید در phpmyadmin بطور دستی table های موجود را edit کرده  و روی utf-8 قرار بدهید و ذخیره کنید .

ممکن است با وجود unicode بودن پیش فرض جداول دیتابیس باز هم این مشکل را داشته باشید ، می توانید با نصب چند سیستم مدیریت محتوا مثل وردپرس یا جوملا روی دیتابیسی که قبل از نصب از روش بالا آن را بصورت پیشفرض  unicode utf- کردید ،  تست کنید ، اگر سروری با جوملا و وردپرس مشکل نداشت و فقط یک اسکریپت خاص علامت سوال نمایش می داد و طبق صحبت های گفته شده table های آن هم unicode utf8  بود باید به نوع کانکشن اسکریپت با دیتابیس توجه کنید ، در جایی که دستورات اتصال با دیتابیس قرار داده می شوند توجه کنید که بعد از نوشتن عبارت اتصال :

$connection = mysql_connect(DB_SERVER,DB_USER,DB_PASS);

جمله ی زیر هم نوشته شود تا اتصال بصورت utf-8 برقرار شود .

mysql_set_charset('utf8',$connection);

همیشه توجه کنید که اگر سایت فارسی ای را برای هر اسکریپت یا CMS می خواهید راه اندازی کنید قبل از نصب و وارد شدن tabe ها بطور خودکار در هنگام نصب ، collation دیتابیس را بطور پیش فرض در مسیر گفته شده به unicode utf-8 تغییر دهید .

نوشته های مرتبط

• نمایش اطلاع یا اخطار روی صفحه با Jquery
• 8 اینفوگرفیک پویا و خلاقانه ساخته شده با JS , HTML , CSS
• پشت زمینه ی pattern منعطف با ابعاد و بزرگنمایی مرورگر با استفاده از html5
• حالت Indeterminate چک باکس و طرز استفاده از آن
• استفاده از پلاگین نظر سنجی AJAX

نمایش زنده یا دمو    دانلود   سایت سازنده 

طرز استفاده :

برای استفاده ابتدا می بایست کتابخانه های لازم را لود کنید :

<link href="jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
<script src="jquery.easing.1.3.js" type="text/javascript"></script>
<script src="jquery.mousewheel.min.js" type="text/javascript"></script>

اولی که استایل خود پلاگین است ، دومی کتابخانه Jquery هست که اگر قبلا در سایتتان لود کردید لازم نیست دوباره این کار را بکنید . سومی jquery-ui که کتابخانه توسعه دهنده ی Jquery می باشد و دارای پلاگین های آماده زیادی می باشد . سومی افکت Ease ایجاد می کند و چهارمی برای استفاده از حرکت اسکرول موس در اسکرول کردن استفاده می شود .

بعد از اینها ، کافیست در قسمت HTML سایتتان مطالبی که می خواهید در ایکرول قرار بگیرند را بصورت زیر قرار دهید :

<div id="mcs_container">
<div class="customScrollBox">
<div class="container">
<div class="content">
<p>Your long content goes here...</p></div>
</div>
<div class="dragger_container">
<div class="dragger"></div>
</div>
</div>
</div>

اسم آیدی mcs_container مهم نیست و فقط برای تمیز دادن بین چند اسکرول در یک صفحه از آیدی های مختلف استفاده می کنیم .

اما کلاس های container و content لازم میس باشند که به همین شکل مطالب درون کلاس content قرار بگیرند .

در مرحله آخر کافیست پلاگین را لود کنید و مشخصات دلخواه برای اسکرول را بصورت تابع به پلاگین بدهید :

<script>
$(window).load(function() {
$("#mcs_container").mCustomScrollbar("vertical",400,"easeOutCirc",1.05,"auto","yes","yes",10);
});
</script>
<script src="jquery.mCustomScrollbar.js" type="text/javascript"></script>

همانطور که مشاهده می کنید در خط سوم برای آیدی mcs_container تابع mCustomScrollbar اعمال شده است که از چپ به راست مشخصات زیر را به آن داده ایم :

۱- عمودی

۲- زمان افکت ease

3- نوع افکت  ease

4- مقدار فضای اضافی که به اسکرول عمودی فقط میدهیم ، این گزینه ارتفاع برای اسکرول عمودی و عرض برای افقی را مشخص می کند که بصورت auto باشد یا fix ( حالت auto بصورت خودکار ارتفاع را بر اساس حجم متن تنظیم می کند ) ،

۵- پشتیبانی از حرکت اسکرول موس روی اسکرول صفحه

۶-  استفاده از دگمه برای حرکت اسکرول

۷ – سرعت حرکت اسکرول در هنگام زدن دگمه ساخته شده در مرحله قبل ( ۱ کمترین سرعت و ۲۰ بیشترین سرعت )

( توجه کنید که اگر چند اسکرول در صفحه قرار می دهید فقط تخصیص دادن تابع mCustomScrollbar باید تکرار شود و لود کردن کتابخانه ها در اول نوشته و لود کردن پلاگین در آخرین خط کد ها دوباره لازم نیست ، فقط می بایست به آیدی المان دیگر ، خط دوم تا چهارم را تکرار کنیم )

در فایل دانلودی ۳ فایل HTML هست که سایت سازنده آن را ایجاد کرده که برای حالت های مختلف مثل داشتن دگمه ، لود داینامیک یا رفع برخی باگهای jquery مثال آورده شده ، سورس آنها را ببینید همچنین دمویی که اینجا آپلود کردم را هم می توانید مشاهده کنید .

نوشته های مرتبط

• نمایش اطلاع یا اخطار روی صفحه با Jquery
• نمایش مطالب بصورت دفترچه با HTML5
• افکت Jquery parallax
• معرفی UI Webkit ای بنام kendoui
• Jeditable ویرایش درجای اطلاعات روی صفحه

در این نوشته قصد دارم در ابتدا به نصب برنامه Unrar در لینوکس بپردازم و سپس کار با آن را به طور کامل شرح دهم .

فرض می کنیم سیستم عاملی که کار میکنیم CentOs است و کنترل پنل Kloxo البته دستورات ربطی به کنترل پنل ندارد ، برای نصب کافیست دستورات زیر را در ترمینال SSH وارد کنید .

۱- نصب 

بهتره قبل از شروع این دستور را بزنید :

yum -y update

تا لیست برنامه های سیستم عامل بروز شود  .

مرحله اول : (دانلود پکیچ ) 

برای CENTOS 32

wget http://packages.sw.be/rpmforge-release/rpmforge-release-0.5.1-1.el5.rf.i386.rpm

برای CENTOS 64

wget http://packages.sw.be/rpmforge-release/rpmforge-release-0.5.1-1.el5.rf.x86_64.rpm

مرحله دوم: (نصب پکیج دانلود شده و بروز رسانی ملزومات)

برای CENTOS 32

rpm -i rpmforge-release-0.5.1-1.el5.rf.i386.rpm

برای CENTOS 64

rpm -i rpmforge-release-0.5.1-1.el5.rf.x86_64.rpm

بعد از این مرحله بهتر است دستور زیر را بزنید:

yum -y update

مرحله سوم : (نصب نهایی rar|unrar )

yum install rar unrar

خوب تا این جا سرور قابلیت rar | unrar را به طور کامل دارا میباشد. اما گاهی بعضی اوقات مشکلاتی بوجود می آید و…در این مواقع باید به قسمت تنظیمات پیشرفته php بروید و این دو گزینه رو به PHP اجازه استفاده ازش رو بدید :

proc_open ,shell_exec

درون کلکسو باید به این ادرس برید : بر روی Domain کلیک کنید . سپس برروی قسمت Advanced PHP Config در قسمت Disable Functions و دو گزینه بالا را حذف کنید.
در پایان وب سرور و پنلتون رو توسط دستورات زیر ریست کنید :

service httpd restart
service kloxo restart

( در صورتی که این توابع را حذف نکنید مثلا در اسکریپت رپید لیچ هنگام Unrar  کردن با خطا مواجه خواهید شد . )

2- دستورات کار با فایلها در SSH

چون کنترل پنلها از RAR پشتیبانی نمی کنند مجبور هستید برای کار با این فایلها از SSH Terminal استفاده کنید .

ابتدا با دستور cd وارد دایرکتوری ای شوید که فایلهای rar در آن هستند .

دستورات rar و unrar به شکل زیر است :

 unrar <command> [-<switch 1> -<switch N>] archive [files...] [path...]

در زیر چند مثال را مشاهده می کنید که بجای command و فایلها و مسیر می توان مقادیر قرار داد :

دستور خروج از فشرده سازی همه ی فایلها در همانجا بدون در نظر گرفتن مسیر پوشه های داخلی : 

# unrar e [filename].rar

یعنی همه ی فایلها را از پوشه در می آورد و در دایرکتوری اصلی قرار می دهد .

بجای  [filename].rar  باید اسم فایل را وارد کنید .

دستور خروج از فشرده سازی در همانجا با در نظر گرفتن مسیر پوشه های داخلی: 

# unrar x [filename].rar

یعنی فایلها در پوشه های داخلی در نظر گرفته می شوند و به هم نمی ریزند .

دستور خروج از فشرده سازی در جای دیگر : 

# unrar x [filename].rar  path

بجای path می بایست مسیر مقصد را وارد کنید .

فقط نمایش محتویات داخل فایل بدون Unrar کردن :

# unrar l [filename].rar

غیر فشرده سازی همه ی فایلهای داخل یک پوشه :

فرض کنید تعداد زیادی فایل rar  دارید که می خواهید تمامی آنها را از حالت فشرده خارج کرده و در پوشه ای به نام آنها قرار دهید . دقیقا مثل winrar در ویندوز ، وقتی که چند فایل را انتخاب می کنید و گزینه extract each archive to separate folder  را می زنید . کافیست این دستورات را وقتی داخل پوشه ی فایلها هستید یکجا در ترمینال کپی کنید و Enter بزنید .

for f in *.rar;
do dir=${f%.rar};
mkdir $dir;
cd $dir;
unrar x ../$f;
cd .. ;
done

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

یکی از مزایای این کار استفاده از محتویات داخل تعداد زیادی فایل rar است ، من تعداد زیادی فایل RAR را با استفاده از rapidleech روی یک سرور انتقال داده بودم و می خواستم برای استفاده در هاست اشتراکی لینوکس دیگر به zip تبدیل کنم (در آنجا دسترسی به SSH نداشتم). اما rapidleech مسیر پوشه های داخلی را در هنگام باز کردن rar در نظر نمی گرفت و همه ی فایلها با هم قاطی می شدند .  مجبور شدم دستور آخر را بنویسم تا ابتدا همه ی فایلها را از حالت rar در پوشه ی مخصوص به خودش خارج کرده  و با یک فشرده سازی ZIP و انتقال FTP در هاست دیگر محتویات فایلها را بدون دردسر و قاطی شدن باز کنم .

نوشته های مرتبط

• انتقال مستقیم اطلاعات بین دو هاست با FTP

کسانی که دسترسی به سرور دارند معمولا مشکلی از این بابت برای انتقال ندارند اما در صورتی که ۲ هاست معمولی دارید و دسترسی به سرور هم ندارید و می خواهید انتقال اطلاعات بین این دو هاست بدون مصرف ترافیکتان داشته باشید می توانید از سرویس دهنده ی آنلاین directransfer.net استفاده کنید .

در این سرویس رایگان به سادگی و بدون ثبت نام  بوسیله ی FTP می توانید بین دو هاست انتقال اطلاعات داشته باشید .

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

نوشته های مرتبط

• کار با فایل های RAR در سرور لینوکس (نصب ، فشرده سازی و باز کردن)

در صورتی که سرور اختصاصی دارید و دسترسی به فایلهای نصب شده ی Apache را دارید می بایست تنظیمات زیر را در فایل php.ini پیدا کنید . در سرورهای لینوکس در مسیر /etc/php.ini آن را پیدا می کنید .

=> max_execution_time : مدت زمانی اجرای اسکریپت که پیش  فرض آن ۳۰ ثانبه می باشد .

=> max_input_time : مدت زمانی که انتقال اطلاعات در اسکریپت انجام می شود که پیش فرض آن ۶۰ ثانیه می باشد .

=> memory_limit : مقدار رم ای که هر اجرای اسکریپت از حافظه رم اشغال می کند .

مقادیر پیش فرض این سه گزینه را به ترتیب مثلا به ۶۰۰ ، ۱۲۰ ، ۶۴ تغییر دهید و سپس آپاچی را با دستور زیر در ssh terminal ریست کنید تا تغییرات انجام شود .

/etc/init.d/httpd restart

<Ifmodule mod_php5.c>
php_value max_execution_time 600
php_value max_input_time 120
php_value memory_limit 64M
</Ifmodule>

نوشته های مرتبط

• 10 کد بسیار مفید htaccess ( قسمت دوم )
• 10 کد بسیار مفید htaccess (قسمت اول)

1- فایل Function.php موجود در پوشه قالب فعال را باز کرده و مقادیر زیر را در آن کپی نمایید :

add_filter('wp_mail_from', 'new_mail_from');
add_filter('wp_mail_from_name', 'new_mail_from_name');

function new_mail_from($old) {
 return 'admin@yourblogname.com';
}
function new_mail_from_name($old) {
 return 'Blog Name';
}

در خطوط بالا بجای admin@yourblogname.com  آدرس ایمیل دلخواه خود را بنویسید .
۲- پلاگین Mail From را نصب کنید و مقادیر دلخواه خود را در آن وارد کنید .

نوشته های مرتبط

• معرفی 7 پلاگین ضروری برای وردپرس

در این نوشته قصد دارم پلاگینی را معرفی کنم که توسط آن می توانید براحتی توابع Jquery را به کلیدهای میانبر مرتبط نمود .

jwerty   یک کتابخانه JavaScript می باشد که هیچ وابستگی به کتابخانه دیگری مثل Jquery ندارد و بدون آنها هم مستقلا کار می کند ودر کنارآنها هم سازگار می باشد .

در سایت سازنده  می توانید مستندات و طرز استفاده آن را مطالعه کنید و سورس آن را هم  دانلود  کنید ، ( دانلود از طراح )

در اینجا توضیح مختصری از طرز کار این پلاگین می نویسم .

<script type="text/javascript" src="jwerty.js"></script><script type="text/javascript">// <![CDATA[
jwerty.key('ctrl+alt+z', function () {
console.log('Downloading zip...');
window.location = document.getElementById('dlzip').href;
});

// ]]></script>

 

همانطور که مشاهده می کنید ابتدا jwerty.js  که کتابخانه است را لود می کنیم . سپس برای ترکیب کلیدهای ctrl+alt+z یک تابع نوشتیم ، این تابع آدرس موجود در لینک با  آیدی dlzip را می گیرد و باز می کند ، حال اگر در HTML یک لینک با آیدی dlzip  داشته باشیم که آدرس به فایل قابل دانلود داده باشد ، فایل به این صورت بدون کلیک دانلود می شود ، یا اگر صفحه ی معمولی باشد به آدرس جدید منتقل خواهیم شد .

مثلا :

 dl

این یک نمونه کاربرد این کتابخانه بود ، شما قادر خواهید بود کارهای بسیار زیادی با کلیدهای میانبر انجام دهید و اجزای روی صفحه را تغییر دهید با AJAX روی دیتابیس تغییراتی را اعمال کنید و …

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

نوشته های مرتبط

• No Related Post