Mostrare o meno banner pubblicitari a seconda la risoluzione del device

[marco61087]

Buongiorno a tutti. Premetto che non ho mai studiare il linguaggio Java e che voglio utilizzarlo solo esclusivamente per un'operazione credo semplice, e nulla più.
Sto realizzando un sito responsive e voglio che, a seconda la risoluzione del dispositivo sul quale viene visualizzata la pagina web, compaia un banner di una certa grandezza piuttosto che di un'altra, onde evitare scroll orizzontali.
Inizialmente avevo risolto semplicemente con CSS e media query, utilizzando "display:none". Efficace per quel che riguarda la visibilità dell'oggetto, ma non per il caricamento della pagina, in quanto il banner non è visualizzato dal browser ma è comunque caricato.
Mi sono imbattuto allora in questa guida di html.it (http://www.html.it/pag/33422/caricam...dei-contenuti/) e ho realizzato questo codice che, come mi aspettavo data la mia inesperienza Java, non funziona. Sapreste dirmi cosa sbaglio?

Nella parte HTML ho implementato così gli script (in body per velocizzare il caricamento):

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/ads.js"></script>

e così i div contenitori (non li metto tutti, sono sparsi nella pagina):

<div id="video-banner">

</div>
<div id="button-banner1">


</div>

Nel file ads.js ho scritto questo codice:

var upAdsBase = function() {
 $("#video-banner").load("../ads/video-banner.html");
 $("#button-banner2").load("../ads/button-banner2.html");
 $("#button-banner3").load("../ads/button-banner3.html");
 $("#button-banner4").load("../ads/button-banner4.html");
};


var upAds319 = function() {
 $("#button-banner1").load("../ads/button-banner1.html");
 $("#button-banner2").load("../ads/button-banner2.html");
 $("#button-banner3").load("../ads/button-banner3.html");
 $("#button-banner4").load("../ads/button-banner4.html");
};


var upAds360 = function() {
 $("#video-banner").load("../ads/video-banner.html");
 $(".large-box-banner").load("../ads/large-box-banner.html");
};


if (document.documentElement.clientWidth <= 319) {
 upAds319();
}


if (document.documentElement.clientWidth >= 320 <= 359) {
 upAdsBase();
}


if (document.documentElement.clientWidth >= 360) {
 upAds360();
}

[Nikopol]

Ciao,
il codice che hai postato è in javascript e non java , sono linguaggi completamente diversi.
Qui si parla di java; ti consiglio di contattare un moderatore e farti spostare il thread nella sezione di javascript.
Comunque, anche se non conosco javascript, posso dirti che la condizione

document.documentElement.clientWidth >= 320 <= 359

mi sembra sospetta; immagino manchi un and fra le due condizioni.
Qualcosa tipo:

if (document.documentElement.clientWidth >= 320 && document.documentElement.clientWidth <= 359) {
 upAdsBase();
}

[LeleFT]

Sposto nel forum JavaScript.


Ciao.

[marco61087]

il codice che hai postato è in javascript e non java

Grazie, onestamente credevo che javascript fossero semplicemente script in java

Comunque, anche se non conosco javascript, posso dirti che la condizione

document.documentElement.clientWidth >= 320 <= 359

mi sembra sospetta; immagino manchi un and fra le due condizioni.
Qualcosa tipo:

if (document.documentElement.clientWidth >= 320 && document.documentElement.clientWidth <= 359) {
 upAdsBase();
}

Provo a modificare ma non credo che il codice funzionerà, perché ho già provato (seguendo l'esempio della guida HTML.it) con una sola condizione e non funge.

Sposto nel forum JavaScript.

Grazie, scusa per l'ignoranza in materia.

[cavicchiandrea]

if (document.documentElement.clientWidth >= 320 && document.documentElement.clientWidth <= 359)
//if verificherà che il dato sia compreso tra 320 e 359

[marco61087]

Grazie, ma non funziona lo stesso. Aiutandomi con i consigli di un altro forum ho cambiato qualcos'altro, ma ancora niente. Lo metto on line su un sito prova: http://manganoprova1.altervista.org/v2.0/

[cavicchiandrea]

io con firefox vedo questi errori

GET http://manganoprova1.altervista.org/v2.0/video-banner.html
404 Not Found

 43ms
jquery.min.js (riga 4)






GET http://manganoprova1.altervista.org/v2.0/large-box-banner.html
404 Not Found

 41ms
jquery.min.js (riga 4)






"NetworkError: 404 Not Found - http://manganoprova1.altervista.org/v2.0/large-box-banner.html"
large-b...er.html



"NetworkError: 404 Not Found - http://manganoprova1.altervista.org/v2.0/video-banner.html"
video-banner.html

P.S. includere una pagina intera per dei banner non mi sembra una soluzione ottimale/responsive

[marco61087]

Non riesco a capire il problema nei percorsi, in ogni caso il problema è lì allora.

includere una pagina intera per dei banner non mi sembra una soluzione ottimale/responsive

Non è una pagina intera, nel senso, è un codice molto piccolo e in ogni caso non conosco altre soluzioni. La guida responsive di HTML.it suggerisce questo ...consigli?

Aggiornamento: forse ho risolto il problema percorsi, in ogni caso ora carica solo un banner e non si vede il resto del testo. Sono disponibile ad accogliere altre soluzioni.