Quante volte ci è capitato di vedere dei siti in Flash a tutto schermo? ovvero avviati in FullScreen?

Oggi vedremo come aprire un sito in modalità FullScreen da Flash

  • Sul nostro pulsante in flash andiamo a inserire

on (release) {
getURL("javascript:window.open(\'julius.htm\',\'\',\'fullscreen=1,scrollbars=0\');void(0);");
}

In questo modo richiameremo una funzione in JavaScript che aprirà la pagina da noi desiderata a tutto schermo, in questo caso julius.htm

  • Ora andiamo a vedere la funzione in JavaScript e dove inserirla:

Apriamo la pagina che verrà richiamata in Fullscreen (julius.htm) e inseriamo il seguente codice tra i tag <head> e </head>

<script type="text/javascript">
function popup(file){
window.open(file,'mywin','width=650,height=650,top='+((screen.availheight/2)-(650/2))+',left='+((screen.availwidth/2)-(650/2))+',menubar=no,scrollbars=yes,status=no,toolbar=no,location=no,directories=no,resizable=yes');
}
</script>

Come possiamo notare nella funzione JS ci sono alcuni parametri, che potremo modificare a nostro bisogno per altre eventuali fullscreen come la scelta di abilitare o meno la menubar, la scrollbars, la toolbarresizable.

Scarica il sorgente
Guarda il Tutorial

Author

Sono un Creative Strategist con più di 10 anni di esperienza in strategie digitali. Il mio ruolo di Stratega consiste nell’ideare e sviluppare concept creativi per progetti multicanale, individuando le attivazioni e dinamiche di Marketing da applicare attraverso un approccio strategico.

53 Commenti

  1. …Grazie ancora per stanotte…(ihihiihihihiiihih chissà cosa penserà chi legge questa frase…!!!!!!)
    …mi auguro per te di non essere altrettanto veloce come lo sei con Flash….
    buona giornata!

  2. @Kerotan ciao non vorrei sbagliarmi… ^_^, ma che io sappia non si può eseguire un FullScreen direttamente…
    cioè non puoi mandare in fullscreen una finestra già aperta…

    faccio una piccola indagine e ti faccio sapere

    ciao

  3. Ciao, hai fatto la piccola indagine di cui parli sopra?
    anch’io ho lo stesso problema, vorrei aprire una pagina htm da CD subito in fullscreen

    ciao ciao

  4. Come ho gia detto a kerotan non è possibile aprire una pagina in full screen nel browser senza passare da’un altra pagina
    Ora non so se puo servirti nello specifico, ma guarda FullScreen mode

  5. Grazie mille Julius. Sono giorni che tento di carpire il segreto per il fullscreen mode. Che Dio e i WebMaster ti benedicano!!!!

  6. Controlla un paio di cose

    1) Lo script non è corretto, se guardi il codice i parametri numerici sono errati
    2)Prova a non richiamare la stessa pagina

  7. vincenzo

    ciao julius sei un grande :)
    ti volevo chiedere uan cosa ma in questo modo poi la mia pagina si adatta sempre a tutte le risoluzioni di schermo su cui viene visualizzata o no?
    ho questo grande problema mi puoi aiutare?
    ciao ciao

  8. vincenzo

    grazie mille julius
    forse mi hai alvato la vita :)
    continua così he se il miglore!

  9. Francesco

    Ciao Giulio volevo chiederti c’è un modo per far si che la finestra si apra in automatico senza bisogno del pulsante ma direttamente quando si apre? baileysit@libero.it

  10. No di solito si lascia all’utente decidere se vederlo in fullscreen o normale..

    Per rendere una pagina fullscreen deve essere richiamata una funzione, e quindi ci vuole un punto di inizio, non può essere richiamata la stessa pagina…

  11. ciao julius vorrei sapere una cosa.. se il full screen invece parte da un pulsante non flash ma da un bottone/immagine fatto su una pagina html (senza flash) che script dovrei utilizzare dentro la mia index html per poi far aprire la main in flash?

  12. volevo anke chiederti poi il filmato flash della main in che dimensioni dovrebbe essere fatto quando vado a realizzarlo in flash dato che poi si adattera da solo allo schermo della gente? ci sono delle dimensioni standard per non perdere la qualita grafica? i caratteri poi non rischiano di sgranare? o di perdere in dettaglio? (scusa il doppio commento ma mi ero dimenticato di chiedertelo)

  13. ho letto la guida sul sito ke mi hai segnalato ma non fa quello ke intendevo.. forse non ti ho esposto bene il problema.. io ho una pagina html dove ho un pulsante con scritto enter fatto ad immagine (come http://www.andreabocelli.com) e vorrei ke quando vado a cliccare su enter mi apra il filmato flash in full screen.. ho cercato di capire come funziona la sorgente del file http://www.andreabocelli.com ma non riesco a capire dove sbaglio..

    la sorgente della mia pagina e’ questa:

    io devo fare in modo che quando clicco questa immagine (che e’ il mio pulsante di entrata) mi apre una pagina in fullscreen fissa come quella del sito che ho citato sopra..

    ti ho confuso di piu? spero di no..

  14. ho risolto.. penso ke se ti dico il motivo non risponderai piu ai miei post.. quindi per stavolta chiedo clemenza :P cmnq grazie per l’aiuto.. nel frattempo ti auguro una buona serata..

  15. sorpresina

    Io ho trovato questo per avere il fullscreen da daun filamto flash che simula una vera e propria applicazione a schermo intero

    http://www.bezzmedia.com/swfspot/tutorials/intermediate/True_Fullscreen_Flash_Mode

    L’unica cosa che vorrei fare e non riesco sarebbe caricare un filmato (es loadMovie) quando la modalita’ schermo interno torna a normale (premendo ESC)
    Hai mica un’idea di come fare?

    Con eventi sul tasto ESCAPE non funziona, bisognerebbe trovare il metodo di intercettare il fatto che da schermo intero torna a schermo normale.

  16. Ciao Julius. E’ la prima volta che trovo tanta disponibilità sul web riguardo Flash. Complimenti davvero e mille grazie per i suggerimenti che dai. Anch’io ti chiedo gentilmente qualcosa:
    è possibile inserire 2 pulsanti next e prev all’aperura della foto grande per non dover sempre tornare alle miniature?
    Grazie.

  17. Francesco

    Ciao Julius volevo chiederti come fare per far funzionare questo fullscreen anche in Safari.

    In Safari non si comporta propio come IE. Quindi come fare?

    Grazie Ciao

  18. ciao Julius,
    mi spieghi perfavore come nascondere la barra url indirizzi perchè non ci riesco…grazie :)

  19. @7stars ciao questo esempio gia elimina la visualizza della barra degli indirizzi

    con che browser stai provando?

  20. allora…ho riprovato… ie7 la visualizza,firefox invece funziona…boh
    hai una spiegazione??

  21. ho anche un altro problema in realtà…se uso lightbox2 in questa pagina ie7 la prima volta che carica dà errore :”Impossibile aprire il sito internet…” se poi aggiorno invece tutto ok ma è chiaro che non va bene…è forse noto un problema di compatibilità con tra lightbox2 ed ie7?? in firefox invece funziona sempre tutto :)))

  22. :))) ok ho trovato…forse può essere utile
    c’è un conflitto tra gli script di lightbox con swfobject…
    cmq mi appare sempre la barra indirizzi in ie ^__^ quello non lo capisco…aspetto il grande capo Julius :)))

  23. Potrebbe essere un conflitto di script come dici tu, oggi giorno anche un sito puo avere vari problemi di visualizzazione con differenti browser…

    Vedo cosa riesco a trovare…

  24. ciao Julius, ho un problema abbastanza vitale.
    ho fatto un sito in flash per la prova finale di un corso che sto freguentanto, una volta finito lo sto pubblicando per vedere che effetto fa.
    volevo applicargli questo aprire un sito in fullscreen, ho seguito tutte le istruzioni (già fatto altre volte con successo), solo che alla fine di tutto mi sono accorto che il mio stage in flash, invece di essere 1024×768, è 1000×768.
    Ora di rimettere mano a tutto il sito, per rimettere 1024 px e in pratica riaddattare tutto, non mi va proprio (anche perchè non ho più tempo).
    c’è un modo per risolvere questo problema, in modo da poter applicare sempre questo “aprire un sito in fullscreen”??
    dimmi di si, ti prego….
    Ti ringrazio sempre in anticipo per la tua disponibilità!

  25. Ciao julius
    intanto complimenti per il sito!

    voelvo chiederti una cosa. Questo tutorial funziona con tutti i browser da me provati, sia su win che su mac.
    L’unico con il quale non funziona è IE 6. Infatti la finestra a schermo intero si apre ma viene spostata verso l’alto, e in questo modo non si vede la barra del titolo con i pulsanti per chiuderla.

    Come mai?

  26. @Marco fortunatamente sono 24 pixel, e comunque dovresti fare a mano

    una soluzione potrebbe essere quella di pubblicare il filmato centrato e di mettere come sfondo da pagina html il colore uguale allo stage cosi da non far notare quei 12px a sinistra e destra

    @pmazzeo ie6 è davvero un browser “malato” che purtroppo ancora troppa gente utilizza…

    Ovviamente si testa con tutti i browser ma non si puo fare molto quando succedono bug simili

  27. julius il problema ce l’ho anche con IE7…

    e ho individuato anche dov’è…è nel file juliusMax.js

    però siccome nn sono pratico di liguaggio js mi sapresti spiegare a cosa serve quello script??

    grazie

  28. In pratica con FF quando apri una pagina con certe dimensioni, riaprendo una pagina in quel modo ti tiene le ultime coordinate e dimensioni..

    Con juliusMax.js chè è solo uno script per massimizzare la pagina permette di avere dimensioni sempre full

  29. Potrebbe andare in conflitto proprio quell js che dici tu..

    Ora qui non ho la possibilità di fare delle prove con IE7 ma se si cerca un altro js per massimizzare magari ce la caviamo =)

  30. è quello che sto cercando di fare….

    in pratica credo, ma davvero nn sono pratico, che il problema stia nel availwidth e nell’avaleight

    tu hai messo nella paginba che si apre a tutto schermo

    function popup(file){
    window.open(file,'mywin','width=650,height=650,top='+((screen.availheight/2)-(650/2))+',left='+((screen.availwidth/2)-(650/2))+',menubar=no,scrollbars=yes,status=no,toolbar=no,location=no,directories=no,resizable=yes');
    }

    perchè 650?

  31. ciao Julius,
    allora a meno di smentite in ie7 è stata implementata una funzione di sicurezza che impedisce di nascondere la barra indirizzi :( anche se non è si è malintenzionati :( quindi con firefox viene nascosta…con ie7 no…correggetemi se sbaglio…infatti le ho provate tutte…location=no,toolbar=no…e anche lo status non si può nascondere

  32. Ciao Julius!
    mi sono accorta applicando il codice del full screen che quando lo inserisco sottoforma di bottone in una pagina.. clikkandoci sopra me ne apre un altra in full screen , ma come poup up e mi ritrovo due pagine uguali aperte.. c’è un modo per far si ke una volta clikkato sul bottone full screen la pagina nuova sostituisca completamenta l’altra??

  33. ciao è vero che alcuni antivirus considerano questa funzione pericolosa e che alcuni browser non la vedono??

  34. HELP, ho seguito le indicazioni sopra riportate ma il risultato non è quello sperato… io in realtà vorrei che un bottone flash presente nella pagina index mi apra un file home in fullscreen…. ho provato vari sistemi, ma molti mi rendono il fullscreen un popup. COSA CHE IO SCONSIGLEREI AL MIO PEGGIOR NEMICO.
    C’è nessuno che può aiutarmi??? Vi prego è vitale! grazieeeeeeee

  35. Ciao,

    complimenti per il sito.

    IO volevo sapere se è possibile non tanto il discorso dell fullscreen senza barre o menù, ma come fare per far si che il browser si apra sempre a tutto schermo.

    Grazie

    Fabio

  36. ciao julius. ho seguito alla lettera tutte le istruzioni ma il mio problema è un altro. da ie8 il sito “ww.rainonefiori.it/anteprima” mi viene riconosciuto come popup e quindi si deve abilitare. non c’è un modo x nn farlo riconoscere come popup? tipo come http://www.russofioristi.com che in ie8 nn si deve abilitare ?

  37. Ciao Julius

    ho scaricato i file per vederci meglio… ma non mi funzionano. Devo cambiare qualche impostazione?

  38. Giuseppe

    Ciao Julios, complimenti perchè il tuo blog è fonte d’ispirazione e soluzioni. Il tutorial fullscreen è carino; però ho notato su un’altro sito che il fullscreen lo da a tutto schermo.., Ecco io vorrei un tutorial con allegato che mi aiuti a farlo similie,dato che ne devo realizzare a punto uno uguale.
    Il sito in cui ho notato il fullscreen è:
    http://www.andyweb.it

  39. Giuseppe

    Ciao Julios, vorrei realizzare un sito in full screen, ma ogni
    volta che imposto in flash: impostazione publicazione mi si deforma l’immagine.Le ho provate tutte…, ma non trovo soluzione.In più vorrei che al cambio pagina, sempre navigazione intena in flash, l’immagine di sfondo mi si cambia.Una diversa
    per ogni collegamneto link. c’e qualche tutorial sorgente non troppo cervellotico, poichè a lavoro, non vogliono spreco di tempo….

Commenti