Как организовать подгрузку разных скриптов в зависимости от параметров экрана

pragmatik
На сайте с 19.03.2013
Offline
102
769

Я паршиво разбираюсь в принципах подгрузки скриптов со сторонних ресурсов, да и вообще в JavaScript, может подскажет кто, что следует поправить в коде:

<script language="JavaScript" type="text/javascript">

var height=0;
var width=0;
if (self.screen) {
width = screen.width
height = screen.height
}
else if (self.java) {
var jkit = java.awt.Toolkit.getDefaultToolkit();
var scrsize = jkit.getScreenSize();
width = scrsize.width;
height = scrsize.height;
}
if (width >= 767 && height >= 767) {
document.write("<scr’+'ipt async src="http://yandex.st/share/share.js" type="text/javascript"></scr’+'ipt>");
} else {
document.write("<scr’+'ipt async src="//yandex.st/share/m.share.js" type="text/javascript" charset="utf-8"></scr’+'ipt>");
}
</script>

или альтернативную схему реализации задуманного.

Пожалуйста, не предлагайте подключать огромные библиотеки только ради возможности выбора загрузки одного из этих скриптов

K
На сайте с 24.10.2013
Offline
0
#1

так и на будущее пригодится если сайт будете развивать...интересно это вот тут http://jettravel.ru/ реализовано...

pragmatik
На сайте с 19.03.2013
Offline
102
#2
Krannow:
так и на будущее пригодится если сайт будете развивать...интересно это вот тут http://jettravel.ru/ реализовано...

простите, но не могли бы Вы излагать мысли более подробно?

к тому же, если со временем сайт по ссылке изменится, читатели, наткнувшиеся на Ваш совет, просто ничего не поймут

на какой именно код следует обратить внимание по приведенной ссылке?

  (function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
на этот? если да, то как его увязать с проверкой ширины экрана?
siv1987
На сайте с 02.04.2009
Offline
427
#3

А что собственно не устраивает в коде?

pragmatik
На сайте с 19.03.2013
Offline
102
#4
siv1987:
А что собственно не устраивает в коде?

в том что я в первом сообщении привел?

кнопки соц.сетей с ним не грузятся почему-то

http://api.yandex.ru/share/

хочется чтобы для мобильных устройств - мобильный скрипт грузился, а для всех остальных - стандартный

SX
На сайте с 15.07.2008
Offline
79
#5


<script language="JavaScript" type="text/javascript">
var height=0;
var width=0;
if (self.screen) {
width = screen.width
height = screen.height
}
else if (self.java) {
var jkit = java.awt.Toolkit.getDefaultToolkit();
var scrsize = jkit.getScreenSize();
width = scrsize.width;
height = scrsize.height;
}
if (width >= 767 && height >= 767) {
document.write('<scr'+'ipt async src="http://yandex.st/share/share.js" type="text/javascript"></scr'+'ipt>');
} else {
document.write('<scr'+'ipt async src="//yandex.st/share/m.share.js" type="text/javascript" charset="utf-8"></scr'+'ipt>');
}
</script>

попробуйте так, возможно косяк был в кавычках..

pragmatik
На сайте с 19.03.2013
Offline
102
#6
SpaceX:

попробуйте так, возможно косяк был в кавычках..

благодарю, теперь всё отлично работает!

siv1987
На сайте с 02.04.2009
Offline
427
#7

кавычки надо поправить


if (width >= 767 && height >= 767) {
document.write("<scr"+"ipt async src='http://yandex.st/share/share.js' type='text/javascript'></scr"+"ipt>");
} else {
document.write("<scr"+"ipt async src='http://yandex.st/share/m.share.js' type='text/javascript' charset='utf-8'></scr"+"ipt>");
}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий