Readme.ge Blog

FB image FB image

Internet Explorer 6 Must Die!

ავტორი: ალექსანდრე თარიღი: Thursday, November 19th, 2009

Code.ge Presents: Internet Explorer 6 Must Die! ასე განაცხადა 2009 წლის 27 სექტემბერს (უფრო ადრეც ველოდით 😛 ) ოფიციალურად სოსომ თავის ბლოგზე. http://www.code.ge/ie6mustdie სწორიც იყო და ალალიც :). თუ რატომ და რისთვის შეგიძლიათ ზემოთ ხსენებულ ბმულს მიჰყვეთ. ხოლო რაც შეეხება ამ ჩემს პოსტს – მინდა იგივე კოდი შემოგთავაზოთ jQuery-ის პლაგინის სახით.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
/**
* Internet Explorer 6 Must DIE! jQuery Plugin 1.0
*
* Copyright (c) 2009 Alexander Glonti (http://www.blog.readme.ge)
* Original Idea and source code (c) 2009 Ioseb Dzmanashvili (http://www.code.ge)
* Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
*/


jQuery.IE6mustDie = function(){
if(jQuery.browser.msie==true && jQuery.browser.version<7){
var css =
'<style type="text/css">'+
.ie6mustdie-overlay {position:absolute;background:#000;width:100%;height:100%;z-index:9998;filter:alpha(opacity=70)}'+
'
.ie6mustdie-frame {position:absolute; border:solid 10px #EEEEEE; background:#FFF; width:620px; height:300px; z-index:9999; margin-top:50px }'+
'
#ie6mustdie h1{ background:#83AADB; text-align:center; padding:8px; color:#FFF }'+
'
#ie6mustdie p{ padding:10px; padding-bottom:0 }'+
'
#ie6mustdie h2{font-size:12px;text-align:center; padding:0}'+
'
#ie6mustdie div.ie6mustdie-browsers{margin:0;width:605px; text-align:center}'+
'
#ie6mustdie div.ie6mustdie-browsers ul{margin-left:28px}'+
'
#ie6mustdie div.ie6mustdie-browsers li{display:inline;float:left;text-align:center;margin-left:20px;margin-right:20px}'+
'
</style>';

jQuery('
body').before(css);

var html =
'
<div id="ie6mustdie">'+
'
<div class="ie6mustdie-frame">'+
'
<h1>Internet Explorer 6 Must DIE!</h1>'+
'
ძვირფასო მომხმარებელო, თქვენ იყენებთ მსოფლიოში ყველაზე მოძველებულ ბრაუზერს. მაშინ როდესაც არსებობს რამდენიმე შესანიშნავი ალტერნატივა(<strong>მათ შორის თქვენი მიმდინარე ბრაუზერის მწარმოებლისგან</strong>). ამ საიტის სანახავად გირჩევთ გადმოწეროთ ქვემოთ მითითებულ ბრაუზერთაგან ერთერთი. გისურვებთ წარმატებულ მუშაობას!'+
'
<h2>გადმოწერეთ ერთერთი ბრაუზერი</h2>'+
'
<div class="ie6mustdie-browsers">'+
'
<img src="images/ie6mustdie.png" alt="" />'+
'
<ul>
    <li><a href="http://code.ge/ie6mdownload.php?browser=safari&amp;killer=jQueryPlugin">Safari 4</a></li>'+
'
<li><a href="http://code.ge/ie6mdownload.php?browser=ff&amp;killer=jQueryPlugin">Firefox 3.5</a></li>'+
'
<li><a href="http://code.ge/ie6mdownload.php?browser=chrome&amp;killer=jQueryPlugin">Chrome 3</a></li>'+
'
<li><a href="http://code.ge/ie6mdownload.php?browser=opera&amp;killer=jQueryPlugin">Opera 10</a></li>'+
'
<li><a href="http://code.ge/ie6mdownload.php?browser=ie8&amp;killer=jQueryPlugin">Explorer 8</a></li>'+
'
<li><a href="http://code.ge/ie6mdownload.php?browser=ie7&amp;killer=jQueryPlugin">Explorer 7</a></li>
</ul>'+
'
</div>'+
'
</div>'+
'
</div>';
jQuery('
body').prepend(html);
jQuery('
.ie6mustdie-overlay').css('height',jQuery(document).height());
var left = ((jQuery(document).width()-parseInt(jQuery('
.ie6mustdie-frame').css('width')))/2);
jQuery('
.ie6mustdie-frame').css('margin-left',left);
}
}

ეს ჩვენი სკრიპტი და ესეც მისი გამოძახება –

1
$.IE6mustDie();

არ დავიწყებ დეტალურ ახსნას კონკრეტულად როგორ მუშაობს ეს სკრიპტი, უბრალოდ გადაწერეთ ეს ფაილი – ie6mustdie_jQuery_plugin_v1.0.zip და jQuery-სთან ერთად html დოკუმეტის ბოლოში გაწერეთ –

1
<script src="path/to/ie6mustdiefolder/ie6mustdie.js" type="text/javascript"></script>

ეს არის და ეს დანარჩენს სკირპტი გააკეთებს
დემო სურათი

კატეგორიებში: CSS, HTML, Javascript, უბრალოდ მარტივი. |

დატოვე კომენტარი

...