DIV da visualizzare solo ad una certa risoluzione

**sicurauto** · 11-04-2004, 20:00

Ciao a tutti,
nel mio portale (www.sicurauto.it) ho messo un div che mi visualizza alla destra del sito un banner skyscraper.

Tuttavia vorrei che questo div venga visualizzato solo se la risoluzione del visitatore è pari o superiore a 1024*768.

Sapete come si può fare?
Grazie mille

Auguri!!

**jubin** · 12-04-2004, 13:39

ci sono molti scripts che visualizzano un testo piuttosto che un altro a seconda delle visualizzazioni in js (del tipo "navighi a 800*600 mentre la risoluzione consigliabile e' la 1024*768) e modificala secondo le tue esigenze...
non penso ci sia altro modo...

**sicurauto** · 12-04-2004, 18:24

Ok... sapresti indicarmene qualcuno?

Grazie mille

**ozak** · 13-04-2004, 00:55

Devi farti uno JS script di questo tipo

var width // Largezza schermo
var height // Altezza " "
var boolScreenWidth // booleano per risoluzione >= 1024 x 768

width = parseInt(screen.width); height = parseInt(screen.height);

// Questo verifica se la risoluzione è uguale superiore o inferiore a 1024 x 768

If ( width>=1024 & height>=768 ){boolScreenWidth = True;}
Else {boolScreenWidth = False;}

Swicth (boolScreenWidth){
case True:
//Azioni per la costruzione del livello
break;

case False:
//Il livello non viene eseguito
break;
}

Ciao !

**sicurauto** · 13-04-2004, 10:11

Ciao grazie per i consigli... tuttavia ancora non riesco a farlo funzionare...

Ho copiato ed incollato il seguente testo in un file del blocco notes che ho poi salvato come sky.js
Ovviamente nella pagina del sito ho richiamato il .js come faccio di solito per gli altri script.

codice:

var width // Largezza schermo 
var height // Altezza " " 
var boolScreenWidth // booleano per risoluzione >= 1024 x 768 

width = parseInt(screen.width); height = parseInt(screen.height); 

// Questo verifica se la risoluzione è uguale superiore o inferiore a 1024 x 768 

If ( width>=1024 & height>=768 ){boolScreenWidth = True;} 
Else {boolScreenWidth = False;} 

Swicth (boolScreenWidth){ 
case True: 
//Azioni per la costruzione del livello
<div align="center" style="position: absolute; width: 150px; height: 600px; z-index: 1; left: 785px; top: 3px" id="livello1">

</div>
break; 

case False: 
//Il livello non viene eseguito 
break; 
}

Tuttavia mi da un errore nel browser...
Manca qualcosa? O sbaglio io?
Sai non sono molto pratico di js...

Poi ho anche pensato una cosa molto importante... quel famoso DIV si dovrebbe visualizzare per risoluzioni PARI o SUPERIORI a 1024*768, mentre questo script lo fa visualizzare solo per risoluzioni PARI (e non anche superiori) a 1024*768 o sbaglio?
Si può fare in caso quello che dico io?
Grazie!!!

**sicurauto** · 13-04-2004, 10:16

Riguardandolo bene forse fa proprio quello che dico io

Cioè lo fa visualizzare per risoluzioni PARI o SUPERIORI giusto?
Cmq fatto sta che non riesco a farlo andare

**ozak** · 13-04-2004, 21:31

Be quello ovviamente era solo il concetto, prova così l' ho tsto in 5 secondi e carica il livello, ovviamente tutto il pezzo di codice contente lo script devi metterlo dove vorresti che venisse visualizzato il livello

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<script Language="javascript">

var width // Largezza schermo
var height // Altezza " "
var boolScreenWidth // booleano per risoluzione >= 1024 x 768

width = parseInt(screen.width); height = parseInt(screen.height);

// Questo verifica se la risoluzione è uguale superiore o inferiore a 1024 x 768

if(width>=1024 & height>=768 ){boolScreenWidth = true;}
else{boolScreenWidth = false;}

switch(boolScreenWidth){

case true:
//Azioni per la costruzione del livello
document.write("<div align=center style=position: absolute; width: 150px; height: 600px; z-index: 1; left: 785px; top: 3px id=livello1>");
document.write("<img src=http://impit.tradedoubler.com/imp/img/101637/392385 border=0>");
document.write("</div>");
break;

case false:
//Il livello non viene eseguito
document.write("nessun livello");
break;
}

</script>

</body>
</html>

CIAO :gren:

**sicurauto** · 14-04-2004, 00:15

Grazie milleeeeeeeee!!

Discussione: DIV da visualizzare solo ad una certa risoluzione

Strumenti discussione

Ricerca discussione

Visualizza

DIV da visualizzare solo ad una certa risoluzione

cerca su html.it

Permessi di invio