مطالب برچسب شده ‘Java Script’

ایجاد DropDown منوهای چند مرحله ای با استفاده از جاوا اسکریپت

شنبه, ۱۶ آذر ۱۳۸۷

حجم این اسکریپت حدود ۲/۱ کیلو بایت هست که به روشی خیلی ساده برای شما منوهای DropDown چند سطحی ایجاد می کنه.

این اسکریپت لیست های شما رو به منو تبدیل می کنه یعنی شما یه سری تگ های HTML از قبیل UL یا LI رو می ذارین و با استفاده از این اسکریپت منو تحویل می گیرن (جالبه نه؟).

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

برای شروع باید کد زیر رو بنویسین:

var menu=new menu.dd(”menu”);
menu.init(”menu”,”menuhover”);

قبل از initialize کردن باید یه شی منو جدید ایجاد کنین. پارامتری که menu.dd می گیره اسم شی مورد نظر شما خواهد بود.

تابع object.init دوتا پارامتر می گیره که اولیش id مربوط به UL منو مورد نظرتون هست و دومی هم که اختاریه id ستون مورد نظرتون برای مرتب شدنه.

اگر نمی خواین که یه ستون مرتب بشه باید برای اون ستون از کلاس class=nosort استفاده کنین در ضمن style منو هم به صورت کامل در فایل css قابل تغییر هست.

این اسکریپت برای مرورگرهای فایر فاکس ۲ و۳، اینترنت اکسپلورر ۶ و ۷ و ۸، اپرا، سفری و کروم تست شده و مشکلی نداره.

اگر اسکریپت باگ داشت برای نویسندش یعنی به آدرس michael@leigeber.com با موضوع BUG REPORT یه ایمیل بفرستین و مشکل رو توضیح بدین.

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

برای دیدن دمویی از کار می تونین به اینجا مراجعه کنین.

برای دریافت کد هم اینجا رو کلیک کنین.

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

برچسب‌ها:
نوشته شده در برنامه نویسی تحت وب | بدون دیدگاه »

بدست آوردن حجم فایل در صفحات وب به وسیله جاوا اسکریپت

شنبه, ۹ آذر ۱۳۸۷
مساله:
فرض کنید یه صفحه دارید که می خواین داخلش یه تصویر رو نمایش بدین ولی مطمئن نیستین که اون تصویر روی اینترنت وجود داره یا نه (مثلا تصویری از سایت دیگه رو می خواین تو صفحه خودتون نشون بدین و ممکنه اون سایت تصویر مورد نظر شما رو برداره) اینجاست که مشکل به وجود میاد
راه حل:
راه حلی که به ذهن من رسید این بود که اگر بشه به وسیله جاوا اسمریپت حجم اون تصویر رو بدست بیارم و اگر مخالف ۱- بود یعنی تصویر وجود داره وگرنه به جاش می تونم تصویر دیگه ای رو نشون بدم و یا یه پیغام خطا رو نمایش بدم
کد به صورت زیر خواهد بود
<html>
<head></head>
<body>
<img id='MyImage' src='http://www.tak1ctc.com/Images/logo.gif'/><br />
<a href='javascript: IsImageLoaded(document.getElementById("MyImage").src);'>نمایش اندازه فایل</a>
</body>
</html>
<script>
function IsImageLoaded(ImageURL)
{
document.getElementById("MyImage").src = ImageURL;
var MyImageFileSize = document.getElementById("MyImage").fileSize;
if (MyImageFileSize == -1)
alert("Invalid URL");
else
alert(MyImageFileSize + " bytes");
}
</script>
درخواست کمک:
این کد برای IE درست کار می کنه ولی برای FireFox مشکل داره اگر وقت داشتین و نسخه فایر فاکسیش رو هم تهیه کردین به من هم بدین. ممنون میشم
اگر به جز راه حل من راه دیگه ای به ذهنتون می رسه اون رو هم بگین ممنون میشم

برچسب‌ها:
نوشته شده در برنامه نویسی تحت وب | بدون دیدگاه »

JavaScript Table Sorter

یکشنبه, ۳ آذر ۱۳۸۷

اسکریپتی که برای مرتب سازی جداول با استفاده از جاوا اسکریپت پیدا کردم و به شما توصیه می کنم که از اون استفاده کنین چند تا خصوصیت خوب داره:

به کاربردنش آسونه، سریع هست و حجم خیلی کمی هم داره (۷/۱ کیلو بایت)

شامل Format چند گانه سطرها، تشخیص خودکار نوع داده ها برای مرتب سازی و انتخاب ستون برای مرتب سازی هست و فعلا داده های رشته ای، اعداد و پول رو مرتب سازی می کنه.

نحوه استفاده به شکل زیر هست:

var sorter=new table.sorter(”sorter”);
sorter.init(”sorter”,1);

 

قبل از مقدار دهی اولیه باید یک شی Table Sorter بسازید.

پارامتری که برای table.sorter وارد می کنید اسم متغیری هست که برای شی مورد نظرتون به کار می برید.

تابع object.init دو تا پارامتر می گیره اولی id جدولتون هست و پارامتر دوم که اختیاری هم هست ایندکس ستونی از جدول هست که می خواین اطلاعات بر اساس اون مرتب بشه.

اگر می خواین که برای یه ستون کاربر نتونه مرتب سازی رو انجام بده باید در قسمت header جدولتون کلاس اون ستون رو این جوری تنظیم کنین:

class=”nosort”

نوع نمایش جدولتون یا همون Style خودمون به صورت کامل توسط CSS قابل تغییر هست.

این اسکریپت برای مرورگرهای فایر فاکس ۲ و۳، اینترنت اکسپلورر ۶ و ۷ و ۸، اپرا، سفری و کروم تست شده و مشکلی نداره.

اگر اسکریپت باگ داشت برای نویسندش یعنی به آدرس michael@leigeber.com با موضوع BUG REPORT یه ایمیل بفرستین و مشکل رو توضیح بدین.

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

برای دیدن دمویی از کار می تونین به اینجا مراجعه کنین.

برای دریافت کد هم اینجا رو کلیک کنین.

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

برچسب‌ها: ,
نوشته شده در برنامه نویسی تحت وب | ۱ دیدگاه »