media screen JavaScript

[marcoka]

Buongiorno, ho una domanda di questo tipo, dovrei caricare un file JavaScript se la larghezza del device è > di 600px

es:
<script src="javascripts/file.js"></script>

Il problema che in rete ho trovato una soluzione che funziona in locale ma non funziona se carico la pagina html contenete lo script su uno spazio web

La soluzione è questa:

<script>
(function() {
if( window.innerWidth > 600 ) {
var theScript = document.createElement('script');
theScript.type = 'text/javascript';
theScript.src = 'javascripts/file.js';

var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(theScript, s);
}
})();
</script>

Un'atra soluzione potrebbe esser quella di testare la larghezza prima di far eseguire questo comando
<script>
$(document).ready(function() {

OverlayLoader("modal1");

});
</script>

Spero di esser stato chiaro, ringrazio anticipatamente,
Marco

[Xinod]

theScript.src = 'javascripts/file.js';
sicuro di questo percorso??

[marcoka]

theScript.src = 'javascripts/file.js';
sicuro di questo percorso??

Credo, il file è nella cartella javascripts, perchè il problema potrebbe esser li? Scusa la mia ignoranza, ma la sintassi dei percorsi in javascript è uguale?

[marcoka]

Aiuto, ti prego è due giorni che ci sto lavorando, ma non ne esco ?!

[Xinod]

prova con un percorso assoluto, e occhio a miuscole/minuscole nel percorso e nome del file
se dici che in locale funzione e online no questa sono le prime cosa da escludere

[marcoka]

Grazie! ho risulto con un semplice if!!!!

<script>
$(document).ready(function() {
if( window.innerWidth > 600 )
TrgModalOverlayLoader("modal1");

});
</script>