Ciao a tutti,
sto impostando il procedimento di ridimensionamento del sito in base alla risoluzione dello schermo con codice js che richiama un diverso css in base, appunto, alla risoluzione rilevata di volta in volta dall'utente.
Ho seguito il processo di implementazione del codice spiegato in :
http://javascript.html.it/articoli/...-risoluzione/2/
e adattandolo al mio caso.
Ho però un problema: al primo caricamento della pagina il js funziona, ossia rileva la risoluzione dello schermo, richiama il css relativo e adatta la dimensone del sito. Se però ricarico la pagina oppure navigo all'interno del sito collegandomi ad altre pagine, il js non funziona più.... e la grafica non è più ridimensionata....
il codice js è il seguente:
function getBrowserWidth(){
if (window.innerWidth){
return window.innerWidth;}
else if (document.documentElement && document.documentElement.clientWidth != 0){
return document.documentElement.clientWidth; }
else if (document.body){return document.body.clientWidth;}
return 0;
}
// dynamicLayout
function dynamicLayout(){
var browserWidth = getBrowserWidth();
//carica le regole per il layout a definizione più bassa
if (browserWidth < 950){
changeLayout("950width");
}
//carica le regole per il layout a definizione intermedia
if ((browserWidth >= 950) && (browserWidth <= 1440)){
changeLayout("950width1440");
}
//carica le regole per il layout a definizione più alta
if (browserWidth > 1440){
changeLayout("width1440");
}
}
// changeLayout is based on setActiveStyleSheet function by Paul Sowdon
// http://www.alistapart.com/articles/alternate/
function changeLayout(description){
var i, a;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++){
if(a.getAttribute("title") == description){a.disabled = false;}
else if(a.getAttribute("title") != "default"){a.disabled = true;}
}
}
//addEvent() by John Resig
function addEvent( obj, type, fn ){
if (obj.addEventListener){
obj.addEventListener( type, fn, false );
}
else if (obj.attachEvent){
obj["e"+type+fn] = fn;
obj[type+fn] = function(){ obj["e"+type+fn]( window.event ); }
obj.attachEvent( "on"+type, obj[type+fn] );
}
}
//Run dynamicLayout function when page loads and when it resizes.
addEvent(window, 'load', dynamicLayout);
addEvent(window, 'resize', dynamicLayout);
... rilevate per caso errori?
Grazie per l'aiuto.
Rispondi quotando
