Crossbrowser SmartNavigation Alternative

یکی از ویژگی های مهم SmartNavigation داشتن Scrollbar در صفحات زیاد است . بهرحال، SmartNavigation فقط در Internet Explorer کار می کند. مسئله دیگر این است که استفاده از SmartNavigation ممکن است شما را با یک سری خطاهای Java روبرو کند. بعنوان یک Web Developer، من حتماً باید از Scrollbar در مرورگر استفاده کنم تا خواننده هیچ وقت در صفحات گم نشود. در نتیجه با ایده ای به نام cross
سه‌شنبه، 7 آبان 1387
تخمین زمان مطالعه:
موارد بیشتر برای شما
Crossbrowser SmartNavigation Alternative
Crossbrowser SmartNavigation Alternative
Crossbrowser SmartNavigation Alternative

مقدمه :

یکی از ویژگی های مهم SmartNavigation داشتن Scrollbar در صفحات زیاد است . بهرحال، SmartNavigation فقط در Internet Explorer کار می کند.
مسئله دیگر این است که استفاده از SmartNavigation ممکن است شما را با یک سری خطاهای Java روبرو کند.
بعنوان یک Web Developer، من حتماً باید از Scrollbar در مرورگر استفاده کنم تا خواننده هیچ وقت در صفحات گم نشود. در نتیجه با ایده ای به نام cross browser آشنا شدم تا بتوانم scrollpositionها در postback ها پشتیبانی و حفظ کنم.

استفاده از کدها:

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

Crossbrowser SmartNavigation Alternative 


کنترل ها از کلاس Control جهت شرکت کردن در پردازش های HTTP Request/Response مشتق شده اند، که توسط page framework تهیه می شوند.

Crossbrowser SmartNavigation Alternative


کنترل به متد موروثی Render اجازه می دهد که در text stream خروجی بنویسد.

Crossbrowser SmartNavigation Alternative


هدف من اضافه کردن یک رویداد به رویداد Onsubmit است. این رویداد مکان منبع رویداد را به مقادیر مخفی تخصیص می دهد. مقادیر مخفی را ملاحظه فرمائید.

Crossbrowser SmartNavigation Alternative


سپس مرورگر User را کشف کنید:

Crossbrowser SmartNavigation Alternative


رویداد attachEvent ،جهت مقید ساختن توابع خاص به یک رویداد در Internet Explorer استفاده می شود. برای مرورگر دیگر،addEventListener استفاده خواهد شد. تابع مشخص شده برای رویداد Onsubmit در Internet Explorer را مشخص کنید.
-window.event.offsetY برای تنظیم کردن و یا بازگرداندن مختصات Y موس کاربرد دارد.
-window.event.clientY برای تنظیم کردن یا بازگرداندن مختصات Y موس که مرتبط است با محیط کاربری Windows به استثنای دکوراسیون ویندوز و ScrollBar استفاده می شود.

Crossbrowser SmartNavigation Alternative


-window.event.offsetX برای تنظیم کردن یا بازگرداندن مختصات X موس که مرتبط است با شئی ای که رویداد را نشان می دهد مورد استفاده قرار می گیرد.
-window.event.clientX برای تنظیم کردن یا بازگرداندن مختصات X موس که مرتبط است با محیط کاربری Windows به استثنای دکوراسیون ویندوز و ScrollBar استفاده می شود.
تابع مشخص شده برای رویداد Onsubmit در مرورگرها بجز مرورگر Internet Explore:

- event.page: مختصات عمودی رویداد مربوط به نمایان ساختن صفحه را، بر می گرداند.
- event.clientY:مکان عمودی را برای event bars برمی گرداند.
- event.pageX:مختصات افقی رویداد مربوط به صفحه را بر می گرداند.
- event.clientX:مختصات افقی Barهای رویداد را بر می گرداند

Crossbrowser SmartNavigation Alternative 

رویداد های زیر را به فرم اضافه کنید

Crossbrowser SmartNavigation Alternative 


اگر PostBack رخ داد، یک رویداد Onload برای Scroll کردن منبع رویداد، اضافه کنید.

Crossbrowser SmartNavigation Alternative 


تمام Scriptها را با End تمام کنید و تمام پرانتزها را ببندید.

Crossbrowser SmartNavigation Alternative 


موراد فوق روی Internet Explore 6.0، Fire fox 1.0 ، Net scape 7.2 تست شده.

اضافه کردن کنترل به Visual Studio :

برای اضافه کردن کنترل ها به visual studio toolbox ،روی Toolboxتان کلیک راست کرده و روی آیتم Add/Remove کلیک کنید.

Crossbrowser SmartNavigation Alternative

سپس Lili.dll را پیدا کنید.

Crossbrowser SmartNavigation Alternative

مطمئن شوید که Lili.dll انتخاب شده :

Crossbrowser SmartNavigation Alternative

سپس Lili در صفحه Toolbox شما نمایان شد

Crossbrowser SmartNavigation Alternative

حالا تنها کاری که باید انجام دهیدDrag & Drop کردن lili در صفحه است.

معرفي سايت مرتبط با اين مقاله


تصاوير زيبا و مرتبط با اين مقاله


ارسال نظر
با تشکر، نظر شما پس از بررسی و تایید در سایت قرار خواهد گرفت.
متاسفانه در برقراری ارتباط خطایی رخ داده. لطفاً دوباره تلاش کنید.