Internet Explorer 6 Must Die!
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&killer=jQueryPlugin">Safari 4</a></li>'+ '<li><a href="http://code.ge/ie6mdownload.php?browser=ff&killer=jQueryPlugin">Firefox 3.5</a></li>'+ '<li><a href="http://code.ge/ie6mdownload.php?browser=chrome&killer=jQueryPlugin">Chrome 3</a></li>'+ '<li><a href="http://code.ge/ie6mdownload.php?browser=opera&killer=jQueryPlugin">Opera 10</a></li>'+ '<li><a href="http://code.ge/ie6mdownload.php?browser=ie8&killer=jQueryPlugin">Explorer 8</a></li>'+ '<li><a href="http://code.ge/ie6mdownload.php?browser=ie7&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> |
ეს არის და ეს დანარჩენს სკირპტი გააკეთებს
დემო სურათი