Sito per cellulari

**lucari93** · 10-05-2009, 20:13

Ciao a tutti,
ho creato un sito internet che se viene visualizzato dal cellulare non si riesce a navigare bene. ho quindi fatto sulla homepage un collegamento che porta ad un'altra pagina strutturata differentemente e di conseguenza ben accessibile da un cellulare.
volevo fare in modo che quando uno visualizza il sito dal cellulare non debba cliccare sul collegamento per andare sulla pagina che ho strutturato per mobile ma che, riconoscendo che è un cellulare, ci andasse da solo.

Potete aiutarmi??

Grazie in Anticipo

Luca

**Vincent.Zeno** · 10-05-2009, 20:37

ciao lucari93, benvenuto sul forum.

devi leggere la risoluzione video e poi reindirizzare verso la pagina.

puoi farlo tramite JavaScript o un linguaggio dinamico

**lucari93** · 10-05-2009, 22:00

Grazie per avermi risposto!

per fare quello che hai detto tu ho trovato questo codice:

<html>
<head>
<title>prova</title>
<script type="text/javascript">
function Risoluzione(){
if(screen.width == 1024){
window.location = "./1024.htm";
}else if(screen.width == 800){
window.location = "./800.htm";
}else{
window.location = "./other.htm";
}
}
</script>
</head>
<body OnLoad="Risoluzione()">
</body>
</html>

Io ho messo al posto di ./1024.htm , di ./800.htm e di ./other.htm 3 pagine web ma quando vado a caricare la pagine in cui ho scritto quel codice non succede niente.

Inoltre anche se funzianasse non saprei come fare a digli di aprire una pagina per tutte le risoluzione maggiori di un certo numero e un'altra con le risoluzioni minori di un certo numero al posto che indicargli la risoluzione precisa.

Chiedo gentilmente se potreste auitarmi a risolvere questi due problemi.

grazie in anticipo

ciao

Luca

**Vincent.Zeno** · 10-05-2009, 22:29

in body non ci va nulla, la scelta la fai prima di caricare la pagina.
ovviamente puoi eliminare l'istruzione per 1024 se non intendi fare un redirect

codice:

<script language="javascript">
//redirect in base alla risoluzione del monitor
if (window.screen){
  var dimensione = screen.width;
  risuluzione640 = "pagina640.html";
  risuluzione800 = "pagina800.html";
  risuluzione1024 = "pagina1024.html";
  if(dimensione<740){
    self.location.replace(risuluzione640);
  }
  if(dimensione>=740 & dimensione<835){
    self.location.replace(risuluzione800);
  }
  if(dimensione>=835){
    self.location.replace(risuluzione1024);
  }
}
</script>

**lucari93** · 10-05-2009, 22:42

è perfetto!!!
grazie mille veramente!!
buona serata!!

Luca

Discussione: Sito per cellulari

Strumenti discussione

Ricerca discussione

Visualizza

Sito per cellulari

Permessi di invio