Posts Tagged ‘opera’

Browsers CSS Hack

اردیبهشت ۳۱م, ۱۳۸۸

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


/***** Selector Hacks ******/

/* IE 6 and below */
* html #uno  { color: red }

/* IE 7 and below */
*:first-child+html #dos { color: red }

/* IE 7 and modern browsers */
html > body #tres { color: red }

/* Modern browsers (not IE 7) */
html>/**/body #cuatro { color: red }

/* Opera 9.27 and below */
html:first-child #cinco { color: red }

/* Safari */
html[xmlns*=""] body:last-child #seis { color: red }

/*safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:nth-of-type(1) #siete { color: red }

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:first-of-type #ocho {  color: red }

/* saf3, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {

#diez  { background: #FFDECE; border: 2px solid #ff0000  }
}

/***** Attribute Hacks ******/

/* ie6 and below */
#once { _color:blue }

/* ie7 and below */
#doce { *color: blue } /* or #color:blue */
/* 'Modern Browsers' includes IE8, whether you agree or not.. :) */

Tags: , , , , , ,
Posted in CSS, Damn ie, Mozilla FireFox | Comments (۱)

getElementsByClassName

بهمن ۲۷م, ۱۳۸۷

تاحالا شده بخواهید یکی از elementهای DOM رو از طریق نام کلاس آن انتخاب کنید؟! البته این کار درصورتی که از یکی از کتابخانه های جاوا اسکریپت مثل jQuery استفاده میکنید خیلی راحت خواهد بود.
اما باید بدونید که در فایرفاکس هم ( که من پیشنهادش میکنم! ) یک تابعی تعریف شده که عینا” همین کار رو انجام میده.
( document.getElementsByClassName(”targetClass”) ) و بعد از فراخوانی آرایه ای از element هایی رو که دارای کلاس targetClass برمیگردونه!

اما طبق معمول برای ie و همچنین opera هنوز این تابع وچود ندارد که در زیر آنرا بطور دستی اضافه میکنیم:


document.getElementsByClassName = function(class_name) {
var docList = this.all || this.getElementsByTagName('*');
var matchArray = new Array();

var re = new RegExp("(?:^|\\s)"+class_name+"(?:\\s|$)");
for (var i=0, n=docList.length; i<n; i++) {
if (re.test(docList[i].className) ) {
matchArray.push(docList[i]);
}
}
return matchArray;
}

متغیر doList شامل تمام elementهای داخل DOM هست. درصورتی که all برای Document تعریف شده باشد (در فایرفاکس تعریف نشده است) all و در غیر اینصورت توسط تابع getElementsByTagName انتخاب شده و در docList قرار میگیرد.
حالا یک سوال پیش میاد و اون اینکه چرا all اول نوشته شده با اینکه تابع getElementsByTagName در هر سه مرورگر شناخته شده است؟! جواب اینه که در موارد خاصی تعداد element های select شده در این دو مورد فرق داره و البته که all کامل تره.(در Opera)
درباره عبارت منظم استفاده شده هم این رو بگم که قسمت اول یعنی (?:^|\\s)
از اول رشته ی نام کلاس یا از اولین کلمه بعد از فاصله رو تست میکنه و قسمت دوم هم تا فاصله یا تا آخر رشته رو تست میکنه.
در ضمن استفاده از ?: در این عبارت ها هم ضرورتی نداره اما باعث میشه که سرعت تست کردن این عبارات بالا بره (به عبارات منظمی که شامل “?:” باشه “Non-capturing groups” گفته میشه چون وقت صرف ساختن backreferenceها نمیشه)
فکر نکنم نکته خاص دیگه ای داشته باشه!
فعلا”

Tags: , , , , , , , , , , , ,
Posted in Damn ie, Mozilla FireFox, javascript | Comments (۰)

موزیلا فایرفاکس Shiretoko

دی ۴م, ۱۳۸۷

نگارش جدید موزیلا فایرفاکس که به زودی نگارش نهایی آن عرضه خواهد شد، تغییرات عمده ای کرده است که می توان از میان آنها، به افزوده شدن پشتیبانی از تصویر و صدا بدون استفاده از نرم افزار خارجی، مرور امن اینترنت، پشتیبانی از موتور tracemonkey برای اجرای بهتر برنامه های جاوا اسکریپت اشاره کرد. نسخه ۱/۳ فایرفاکس که shiretoko نام گرفته است، قرار است اوایل سال ۲۰۰۹ بعد از ارائه نسخه سوم آزمایشی آن، عرضه شود. گویا قرار است ابتدای سال ۲۰۰۹، نبرد سختی میان مرورگرها باشد، مایکروسافت نیز اعلام کرده است که مرورگر اینترنت اکسپلورر نگارش ۸ خود را اوایل ۲۰۰۹ عرضه خواهد کرد و از طرف دیگر، شرکت اپل نیز مرورگر سافاری خود را در همین تاریخ برای دریافت آماده می کند.

منبع من: irictnews.ir

من که خودم شدیدا” از فایرفاکس حمایت میکنم امیدوارم نسخه جدیدش روی بقیه مرورگرهارو همانند گذشته کم کنه. در مرد ictnews هم به سوتی جالب بگم که تازگی ها سیستم اخبار صوتی رو اضافه کرده. هر خبری رو که باز میکنین، بصورت صوتی هم متن اونو میشنوین. داشتم یه خبر از حفره امنیتی پایگاه داده sql server میخوندم که صوت اون load شد و خبر اینطور آغاز شد: “حفره جدید در نرم افزار سکوئل! مایکروسافت”!!!! (اس کیو ال کجا و سکوئل کجا!) شایدم درست تلفظ کرده. من اشتباه میکنم. بهرحال جالب بود برام

Tags: , , , , , , , , , , , ,
Posted in Mozilla FireFox | Comments (۰)