Скрипт "Bad Browser"

[Critical Error 155]

Многие наверно обращали внимание на бар в вк, появляющийся в тот момент, когда вы используете устаревшую версию браузера. Представляю аналогичный скрипт вашему вниманию, работающий на jQuery. А вдруг пригодится кому

Создаем в директории ../templates/ваш_шаблон/js/ файл jquery.badbrowser.js Его содержимым будет следующий код

/**

 * 1.0 Original article and Script is from: http://think2loud.com/build-an-unsupported-browser-warning-with-jquery/

 * 1.1 Then the script was extended here: http://blog.team-noir.net/2009/06/fight-old-browsers-warning-with-jquery/

 * 1.2 And finally Fleshgrinder had a look at it and also minified it: http://www.nervenhammer.com/

 * 1.3 Google Chrome & new Safari detect added by www.team-noir.net

 */


function badBrowser() {

	var userAgent = navigator.userAgent.toLowerCase();


	// Проверка для MSIE 5.5. Если версия MSIE равна 5.5, выводится сообщение об устаревшем браузере

	if (userAgent.indexOf('MSIE 5.5')>-1) {

		return true;

	}


 	// Проверка для MSIE. Если версия MSIE равна 7 и ниже, то выводится сообщение об устаревшем браузере

	if ($.browser.msie && parseInt($.browser.version, 10) <= 7) {

		return true;

	}


	// Проверка для Opera. Если версия Opera ниже 10.00, то выводится сообщение об устаревшем браузере

	if ($.browser.opera && ($.browser.version *10) < 100) {

		return true;

	}


	// Проверка на Mozilla FireFox. Если версия Mozilla FireFox ниже 3.5, то выводится сообщение об устаревшем браузере

	if (/firefox[\/\s](\d+\.\d+)/.test(userAgent)) {

		var ffversion = Number(RegExp.$1);

		if (ffversion < 3.5) {

			return true;

		}

	}

	// Проверка для Safari. Если версия Safari ниже 4.0, то выводится сообщение об устаревшем браузере

	if (/safari[\/\s](\d+\.\d+)/.test(userAgent) && !/chrome[\/\s](\d+\.\d+)/.test(userAgent)) {

		var safari = userAgent.indexOf('version');

		if (safari > -1) {

			var snip1 = safari+8;

			var version = userAgent.substring(snip1, (snip1+1));

			if (version < 4) {

				return true;

			}

		}

	}

	// Проверка для Google Chrome. Если версия Google Chrome ниже 2.0, то выводится сообщение об устаревшем браузере

	var chrome = userAgent.indexOf('chrome');

	if (chrome > -1) {

		var snip1 = chrome+7;

		var version = userAgent.substring(snip1, (snip1+3));

		if (version < 2) {

			return true;

		}

	}


    return false;

}


function getBadBrowser(c_name) {

	if (document.cookie.length > 0) {

		c_start = document.cookie.indexOf(c_name + "=");

		if (c_start != -1) {

			c_start = c_start + c_name.length + 1;

			c_end   = document.cookie.indexOf(";",c_start);

			if (c_end == -1) {

				c_end = document.cookie.length;

			}

			return unescape(document.cookie.substring(c_start,c_end));

		} 

	}

	return "";

}


function setBadBrowser(c_name,value,expiredays) {

	var exdate = new Date();

	exdate.setDate(exdate.getDate() + expiredays);

	document.cookie = c_name + "=" + escape(value) + ((expiredays === null) ? "" : ";expires=" + exdate.toGMTString());

}


if(badBrowser() && getBadBrowser('browserWarning') != 'seen') {

	$(function() {


		// Вывод сообщения в виде бара в верху сайта

		$("<div id='bad_browsers' style='background: #f2f4ff; border-bottom: 1px solid #b8c7d3;'><div style='color: #000; line-height: 150%; padding: 8px; text-align: center;'><b>Уважаемый посетитель</b>, Вы используете устаревшую версию браузера. <a id='detail' style='cursor: pointer;'>Подробнее »</a><div id='good_browsers' style='display: none;'>Чтобы использовать весь функционал сайта и его графический интерфейс, а также избежать неприятных моментов при работе с сайтом рекомендуем загрузить и установить любой из предложенных браузеров:<div style='height: 100px; margin: 10px auto 0 auto; width: 500px;'><a style='background: url(/templates/Impulse/images/browsers/chrome.gif) no-repeat 50% 6px; color: #0a0; height: 20px; float: left; padding-top: 80px; text-decoration: none; width: 100px;' href='http://www.google.com/chrome/' target='_blank'>Google Chrome</a><a style='background: url(/templates/Impulse/images/browsers/firefox.gif) no-repeat 50% 7px; color: #0a0; height: 20px; float: left; padding-top: 80px; text-decoration: none; width: 100px;' href='http://www.mozilla-europe.org/' target='_blank'>Mozilla Firefox</a><a style='background: url(/templates/Impulse/images/browsers/opera.gif) no-repeat 50% 7px; color: #0a0; height: 20px; float: left; padding-top: 80px; text-decoration: none; width: 100px;' href='http://www.opera.com/' target='_blank'>Opera</a><a style='background: url(/templates/Impulse/images/browsers/safari.gif) no-repeat 50% 0px; color: #0a0; height: 20px; float: left; padding-top: 80px; text-decoration: none; width: 100px;' href='http://www.apple.com/safari/' target='_blank'>Safari</a><a style='background: url(/templates/Impulse/images/browsers/ie.gif) no-repeat 50% 0px; color: #d00; height: 20px; float: left; padding-top: 80px; text-decoration: none; width: 100px;' href='http://windows.microsoft.com/ru-RU/internet-explorer/products/ie/home' target='_blank'>Internet Explorer</a></div></div></div></div>")


		// Создание контейнера с сообщением перед тегом <body>

		.prependTo("body");


		// Ссылка открывающая/скрывающая подробное сообщение

		$("#detail").click(function () {

			$("#good_browsers").toggle();

		});

	});

}

Сохраняем и закрываем. Далее создадим папку browsers в директории ../templates/ваш_шаблон/images/ и сохраним туда след. картинки Сохранили. Отлично. Далее в main.tpl перед </head> вставляем строчку

<script type="text/javascript" src="{THEME}/js/jquery.badbrowser.js"></script>

Тем самым мы подключаем скрипт к шаблону.

Вот собственно и все.

[Slavchik.ru 17]

чет нагородил много...вот http://dustweb.ru/2009/12/ie-sunset/ поизучай + комменты

[WWW.ZEOS.IN 1 161]

Вдруг поможет http://forum.dle-news.ru/index.php?showtopic=54516&st=0&p=266633&#entry266633

[Critical Error 155]

чет нагородил много...вот http://dustweb.ru/2009/12/ie-sunset/ поизучай + комменты

этот код не только для IE, но и для других браузеров. Проверялся и прекрасно работает на Opera, Mozilla FF, Google Chrome, IE (всех!), Safari, Flock, NN, Avant, Maxthon 2 и Maxthon 3.

Скрипт не узкого направления, то есть не только для IE, а широкого. Можно самому указывать версии устаревшие. Допустим Opera 9.5 много из CSS3 не поддерживает, как и Mozilla FF 3.5, поэтому при использовании устаревших версий любого из браузеров будет показывать сообщение. К тому же легко настраивать скрипт с выходом более новых версий браузеров.