Affichage d'une pop-up en plein écran

[Nerva]

Bonjour.

J'aimerais savoir comment paramétrer une page HTML (ou une feuille de style) pour afficher une pop-up en "plein écran", quelle que soit la résolution écran de l'utilisateur.

Merci.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.0; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

[Benoit]

Pour une page Web c'est définitivement impossible, rien que pour des raisons de sécurité (il suffirait de faire une fausse interface Windows en HTML et hop, on fait croire à l'utilisateur ce qu'on veut).

Maintenant, si c'est pour une application personnelle à utiliser chez toi, tu peux te tourner vers une extension Firefox ou une application XULRunner qui ferait ça, en gros.

[Nerva]

Je ne sais pas où tu veux en venir avec ton problème de sécurité, mais j'ai trouvé ce que je voulais sur un autre forum :

Avant :

Code : Tout sélectionner

<a href="photo.htm" onClick="window.open('','popup','width=1024,height=768,menubar=0,statusbar=0,scrollbars=1,resizable=1,toolbar=0')" target="popup"><img src="photo_th.jpg" alt="Afficher la photo"></a>

Après :

Code : Tout sélectionner

<a href="photo.htm" onClick="window.open('','popup','fullscreen=yes,menubar=0,statusbar=0,scrollbars=1,resizable=1,toolbar=0')" target="popup"><img src="photo_th.jpg" alt="Afficher la photo"></a>

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.0; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

[calimo]

C'est un site que tu veux que personne ne visite, c'est ça ?
En tous cas moi, rien de mieux pour me faire fuire qu'une popup plein écran (déjà qu'une popup normale... )

En plus je doute que ça fonctionne

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

[Nerva]

Je ne vois pas non plus où tu veux en venir. Qu'est-ce que vous avez contre les popups ? Celle-ci fonctionne parfaitement, sous Firefox et IE. Je trouve ça élégant, chaque image (en 600 x 900 ou 900 x 600) sur fond noir avec un liseré blanc est du meilleur effet.

Pourquoi en plein écran ? Tout simplement à cause du rendu différent entre les navigateurs. Si je paramètre chaque popup en 670 x 970 (70 pixels supplémentaires pour l'affichage des "bordures" et barre de défilement) l'ascenseur vertical ne s'affiche pas sous IE ; il faut préalablement passer l'image en plein écran pour y avoir accès (ça ne pose pas de problème pour les photos en paysage mais c'est chiant pour celles en portrait). Et comme tout le monde n'a pas des écrans d'une résolution supérieure à la hauteur de mes photos, j'ai dû faire un compromis, ce qui est pratiquement obligatoire pour satisfaire tous les navigateurs, tant qu'ils n'auront pas tous le même "rendu"...

Un test ici : http://epicurenet.free.fr/site/index.htm

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.0; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

[calimo]

Qu'est-ce que vous avez contre les popups ?

Ben... c'est lourd, c'est long à charger, si elle est en plein écran (je maintiens que ça ne fonctionne pas, heureusement ), on ne peut plus utiliser d'autres fenêtres (il faut faire un Alt+Tab pas pratique) et poru la fermer il faut connaitre le raccourci clavier, ça pose de nombreux problèmes d'accessibilité (d'un coup une nouvelle fenêtre, c'est pas forcément intuitif), etc., je m'arrête là hein

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

[Nerva]

Non mais qu'est-ce que tu racontes ? Ca fonctionne très bien ! L'image s'ouvre, un clic dessus, elle se referme. Je ne vois pas où est le problème. Ca marche avec FF et IE 6, je ne vais tout de même pas installer tous les navigateurs existants et systèmes d'exploitation pour faire des tests ; on n'aurait pas fini, là...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.0; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

[HP]

je ne vais tout de même pas installer tous les navigateurs existants et systèmes d'exploitation pour faire des tests

commence juste par désactiver js dans un de tes nav …

baisser d'un ton, surtout que tu te trouves en position de demandeur serait un plus, mais on va pas trop en demander à la fois.

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X; fr; rv:1.8.1.4pre) Gecko/20070426 Firefox/2.0.0.4pre (Mac Community Build, ElFurbe)

[Nerva]

JS désactivé, la photo s'ouvre dans une autre fenêtre ; y en a qui préfèrent...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.0; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

[HP]

si t'es satisfait , c'est parfait ; il est où le souci ?

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X; fr; rv:1.8.1.4pre) Gecko/20070426 Firefox/2.0.0.4pre (Mac Community Build, ElFurbe)

[Nerva]

Aucun soucis. On me dit d'abord que c'est définitivement impossible alors que je trouve une solution satisfaisante sur un autre site, ensuite on me dit que ça ne fonctionne pas alors que l'image s'ouvre et se referme normalement, ça fonctionne avec ou sans JS, bref, je ne suis pas un développeur fou qui chipote pour une portion de code. Je cherche avant tout à satisfaire ceux qui verront mes photos, pas les pinailleurs qui passent leur vie à améliorer des lignes de code - c'est pas péjoratif mais je tenais à le préciser.

Quant à ce qui est du temps de génération de page plus ou moins long, le poids d'une photo est le même en pop-up ou dans une nouvelle fenêtre. Je ne suis pas un spécialiste, mais je ne pense pas que le poids intrinsèque de la popup fasse une grande différence. Là encore, je ne vais pas me lancer dans des comparatifs que l'oeil et le cerveau ne peuvent pas mesurer...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.0; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

[Nerva]

A titre informatif, j'avais également essayé ceci : une page PHP spécifique qui contient la photo sans marges.

Code : Tout sélectionner

<?php
if(isset($_GET['photo']))
   $photoName = $_GET['photo'];
else
   $photoName = 'defaultPhoto.jpg';

if(file_exists('photos/' . $photoName)) {
?>
<html>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<a href="javascript:window.close();"><img src="photos/<?php echo $photoName; ?>" border="0"></a>
</body>
</html>

<?php
} // fin if
else {
  echo 'Photo introuvable';
} // fin else

?>

Le code pour la photo :

Code : Tout sélectionner

<a href="photo.php?photo=photo_01.jpg" onClick="window.open('','popup','width=480,height=640')" target="popup">Photo 1</a>

Problème : tant que les photos sont d'une taille inférieure à celle de l'écran (comme dans cet exemple, en 480 x 640), tout va bien ; dans le cas contraire, impossible de la faire défiler.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.0; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

[HP]

Je cherche avant tout à satisfaire ceux qui verront mes photos, pas les pinailleurs qui passent leur vie à améliorer des lignes de code - c'est pas péjoratif mais je tenais à le préciser.

péjoratif ou pas, bidouilleur de code ou pas ; en tant que simple utilisateur, j'ai horreur que l'on bidouille mon interface utilisateur, c'est exactement ce que tu fais (enfin : essaie de faire) avec ton javascript qui masque des menubars, force le fullscreen, et autres ; personnellement, avant même de m'intéresser au code, en simple utilisateur (je répète, pour que l'on ne parte pas dans des stéréotypes hâtifs) j'ai toujours considéré ceci comme relevant de l'intrusion ; ne parlons même pas d'accessibilité, si ça se trouve se trouve ce n'est pas mesurable avec ton/le cerveau (sic).

après, tu fais ce que tu veux… c'est ton site… et puis bon, tu viens de tomber du nid (ou presque), tu auras encore le temps d'évoluer ; c'est donc ma dernière intervention sur cette discussion qui est tienne, et probablement d'autres aussi, avant quelques temps.

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X; fr; rv:1.8.1.4pre) Gecko/20070426 Firefox/2.0.0.4pre (Mac Community Build, ElFurbe)

[Nerva]

Mais je ne bidouille ni ne force rien ! Si c'est pour que tous les sites se ressemblent avec la même procédure d'ouverture des items, où est la créativité ? Je crée un site sur fond noir, j'essaie d'y mettre une belle dose d'esthétisme, d'avoir des éléments cohérents entr'eux (logos, boutons, formes, couleurs, etc...), la popup sur fond noir est parfaitement intégrée à l'esthétisme général, alors si je me contente d'une simple ouverture d'image dans une "vulgaire" nouvelle - ou dans la même - page sur fond blanc, positionnée en haut à gauche de l'écran, ça va casser l'ambiance.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.0; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

[Benoit]

Aucun soucis. On me dit d'abord que c'est définitivement impossible alors que je trouve une solution satisfaisante sur un autre site[...]

Si cette solution te satisfait, tant mieux, mais ce n'est pas du tout du plein écran comme dans ta demande initiale. Tu as au minimum la barre de titre et la barre des tâches sous Firefox, et plus de choses selon tes réglages de sécurité ou extensions installées.

Ça ne fonctionne pas non plus sous IE7, qui t'ouvre une fenêtre tout à fait normale (qu'il faut même faire défiler pour voir la photo en entier).