Impostare dimensioni a seconda della risoluzione dello schermo

**picone** · 08-02-2012, 11:52

Ho questo script che mi apre un file swf:

<script language="javascript">
<!--
function writeSwf(movie, width, height) {
document.write('<object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="' + width + '" height="' + height + '" ID="sf" VIEWASTEXT>');
document.write(' <param name="movie" value="' + movie + '" />');
document.write(' <param name="quality" value="high" />');
document.write(' <param name="wmode" value="window" />');
document.write(' <param name="allowScriptAccess" value="always" />');
document.write(' <param name="allowFullScreen" value="true" />');
document.write(' <embed src="' + movie + '" quality="high" name="sf" allowScriptAccess="always" allowFullScreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="' + width + '" height="' + height + '" />');
document.write('</object>');
}
writeSwf("quiz.swf", 800, 600);
</script>

La funzione writeSwf() imposta le dimensioni a 800 per 600 px.
Io vorrei impostare le dimensioni in base alla risoluzione dello schermo, tipo se la risoluzione è 800x600 la funzione è impostata a 800x600, se la risoluzione dello schermo è maggiore di 800x600 la funzione è impostata a 960x720.
Come posso fare?

Grazie

**cavicchiandrea** · 08-02-2012, 12:08

Prova cosi:

codice:

<script language="javascript">
<!--
onload=function(){
var lar;
var alt;
var sW=screen.width;
var sH=screen.height;
if(sW==800 && sH==600){
lar = 800;
alt = 600;
}else{
lar = 960;
alt = 720;
}
document.write('<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="' + lar + '" height="' + alt + '" ID="sf" VIEWASTEXT>');
document.write(' <param name="movie" value="quiz.swf" />');
document.write(' <param name="quality" value="high" />');
document.write(' <param name="wmode" value="window" />');
document.write(' <param name="allowScriptAccess" value="always" />');
document.write(' <param name="allowFullScreen" value="true" />');
document.write(' <embed src="quiz.swf" quality="high" name="sf" allowScriptAccess="always" allowFullScreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="' + lar + '" height="' + alt + '" />');
document.write('</object>');
}
</script>

**picone** · 08-02-2012, 12:42

Funziona, grazie.
L'unica cosa che non capisco è perchè non riesco più a centrare il flash nella pagina.
Prima con <div align="center">....sfw</div> funzionava.

**picone** · 08-02-2012, 12:43

Funziona, grazie.
L'unica cosa che non capisco è perchè non riesco più a centrare il flash nella pagina.
Prima con <div align="center">....script</div> funzionava.

**cavicchiandrea** · 08-02-2012, 14:09

Lo script lo metti nei tag <head>...</head>

codice:

<script language="javascript">
<!--
onload=function(){
var lar;
var alt;
var sW=screen.width;
var sH=screen.height;
if(sW==800 && sH==600){
lar = 800;
alt = 600;
}else{
lar = 960;
alt = 720;
}
document.getElementById('swf').innerHTML='<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="' + lar + '" height="' + alt + '" ID="sf" VIEWASTEXT><param name="movie" value="quiz.swf" /><param name="quality" value="high" /><param name="wmode" value="window" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><embed src="quiz.swf" quality="high" name="sf" allowScriptAccess="always" allowFullScreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="' + lar + '" height="' + alt + '" /></object>';
}
</script>

il div nel body dove vuoi
<div id="swf"align="center"></div>

**picone** · 08-02-2012, 14:12

Perchè non riesco a centrare il quiz nella pagina? Posto il codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>quiz</title>
</head>
<body>
<center>
<script language="javascript">
<!--
onload=function(){
var lar;
var alt;
var sW=screen.width;
var sH=screen.height;
if(sW==800 && sH==600){
lar = 800;
alt = 600;
}else{
lar = 960;
alt = 720;
}
document.write('<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="' + lar + '" height="' + alt + '" ID="sf" VIEWASTEXT>');
document.write(' <param name="movie" value="quiz.swf" />');
document.write(' <param name="quality" value="high" />');
document.write(' <param name="wmode" value="window" />');
document.write(' <param name="allowScriptAccess" value="always" />');
document.write(' <param name="allowFullScreen" value="true" />');
document.write(' <embed src="quiz.swf" quality="high" name="sf" allowScriptAccess="always" allowFullScreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="' + lar + '" height="' + alt + '" />');
document.write('</object>');
}
</script>
</center>
</body>
</html>

**picone** · 08-02-2012, 14:14

Ok funziona, grazie!!!

Discussione: Impostare dimensioni a seconda della risoluzione dello schermo

Strumenti discussione

Ricerca discussione

Visualizza

Impostare dimensioni a seconda della risoluzione dello schermo

Non riesco a centrare

Permessi di invio