Détection résolution + Full screen

Question

Bonjour à tous, malgré plusieurs recherches sur ce forum qui m'ont tout de même apporté un bout de solution, nullarde que je suis, je n'arrive pas à coller les morceaux pour avoir LA solution ! J'explique le problème : un site avec une page index (html) comporte un bouton entrer (jusque là tout va bien !) qui au clic m'ouvre la page html supportant le site (flash à 100%) en full screen. Pour faire ça j'ai : 1. un fichier js appelé "popup.js" avec le code suivant : // JavaScript Document

@karamel · Answer

ce serait bien de voir le resultat 

sinon quand on regarde le sript de la popup elle s'adapte bien a l'ecran il faudrait plutot voir au niveau du flash

lisefriz · Answer

Merci du retour. Bon je préviens, en + de m'avoir bien pris la tête techniquement, le site ne me convient pas trop graphiquement (client avec de drôles de goûts...) bref, voici le lien : http://www.rhenjeu.fr/rhenjeu/index.html

Pour infos : 
- le flash fait 1280x900
- pour le resize dans le flash, j'ai seulement utilisé une partie du code trouvé vue le design du site, (surtout cette bande horizontale qui prend tout l'écran), mais je pense que le soucis vient effectivement de là. Je vais essayer de placer l'entête et la signature en bas de page avec ce code. 
Voici le code complet :
 //les propriétés à ne pas oublier pour le Stage
Stage.showMenu = false;
Stage.scaleMode = "noScale";
Stage.align = "TL";
//****************************************************
//****************************************************
//on définit une fonction qui sera appelée à chaque resize
position = function () {
//Quelques exmples de replacement / redimensionnement
//****************************************************
// redimensionne le fond
with (background_mc) {
_y = 0;
_x = 0;
_width = Stage.width;
_height = Stage.height;
}
// place le clip date_mc en haut à droite
with (date_mc) {
_y = 0;
_x = Stage.width-date_mc._width;
}
// place le logo_mc en haut à gauche
with (logo_mc) {
_y = 0;
_x = 10;
}
// place le footer
with (footer_mc) {
_y = Stage.height-footer_mc._height;
_x = 0;
}
// ajuste la taille du background du footer à celui de l'ecran
with (footer_mc.footerBackground_mc) {
_width = Stage.width;
}
// centre le texte du footer
with (footer_mc.footerTxt_mc) {
_x = Math.round(Stage.width/2-footer_mc.footerTxt_mc._width/2);
}
// centre le clip_mc au milieu de l'écran
with (clip_mc) {
_x = Math.round(Stage.width/2-clip_mc._width/2);
_y = Math.round(Stage.height/2-clip_mc._height/2);
}
};
//****************************************************
//****************************************************
//on définit le Listener
redim = new Object();
redim.onResize = function() {
//on appelle la fonction du dessus à chaque resize
position();
};
Stage.addListener(redim);
//****************************************************
//****************************************************
//on appelle une première fois la fonction pour positionner tous les éléments sur la scene
position();

@karamel · Answer

le probleme c'est que on ne peut pas modifier la taille du flash avec javascript il faudrait pauser la question sur le forum flash

ChasseurDeChimeres · Answer

Salut;
En effet comme dit kazma le passage en full screen est beaucoup plus aisé en flash :
stage.scaleMode = StageScaleMode.NO_SCALE;//pas de redimensionnement de l'anim
stage.align = StageAlign.TOP_LEFT;//pas de centrage de l'anim
stage.displayState = StageDisplayState.FULL_SCREEN;//occupe tout l'écran

ensuite tu récupères les dimensions de "stage" qui aura dorénavant la taille de l'écran, et tu position tes éléments avec des valeurs en pourcentages.
Désolé de pas être plus précis.
  bon dev'

Sinon je sais bien que c'est pour un client mais je le redis : a part pour les vidéos et les jeux, le passage en full-screen est limite inutile pour un site web.

Détection résolution + Full screen

4 réponses

Votre réponse

Discussions similaires