Dimensionare dinamicamente un oggetto flash

**beta_persei** · 24-01-2011, 11:16

Salve a tutti,
non sono ferratissimo in javascript, quindi il vostro aiuto risulta di fondamentale importanza

Dunque, vengo subito al sodo :

Allora, immaginate che all'interno di una pagina html io debba mettere un file flash; questo file flash deve avere dimensioni 100% sia in larghezza che in altezza, cioè deve ricoprire tutto lo schermo. Però questo deve accadere fintanto che la risoluzione dello schermo superi un certo valore in pixel...

mi spiego meglio : se la larghezza dello schermo supera 900 pixel e l'altezza supera 700 pixel, allora metto il file flash al 100% in altezza e larghezza, altrimenti, imposto le dimensioni del file flash ad altezza e larghezza fissa, e faccio comparire le barre di scorrimento...

Chiaramente, credo di dover incorporare il filmato flash direttamente attraverso una funzione javascript e su questo sono un po' a digiuno...

Si accetta di tutto : spunti, link, e quant'altro !!!

Grazie mille e buona giornata

beta

**grandeorco** · 24-01-2011, 11:34

ciao hai presente quando pubblichi il filmato che ti da la pagina html il file swf e il file js ? si
nella pagina htlm c'e il codice javascript che richiama il file swf io nella mia modifica ho preso in considerazione la larghezza della pagina e in base a quella do le dimensioni del swf.

codice:

<script language="javascript">
	if (AC_FL_RunContent == 0) {
		alert("This page requires AC_RunActiveContent.js.");
	} else {
	
	if(window.screen.availWidth>1500){
		AC_FL_RunContent(
			'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
			'width', '1000',
			'height', '349',
			'src', 'big_banner',
			'quality', 'high',
			'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
			'align', 'middle',
			'play', 'true',
			'loop', 'true',
			'scale', 'showall',
			'wmode', 'window',
			'devicefont', 'false',
			'id', 'big_banner',
			'bgcolor', '#ffffff',
			'name', 'big_banner',
			'menu', 'true',
			'allowFullScreen', 'false',
			'allowScriptAccess','sameDomain',
			'movie', 'big_banner',
			'salign', ''
			); //end AC code
			
			}
			else{
			
			AC_FL_RunContent(
			'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
			'width', '300',
			'height', '100',
			'src', 'big_banner',
			'quality', 'high',
			'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
			'align', 'middle',
			'play', 'true',
			'loop', 'true',
			'scale', 'showall',
			'wmode', 'window',
			'devicefont', 'false',
			'id', 'big_banner',
			'bgcolor', '#ffffff',
			'name', 'big_banner',
			'menu', 'true',
			'allowFullScreen', 'false',
			'allowScriptAccess','sameDomain',
			'movie', 'big_banner',
			'salign', ''
			); //end AC code		
			}
			
	}
</script>

Spero ti possa aiutare il mio suggerimento. Ciao

**beta_persei** · 24-01-2011, 11:58

Grazie mille per il suggerimento, ma penso non funzioni...
O meglio, dimensiona sempre il filmato, anche quando la larghezza dello schermo è inferiore a 922 pixel, non blocca le dimensioni a 800x600 ma continua a dimensionare...

Ti posto il codice dell'intera pagina html

codice:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>index</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
</head>
<body bgcolor="#ffffff" style="margin:0px">



<script language="javascript">
	if (AC_FL_RunContent == 0) {
		alert("This page requires AC_RunActiveContent.js.");
	} else {
	if(window.screen.availWidth>922){
		AC_FL_RunContent(
			'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
			'width', '100%',
			'height', '100%',
			'src', 'index',
			'quality', 'high',
			'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
			'align', 'middle',
			'play', 'true',
			'loop', 'true',
			'scale', 'showall',
			'wmode', 'window',
			'devicefont', 'false',
			'id', 'index',
			'bgcolor', '#ffffff',
			'name', 'index',
			'menu', 'true',
			'allowFullScreen', 'false',
			'allowScriptAccess','sameDomain',
			'movie', 'index',
			'salign', ''
			); //end AC code
			}
			else{
			AC_FL_RunContent(
			'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
			'width', '800',
			'height', '600',
			'src', 'index',
			'quality', 'high',
			'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
			'align', 'middle',
			'play', 'true',
			'loop', 'true',
			'scale', 'showall',
			'wmode', 'window',
			'devicefont', 'false',
			'id', 'index',
			'bgcolor', '#ffffff',
			'name', 'index',
			'menu', 'true',
			'allowFullScreen', 'false',
			'allowScriptAccess','sameDomain',
			'movie', 'index',
			'salign', ''
			); //end AC code
			}
	}
</script>
<noscript>
	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="800" height="600" id="index" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="false" />
	<param name="movie" value="index.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />	<embed src="index.swf" quality="high" bgcolor="#ffffff" width="800" height="600" name="index" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
	</object>
</noscript>
</body>
</html>

**beta_persei** · 24-01-2011, 13:12

ho risolto il problema usando la funzione onResize e window.innerWidth per verificare la dimensione della finestra...

Ora pero' ho un'altra richiesta :ho bisogno di dare uno style <style type="text/css"> alla pagina in base ad un if contenuto nel javascript...

esempio

codice:

<script type="text/javascript">
if(){
<style type="text/css">
        /*<![CDATA[*/
        
            #content {
                height: 100%;
            }
           
        /*]]>*/
        </style>
}
else
{
<style type="text/css">
        /*<![CDATA[*/
        
            #content {
                height: 100%;
            }
           
        /*]]>*/
        </style>
}
</script>

**cavicchiandrea** · 24-01-2011, 13:48

Fai cosi:

codice:

<script type="text/javascript">
onload=function(){
if(document.getElementById('content')){
document.getElementById('content').style.height='100%';
            }
}
</script>

quasto al caricamento del documento, se lo vuoi associare ad un altro evento (onclick, etc..) basta nominare la funzione

Discussione: Dimensionare dinamicamente un oggetto flash

Strumenti discussione

Ricerca discussione

Visualizza

Dimensionare dinamicamente un oggetto flash

Permessi di invio