Eseguire una condizione ogni secondo

**Samuele.Darenzo** · 13-04-2012, 10:47

Salve.. Ho cercato molto sul web con scarsi risultati..
Questo è il mio script..

codice:

<script language="javascript" type="text/jscript"> 
if (window.innerWidth < 1270) 
{ document.getElementById('hidden1').style.display = 'none'; 
document.getElementById('hidden2').style.display = 'none'; 
document.getElementById('hidden3').style.display = 'none'; 
document.getElementById('large1').style.margin = '100px 20px 0px 110px'; 
document.getElementById('large2').style.margin = '-2px 20px 0px 360px';
}
</script>

Il problema mio è che questa condizione me la esegue solamente quando lo schermo si trova gia a quella risoluzione o inferiore.. Se io ridimensiono manualmente la dimensione della finestra del browser.. i div non spariscono..
Quindi serve che controlla ogni secondo la dimensione.. ed esegue sempre questa funzione..

a quanto ho capito bisogna utilizzare la funzione set.Timeout Ma non so dove e come inserirlo..
Vi prego di aiutarmi..
Grazie anticipatamente.
Samuele D'Arenzo

**cavicchiandrea** · 13-04-2012, 11:02

Prova cosi:

codice:

<head>
<script language="javascript" type="text/jscript"> 

function Nascondi(){
if (window.innerWidth < 1270) 
{ document.getElementById('hidden1').style.display = 'none'; 
document.getElementById('hidden2').style.display = 'none'; 
document.getElementById('hidden3').style.display = 'none'; 
document.getElementById('large1').style.margin = '100px 20px 0px 110px'; 
document.getElementById('large2').style.margin = '-2px 20px 0px 360px';
}
}
window.onload=Nascondi;
window.onresize=Nascondi;
</script>
</head>

**Samuele.Darenzo** · 13-04-2012, 11:06

Nel div devo riportare niente??

codice:

<div id="hidden3">Pubblicità</div>

**Samuele.Darenzo** · 13-04-2012, 11:09

Ok funziona perfettamente..

Ho inserito pure un else.. con css nei div display:block

Ottimo ti ringrazio.. (:

**Samuele.Darenzo** · 13-04-2012, 13:49

Come mai non funziona se aggiungo un'altra function?

codice:

function Nascondi(){ 
if (window.innerHeight < 580) {
document.getElementById('menu4').style.display = 'none'; 
document.getElementById('menu5').style.top = '410px';
} 
else {
document.getElementById('menu4').style.display = 'block'; 
document.getElementById('menu5').style.top = '510px';
}}

**seokey** · 13-04-2012, 13:54

function Nascondi2(){ ...

**Samuele.Darenzo** · 13-04-2012, 13:55

E come la richiamo su

window.onload=Nascondi;

**Samuele.Darenzo** · 13-04-2012, 14:19

Niente mi considera solo la prima funzione che metto..

codice:

<script language="javascript" type="text/jscript">
function Nascondi(){ if (window.innerWidth < 1270) {
 document.getElementById('hidden1').style.display = 'none';
 document.getElementById('hidden2').style.display = 'none'; 
document.getElementById('hidden3').style.display = 'none'; 
document.getElementById('large1').style.margin = '100px 25px 0px 110px';
 document.getElementById('large2').style.margin = '-2px 25px 0px 360px'; 
} 
else { 
document.getElementById('hidden1').style.display = 'block'; 
document.getElementById('hidden2').style.display = 'block'; 
document.getElementById('hidden3').style.display = 'block'; 
document.getElementById('large1').style.margin = '100px 250px 0px 110px'; 
document.getElementById('large2').style.margin = '-2px 250px 0px 360px'; 
} }

function Nascondi2(){
if (window.innerHeight < 580) {
document.getElementById('menu4').style.display = 'none'; 
document.getElementById('menu5').style.top = '410px';
}
else {
document.getElementById('menu4').style.display = 'block'; 
document.getElementById('menu5').style.top = '510px';
} } 
window.onload=Nascondi ;
window.onresize=Nascondi; 
</script>

Anche se questo

window.onload=Nascondi ;

Lo cambio in questo
window.onload=Nascondi2 ;

Discussione: Eseguire una condizione ogni secondo

Strumenti discussione

Ricerca discussione

Visualizza

Eseguire una condizione ogni secondo

Permessi di invio