Buongiorno,
premetto che di Javascript sono un po' una schiappa...ci ho lavoricchiato ma tanto tempo fa e poca roba, per cui ne so proprio poco e niente.
Vi spiego il dilemma.
Ho un sito Wordpress con un bellissimo tema sul quale ho messo i banner pubblicitari di un certo fornitore pubblicitario (non cito il nome, lo troverete nel codice qui sotto). Il problema è che il tema è responsive ed è perfetto, ma il banner in testa rimane 728x90 anche sui cellulari senza ridimensionarsi e questo mi sballa tutto il layout.
Dato che il mio fornitore pubblicitario mette a disposizione anche dei banner per il mobile, ho pensato...perchè non caricare il file JS della pubblicità dinamicamente?
E allora ho buttato giù questo aborto di codice:
codice:
<script>
function addScript (src) {
var tag = document.createElement('script');
tag.src = src;
tag.type = 'text/javascript';
document.getElementsByClassName('textwidget')[0].appendChild(tag);
}
if(screen.width > 1024)
{
addScript ('http://syndication.exoclick.com/ads.php?type=728x90&login=peppergossip&cat=472&search=&ad_title_color=0000cc&bgcolor=FFFFFF&border=0&border_color=000000&font=&block_keywords=&ad_text_color=000000&ad_durl_color=008000&adult=1&sub=&text_only=0&show_thumb=&idzone=674089&idsite=233439');
}
else
{
addScript('http://syndication.exoclick.com/ads.php?type=300x50&login=peppergossip&cat=472&search=&ad_title_color=0000cc&bgcolor=FFFFFF&border=0&border_color=000000&font=&block_keywords=&ad_text_color=000000&ad_durl_color=008000&adult=1&sub=&text_only=0&show_thumb=&idzone=675613&idsite=233439');
}
</script>
Su Chrome non funziona proprio e non mi dice neanche perchè la console, su Firefox mi dice
"È stata ignorata una chiamata a document.write() eseguita da uno script esterno caricato in modalità asincrona."
Quale può essere il problema secondo voi?
Vi ringrazio in anticipo, ciao!