Chargement conditionnel d'un script
Bonjour à tous et à toutes, je cherche à charger, en fonction de la taille de l'écran, un script js
(pour la petite histoire, je tourne sur la question depuis plusieurs heures, et je ne sais plus quoi faire...)
L'idée est de ne charger jquery que si l'on est sur un "grand écran", et de ne pas le charger si l'on est sur un petit écran.
Voici mon code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<script>
var head = document.getElementsByTagName('head')[0];
var js = document.createElement("script");
js.type = "text/javascript";
if (screen.width > 600)
{
js.src = "template/slippry/jquery-1.10.2.min.js";
}
head.appendChild(js);
</script> |
Sauf que... Il ne se passe rien. Je suis bien sur un écran de plus de 600 px, et mon jquerry n'est pas chargé.
Le code source de ma page est le suivant :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
...
<script>
var head = document.getElementsByTagName('head')[0];
var js = document.createElement("script");
js.type = "text/javascript";
if (screen.width > 600)
{
js.src = "http://127.0.0.1/Editions_bdp/template/slippry/jquery-1.10.2.min.js";
}
head.appendChild(js);
</script>
<script src="template/slippry/slippry.min.js"></script>
</head>
<body>
... |
C'est à dire que le script n'est pas interprété.
Je teste le site sur Firefox 70
Auriez-vous une petite idée ?
Merci et bonne journée !
Eric LM
