دسته بندی
درگاه پرداخت
paypaad
استفاده از مطالب و خدمات «وبگو» رایگان است، درگاه پرداخت صرفا برای مواردی است که نیاز به پرداخت هزینه دارند.
article

تنظیمات css مخصوص مرورگر اینترنت اکسپلورر

css-internet-explorer-if

شاید به عنوان یک کاربر در دنیای وب، هر روز به سایت ها و وبلاگ های مختلفی سر بزنیم و بیش از هر چیز، رسیدن به محتوای مورد نظر برایمان مهم باشد، فارغ از اینکه ظاهر یک سایت چگونه است و چه معایب و محاسنی دارد، مطلبمان را می خوانیم و در آخر هم آن صفحه را ترک می کنیم، در حالی که برای مدیران حرفه ای وبسایت ها و وبلاگ ها، اینکه همه کاربرانشان بتوانند از محتوای آنها به یک شکل استفاده کنند، اهمیت زیادی دارد، جالب است اگر بدانید که مرورگرهای وب اگرچه از قوانین مشترکی پیروی می کنند، اما هر کدام در نحوه تفسیر این قوانین ساز خودشان را می نوازند، البته هرچه که پیش تر می رویم، سازگاری مرورگرها و یکسان سازی آنها نیز بیشتر می شود، اما دردسر همیشگی طراحان وب یعنی مرورگر اینترنت اکسپلورر (Internet Explorer) در این بین سرآمد مرورگرهای غیر استاندارد است، به همین دلیل شرکت مایکروسافت (خالق و مالک این مرورگر) که گویا از شاهکار خود اطلاع داشته، برای تنظیم استایل css مخصوص مرورگر خود (در نسخه های مختلف)، قابلیتهایی تحت عنوان پیام های شرطی یا (Conditional Comments) و هک هایی ویژه پیشنهاد داده است که بد نیست نگاهی به آنها بیندازیم.

چرا باید تنظیمات مخصوص مرورگر اینترنت اکسپلورر را انجام دهیم؟


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

برای تنظیم یک ویژگی css خاص اکسپلورر، چه روش هایی وجود دارد؟


معمول ترین و متداول ترین روش استفاده از پیام های شرطی یا (Conditional Comments) است (که در ادامه به طور مفصل خواهیم گفت)، شیوه های دیگری تحت عنوان هک (با هک سایت فرق دارد!) یا CSS Hacks نیز وجود دارند که در واقع به معنی استفاده از علائم مخصوص در تعریف کدهای css و قابل پردازش توسط ورژن های خاصی از مرورگر اینترنت اکسپلورر است.

نحوه تنظیم استایل css مخصوص مرورگر اینترنت اکسپلورر


برای تنظیم استایل مخصوص مرورگر اینترنت اکسپلورر، ابتدا باید سایت، وبلاگ یا قالب طراحی شده را با برنامه هایی نظیر IETester که در آدرس www.my-debugbar.com وجود دارد، بررسی کنید، اگر موردی به نظرتان دچار ایراد است، سعی کنید کلاس یا آی دی css مربوط به آن را پیدا کنید و پس از اعمال تغییرات (قبل از اعمال تغییرات از استایل فعلی پشتیبان بگیرید) نتیجه را دوباره امتحان کنید، تا جایی که مشکل حل شود، حال تکه کد اختصاصی که مربوط به هر ورژن از اکسپلورر می شود (و با آن کد، مشکل در آن ورژن مخصوص حل می شود) را درون یک فایل دیگر کپی کنید (تنها کافی است کلاس یا آی دی مورد نظر را به همراه قسمتی که خاص مرورگر اکسپلور است، کپی نمائید) تا آن را با دستورات زیر در صفحه به طور جداگانه ایمپورت کنیم.

دستورات یا پیام های شرطی در مرورگر اینترنت اکسپلورر


دستورات شرطی در اکسپلورر با علائم خاصی تعریف می شوند:
<!--[if IE]>
آدرس فایل استایل مخصوص مرورگر اینترنت اکسپلورر
<![endif]-->
توضیح:
- حالت معمول ایجاد یک پیام در صفحات html استفاده از <-- !--> است، همانطور که می بینید این شرط ها نیز مبتنی بر همین قاعده هستند.
- این دستور به مرورگر اکسپلورر می گوید که باید از مقادیر موجود در آن استفاده کند (در واقع مقادیر موجود در این شرط، تنها برای اینترنت اکسپلورر قابل استفاده است و سایر مرورگرها با آن مثل یک پیام معمولی برخورد می کنند)، جالب است که بدانید درون این شرط می توان هر عبارت یا کدی قرار داد و فقط محدود به ایمپورت استایل css نیست، مثلا می توان به کاربر پیام داد که مرورگر او قدیمی است و باید از مرورگر دیگری استفاده کند و...
- این پیام های شرطی باید بعد از استایل اصلی و پیش فرض (که مخصوص تمام مرورگرها است) ترجیحا در قسمت هِدر و بین تگ های head قرار گیرند.

تنظیمات مخصوص ورژن های مختلف و معنی آنها


در زیر لیستی تقریبا کامل از تنظیمات استایل css مخصوص ورژن های مختلف مرورگر اینترنت اکسپلورر به همراه معنی عبارات آن آمده است.
ایمپورت استایل مخصوص اینترنت اکسپلورر (تمام ورژن ها)
<!--[if IE]>
<link href="style/ie.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
توضیح:
- if به معنی اگر و IE مخفف اینترنت اکسپلورر (Internet Explorer) است.
ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن 6
<!--[if IE 6]>
<link href="style/ie6.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن 7
<!--[if IE 7]>
<link href="style/ie7.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن 8
<!--[if IE 8]>
<link href="style/ie8.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن 9
<!--[if IE 9]>
<link href="style/ie9.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن بالا تر از 6
<!--[if gt IE 6]>
<link href="style/gtie6.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن بالا تر از 7
<!--[if gt IE 7]>
<link href="style/gtie7.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن بالا تر از 8
<!--[if gt IE 8]>
<link href="style/gtie8.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
توضیح:
- عبارت gt به معنی greater than یا بزرگتر از، است.
ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن پائین تر از 7
<!--[if lt IE 7]>
<link href="style/ltie7.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن پائین تر از 8
<!--[if lt IE 8]>
<link href="style/ltie8.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن پائین تر از 9
<!--[if lt IE 9]>
<link href="style/ltie9.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
توضیح: عبارت lt به معنی less than یا کوچکتر از، است.
ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن بالا تر از 6 و خود آن
<!--[if gte IE 6]>
<link href="style/gteie6.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن بالا تر از 7 و خود آن
<!--[if gte IE 7]>
<link href="style/gteie7.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن بالا تر از 8 و خود آن
<!--[if gte IE 8]>
<link href="style/gteie8.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
توضیح:
- عبارت gte به معنی greater than equal یا بزرگتر مساوی، است.
ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن پائین تر از 7 و خود آن  
<!--[if lte IE 7]>
<link href="style/lteie7.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن پائین تر از 8 و خود آن
<!--[if lte IE 8]>
<link href="style/lteie8.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن پائین تر از 9 و خود آن
<!--[if lte IE 9]>
<link href="style/lteie9.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
توضیح:
- عبارت lte به معنی less than equal یا کوچکتر مساوی، است.
ایمپورت استایل در حالتی که مرورگر اینترنت اکسپلورر نباشد
<!--[if !IE]>
<link href="style/notie.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->

هک های مخصوص اینترنت اکسپلورر


علاوه بر روش های بالا در موارد خیلی خاصی می توان از حفره ها و اشکالات موجود در مرورگرها جهت مقاصد خیرخواهانه استفاده کرد!، تعجب نکنید، حفره های نرم افزاری همیشه هم بد نیستند (البته بهتر است پدیدآورندگان این گونه برنامه ها بیش تر به فکر رفع مشکلات باشند تا کاربران مجبور به استفاده از این شیوه ها نشوند!)، هک css در مرورگرهای مختلف بی شباهت به هکی که به طور معمول با آن آشنایی داریم نیست، چرا که در اینجا هم از نقایص موجود در برنامه نویسی مرورگر استفاده می کنیم، با این تفاوت که هدف ما تنظیم ظاهر صفحه و رفع مشکلات ناخواسته است، بحث هک در css جزئیات زیادی دارد، به همین دلیل در این مطلب صرفا به ذکر چند نمونه اکتفا می کنیم، البته به یاد داشته باشیم، استفاده از هک css توصیه نمی شود، چرا که بهتر است حتی المقدور بر کدهای ساده css تکیه داشته باشیم، از طرفی این هک ها در مرورگرهای مختلف که از به روز رسانی های متفاوت استفاده می کنند، یک جور رفتار نمی کنند.

هک با عبارت html+*


در این روش یک آی دی یا کلاس را دو بار به صورت عادی و با  html+*  ایجاد می کنند، به عنوان مثال کد زیر دو ویژگی متفاوت برای یک آی دی تعریف می کند، قسمتی که html+* در ابتدای آن قرار دارد، تنها در مرورگر IE 7 پردازش می شود.
<style type="text/css">
#my-id{
    border:#333 2px dotted;
}
*+html #my-id{
    border:#333 2px solid;
}
</style>

هک با زیر خط یا underline


روش هک زیر خط یا underline که عنوان صحیح تر آن underscore است برای هک نسخه های مختلف اینترنت اکسپلورر مخصوصا نسخه 6 کاربرد دارد، در این روش در همان آی دی یا کلاس، ویژگی مورد نظر را با یک زیرخط در ابتدای آن تعریف می کنند.
<style type="text/css">
body{
    font-size:18px;
    font-family:Arial, Helvetica, sans-serif;
    _font-size:10px;
    _font-family:Tahoma, Geneva, sans-serif;
}
</style>

هک با استفاده از علامت ستاره *


این روش هک هم برای مرورگر اینترنت اکسپلورر ورژن 7 به پائین به کار می رود، که در آن برای عناصر خاص اکسپلورر یک ستاره در ابتدای آنها قرار می دهند.
<style type="text/css">
.my-class{
    background-color:#CCC;
    *background-color:#0CC;
}
</style>

هک با قرار دادن عبارت 9\


این شیوه هک هم برای مرورگر اینترنت اکسپلورر ورژن 9 یا 8 و پائین تر به کار می رود، در این روش برای ویژگی خاص اکسپلورر، عبارت 9\ را به آخر آن اضافه می کنند.
<style type="text/css">
.my-class{
    background-color:#CCC;
    background-color:#0CC\9;
}
</style>
sectionدسته بندی: آموزش کاربردی » CSS
related مطالب بیشتر:
» ایجاد منوهای زیبا برای سایت یا وبلاگ با استفاده از تکنیک CSS
» ایجاد بلاک و تصویر شفاف (transparent) با استفاده از css3
» ساخت منوی آبشاری (عمودی) با تگ ul li و css
» ساخت منوی کشویی با تگ ul li و css
» تنظیم موقعیت و حذف فاصله بلاک های div با استفاده از css
commentنظرات (۱۸ یادداشت برای این مطلب ارسال شده است)
نویسنده: فريبا
زمان: ۱۴:۵۸:۳۱ - تاریخ: ۱۳۹۱/۰۵/۱۸
سلام
از مطالب عاليتون ممنونم.
سوال: چطوري ميتونيم يه div ايه كه براي فوتر صفحه تعريف كرديم طوري تنظيم كنيم كه هميشه به پائين صفحه بچسبه يعني اگه صفحه رو كوچيك يا بزرگ كنيم همچنان به پائين صفحه چسبيده باشه.
پيشاپيش از جواب و توجهتان ممنونم.
پاسخ: 
سلام
اگر منظور شما طراحی فوترهای معمول برای قالب های وب است، کافی است بلاک div مورد نظر را در انتهای سایر بلاک ها قرار دهید و برای تنظیم آن از ویژگی های css استفاده کنید، گاهی نیاز است که بین بلاک ها از یک بلاک با استایل زیر نیز استفاده کنید تا لایه ها دقیقا در زیر یکدیگر قرار گیرند:
clear:both;
همچنین اگر می خواهید صفحه شما همیشه حداقل ارتفاعی داشته باشد نیز می توانید از خصوصیت زیر استفاده کنید:
min-height:600px;
اما اگر منظور شما ایجاد یک تولبار در پائین صفحه است که با جابجایی نوار اسکرول همچنان سر جای خود باقی بماند، می توانید از کلاس زیر استفاده کنید:
.toolbar{
bottom:0;
height:25px;
position:fixed;
right:0;
width:100%;
z-index:1000;
border:1px #C00 solid;
}
البته این کلاس در مرورگر اینترنت اکسپلورر نسخه 6 به درستی کار نمی کند، در کل تنظیم بلاک های div در طراحی وب نیاز به کمی تجربه در css دارد.
نویسنده: yas
زمان: ۱۷:۵۲:۴۶ - تاریخ: ۱۳۹۱/۰۸/۱۶
مرسی باحال بود
نویسنده: amirhossein
زمان: ۱۷:۵۵:۲۰ - تاریخ: ۱۳۹۲/۰۴/۱۳
سلام خوب هستی ممنون از آموزش های مفیدتون من حداکثر استفاده رو بردم جالب بود هیچ سایتی به اندازه شما به خوبی واضح اموزش نمیدهند
من اینجا چندتا سوال داشتم ممنون میشم جواب بدین
1- در css اگر بخواهیم از بکگراند استفاده کنیم کدام شیوه درست تر است
background:url(images/bg-body.gif);
background:url('images/bg-body.gif');
استفاده از علامت ' ' بین همه کد هایی که () استفاده میشه ضروری است ؟ من حالا بک گراند رو مثال زدم
2- ممنون میشم کد جاوا اسکریپتی واسم بنویسید که وقتی کاربر با مرورگر اسکپلورر همه ورژن ها فرقی نداره وارد سایت شد یه پیغام بده که مرورگر خود را عوض کنید و اجازه ورود نده فقط پیغام
پاسخ: 
سلام
سه روش زیر در آدرس دهی قسمت url در خاصیت های CSS معتبر است:
- استفاده از علامت های ' '.
- استفاده از علامت های " ".
- درج آدرس بدون علامت (روش توصیه شده).
در مورد کد جاوا اسکریپت، کدی که مانع بارگذاری صفحه شود را به دلیل کمبود فرصت نمی توان نوشت، اما کد زیر پس از نمایش پیام، کاربر را به یک آدرس مشخص می فرستد:
<script type="text/javascript">
<!--
if (navigator.appName == "Microsoft Internet Explorer") {
alert("لطفا از مرورگر دیگری به جزء اینترنت اکسپلورر استفاده کنید");
document.location = "http://webgoo.ir";
}
// -->
</script>
نویسنده: amirhossein
زمان: ۰۴:۴۱:۴۸ - تاریخ: ۱۳۹۲/۰۴/۱۴
خیلی ممنون گلم امیدوارم همیشه موفق باشی
چرا شما تو جاوا اسکریپت بعد از تک های اسکریپت شروع این را میگذارید <!-- پایان هم این // --> نذاری هم جواب میده که اگه جسارت شد شرمنده
پاسخ: 
علامت های درج شده برای این است که برخی مرورگرها (مانند برخی مرورگرهای موبایل و...) که امکان پردازش جاوا اسکریپت را ندارند، کدها را به صورت متن چاپ می کنند، با این علامت ها از این کار جلوگیری می شود، نکته دوم بحث اعتبار سنجی در کدنویسی HTML است که در برخی نسخه ها (نسخه های XHTML)، تداخل جاوا اسکریپت و HTML در یک فایل ممکن است باعث نامعتبر شدن کدنویسی شود، پس بهتر است از این علامت ها یا روش CDATA استفاده شود، مگر اینکه واقعا مطمئن باشید که احتیاجی به آنها نیست (به طور مثال در HTML5 احتیاجی به این موارد نیست).
نویسنده: amirhossein
زمان: ۱۵:۱۵:۳۹ - تاریخ: ۱۳۹۲/۰۴/۱۴
خیلی ممنون اون کد جاوا اسکریپتی که نوشتین عمل نکرد واسه منم بازم ممنون میشه بگین تفاوت بین کلاس و آی دی در سی اس اس چیه من هر کاری می کنم بازم نفهمیدم همه یه نظری میدن که کاملا فرق میکنه میخوام حرف شما رو هم بدانم تفاوتش در چیست
من فکر می کنم که اگه بخوایم با ای دی استفاده کنیم به طور مثال
<div id="main"></div>
فقط یک بار میشه استفاده کرد
اما از کلاس میشه تکرار کرد مثال
<div class="post"></div>
<div class="post"></div>
<div class="post"></div>
<div class="post"></div>
اما ای دی رو نمیشه به این صورت تکرار کرد
<div id="post"></div>
<div id="post"></div>
<div id="post"></div>
<div id="post"></div>
<div id="post"></div>
<div id="post"></div>
من تو همه سایت ها که سرچ کردم با توضیح هاتشون آخر به این نتیجه رسیدم آیا طرز فکر من درسته یا خیر؟
پاسخ: 
سلام
کد جاوا اسکریپت کاملا تست شده و عمل می کند، احتمال دارد کد را در مرورگری به غیر از اکسپلورر اجرا کرده باشید که قاعدتا نباید اتفاق خاصی بیفتد یا اینکه خطاهایی در دیگر کدهای به کار رفته در صفحه وجود دارد و مواردی از این دست.
در مورد کاربرد کلاس و آی دی و تفاوتشان برداشت شما صحیح است، برای دیدن توضیحات بیشتر، مطلبی در سایت در همین خصوص وجود دارد، عبارت "کلاس" را در قسمت جستجو وارد کنید.
نویسنده: amirhossein
زمان: ۱۵:۲۰:۲۳ - تاریخ: ۱۳۹۲/۰۴/۱۴
میگم در هر صفحه اچ تی ام ال فقط یک آی دی میتونه تعریف بشه این یعنی چی؟
یعنی تو کل قالب فقط میتوان یک آی دی تعریف کرد ولی من در بعضی از قالب ها دیدم چندین ای دی استفاده شده
پاسخ: 
تنها یک آی دی یکتا می توان تعریف کرد، یعنی شما می توانید هر تعداد آی دی با نام متفاوت داشته باشید، این موضوع به جهت فلسفه خاص آی دی (که باید برای هر عنصر خاص و یکتا باشد) است.
نویسنده: amirhossein
زمان: ۱۵:۳۶:۴۰ - تاریخ: ۱۳۹۲/۰۴/۱۴
لطفا این رو هم ببینید سورس کد هام هست درسته یا خیر؟
<div id="main">
<div id="header"><img src="http://s2.picofile.com/file/7830805585/header.gif" width="800" height="163" /></div>
<div id="sidebar"></div>
<BLOGFA>
<div class="post">
<div class="post-content"><a target="_blank" href="<-PostLink->"><-PostTitle-></a></div>
<div class="post-body">
<-PostContent-><BlogPostTagsBlock><br />برچسب ها: <BlogPostTags separator=", "><a dir="rtl" href="<-TagLink->"><-TagName-></a></BlogPostTags></BlogPostTagsBlock><BlogExtendedPost><br /><a target="_blank" href="<-PostLink->"><b>ادامه مطلب</b></a></BlogExtendedPost>
</div>
<div class="post-content">نوشته شده در تاریخ <-PostDate-> و ساعت
<-PostTime-> توسط <-PostAuthor-> <BlogComment><script type="text/javascript">GetBC(<-PostId->);</script></BlogComment></div>
</div>
</BLOGFA>
<div id="footer"><img src="http://s2.picofile.com/file/7830805157/footer.gif" width="798" height="163" /></div>
</div>
پاسخ: 
از نظر برنامه نویسی خطای خاصی وجود ندارد.
نویسنده: amirhossein
زمان: ۱۸:۲۲:۳۸ - تاریخ: ۱۳۹۲/۰۴/۱۴
خیلی ممنون از کمک و لطف شما اگه باعث اذیتتون شدم شرمنده زیاد سوال میکنم خیلی ممنون
نویسنده: amirhossein
زمان: ۱۹:۳۲:۲۰ - تاریخ: ۱۳۹۲/۰۴/۱۴
سلام یه سوال دیگه داشتم
transition:all 0.5s ease-out;
چرا این کد توی اینترنت اسکپلورر اجرا نمیشه؟
پاسخ: 
سلام
این قابلیت جزء خاصیت های CSS3 است که در مرورگر اینترنت اکسپلورر از نسخه 10 پشتیبانی می شود.
نویسنده: امیرحسین
زمان: ۲۳:۰۳:۳۵ - تاریخ: ۱۳۹۲/۰۴/۱۴
خیلی گلی داداش ممنون
نویسنده: سینا
زمان: ۱۹:۳۹:۴۹ - تاریخ: ۱۳۹۲/۰۶/۲۸
با سلام وخسته نباشید، لازم دونستم یک نکته ی مهم رو متذکر بشم و اون اینه که برای یه شخص تازه کار مشکله که بدونه این تنظیمات در بین کدام استایل های css یا تگ های html به کار میرن! به نظرم بهتر بود با ذکر یک مثال یا پیش نمایش این موضوع رو شفاف تر می کردید. من نه تنها در سایت شما بلکه در هیچ کدوم از وب سایت های فارسی دیگه هم توضیح مناسبی ندیدم، لطفاً حداقل شما با دیگران متفاوت باشید!
پاسخ: 
سلام
اگر مطلب را مطالعه کرده باشید، در قسمتی ذکر شده:
"این پیام های شرطی باید بعد از استایل اصلی و پیش فرض (که مخصوص تمام مرورگرها است) ترجیحا در قسمت هدر و بین تگ های head قرار گیرند."
نویسنده: محمدحسین
زمان: ۲۰:۱۸:۵۲ - تاریخ: ۱۳۹۲/۱۰/۰۶
لطفاً اگه میشه به سوال اون دوستمون که گفتن: اصلا اجازه ورود با مرورگر اینترنت اکسپلورر رو ندیدم، بدید
پاسخ: 
جاوا اسکریپت امکان محدود کردن کاربران را از این نظر ندارد (تنها در حدی که در پاسخ گفته شده و آن هم در صورت فعال بودن جاوا اسکریپت در مرورگر)، برای این کار باید از PHP استفاده کنید، مثال:
<?php
if(preg_match('/MSIE/i', $_SERVER['HTTP_USER_AGENT'])){
header("Location: http://webgoo.ir");
exit;
}
?>
نویسنده: محمدحسین
زمان: ۱۶:۲۳:۳۶ - تاریخ: ۱۳۹۲/۱۰/۰۷
باز هم ممنون
نویسنده: محمدحسین
زمان: ۱۹:۵۰:۱۱ - تاریخ: ۱۳۹۲/۱۰/۰۷
تو مرورگری مثل اینترنت اکسپلورر برای اجرای جاوا اسکریپت باید اول قابلیت اجرای جاوا فعال بشه که این کار همون اول که کاربر سایت رو باز میکنه؛ پایین مرورگر یه پیام میده و از کاربر اجازه میگره برای باز شدن فایلهای جاوا اسکریپت. وقتی که با جاوا پیام میدیم که مرورگر رو عوض کن، یه بخشی از سایت باز میشه و اگر کاربر اجازه باز شدن اسکریپت رو بده. اگه نده که میشه قوز بالا قوز. نصف سایت باز میشه بدون اینکه فایل های جاوا اجرا شده باشن و پیامی دریافت کنه که مرورگر رو عوض کنه...!
این مشکل رو بررسی کنید لطفا مررررررررررررررررررررررسی
پاسخ: 
در پاسخ قبلی گفته شد: جاوا اسکریپت برای اینگونه موارد مناسب نیست، باید از یک زبان سمت سرور مانند PHP استفاده کنید (که در وبلاگ ها به دلیل عدم پشتیبانی از PHP این امکان وجود ندارد).
نویسنده: شکوفه
زمان: ۱۳:۲۹:۱۰ - تاریخ: ۱۳۹۲/۱۲/۱۲
سلام ممنون از آموزشتان.سوالی که داشتم در مورد اجرا نشدن media query در اینترنت اکسپلورر است.چطور اجرا شود؟
ممنون اگر آموزش بدید
پاسخ: 
سلام
برای مرورگر اینترنت اکسپلورر متاتگ زیر را در صفحه وارد کنید:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
همچنین برای پشتیبانی ورژن های پائین اکسپلورر (نسخه 8 و ماقبل) باید فایل js در صفحه خود داشته باشید:
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
paged صفحه 1 از 2




more لطفا دقت کنید که یادداشت های زیر منتشر نشده و حذف خواهند شد:
- یادداشت های خارج از موضوع این مطلب.
- سوالات کلی، غیر ضروری و مشکلاتی که هیچ تلاشی برای رفع آن نکرده باشید.
- نظرات حاوی کدها و اسکریپت های خیلی طولانی (به طور مثال کد کامل قالب وبلاگ).

8 × 6
 refresh
آپلود رایگان عکس و فایل
آگهی
parandsms.com
تفاوت
tafavot.net

تفاوت دات نت
پنل پیامک
elitsms.ir

سامانه پیام کوتاه
طراحی وب سایت
nemov.net

ارزان و با کيفيت
آموزش طراحی سایت
onliner.ir

فیلم های آموزشی رایگان