Dimensionnement de fenetres

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
richaz
Messages : 12
Enregistré le : 30 nov. 2020, 14:30

Dimensionnement de fenetres

Message par richaz » 30 nov. 2020, 21:33

Bonjour,
J'ai développé un site en HTML / CSS / PHP + un peu de JS (controles de formulaires).
Je souhaite le modifier avec JS dans la partie utilisateur pour le rendre plus convivial.
J'ai pensé mettre une petite fenetre aprés la premiere page pour entrer les identifiants plutot qu'une page entiere.
Grace a l'instruction WINDOW open, cela ouvre bien une fenetre a la dimension que je veux, mais ne ferme pas la premiere page (ce qui est un peu génant quand on doit fermer le site.
Ensuite, la page suivante que je souhaite redimensionner (totalité de l'écran), s'ouvre dans la meme petite fenetre sans la redimensionner.
-------------
Sur ma page index (premiere page du site) - envoi de l'écran d'identification
Partie JS :
function open_infos()
{
width = 460;
height = 510;
if(window.innerWidth)
{
var left = (window.innerWidth-width)/2;
var top = (window.innerHeight-height)/2;
}
else
{
var left = (document.body.clientWidth-width)/2;
var top = (document.body.clientHeight-height)/2;
}
// alert("aaaaa");
var message="bbbbbbb";
console.log(message);

var fen_mas=window.open('resid_debut2.php','fen_mas','menubar=no, scrollbars=no, top='+top+', left='+left+', width='+width+', height='+height+'');

}
Partie HTML :
<a href="" class="btn btn-three" onclick="javascript:open_infos();">Espace test</a>
-------------
Sur mon écran identification, pour passer à la fenetre suivante que je veux de la taille de l'écran (pour l'instant j'ai mis 800 x 800 px)
Partie JS :
function resizeWin() {
fen_mas.resizeBy(800, 800);
fen_mas.focus();
}
Partie PHP :
print '<a href="resid_gest1.php" class="boutaz" onclick="javascript:resizeWin();">Espace test</a>';

Si quelqu'un peut m'aider.
Merci.
Richaz

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: Dimensionnement de fenetres

Message par webmaster » 01 déc. 2020, 09:46

Bonjour,

Avant de regarder plus en détail le fonctionnement, je veux dire que ce principe ne me parait pas une tres bonne idée ergonomique.
De nombreux navigateurs rejettent les popups window.open, ou les ouvrent dans des nouveaux onglets.
Ensuite sur mobile/tablette, les popups et redimensionnement ne passent pas du tout.

J'utiliserai plutot un div en milieu de page principale pour afficher le formulaire de connexion.

PS : onclick="javascript:resizeWin();" est étrange
On écrit onclick="resizeWin();"
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

richaz
Messages : 12
Enregistré le : 30 nov. 2020, 14:30

Re: Dimensionnement de fenetres

Message par richaz » 01 déc. 2020, 09:51

Je me pose la question suivante :
Es ce parce que j'utilise la variable "fen_mas" dans dans 2 pages différentes ? (JS n'ayant conservé l'info d'une page à l'autre ?)
Merci pour vos idées.
Richaz

richaz
Messages : 12
Enregistré le : 30 nov. 2020, 14:30

Re: Dimensionnement de fenetres

Message par richaz » 01 déc. 2020, 10:49

Bonjour,
Merci pour votre réponse.
Au delà du problème technique, je me posais la question de savoir si j'employais la bonne méthode.
Richaz

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: Dimensionnement de fenetres

Message par webmaster » 01 déc. 2020, 10:54

Oui,

Il faut utiliser le opener pour communiquer entre fenêtres

Voici un exemple ici :
https://www.toutjavascript.com/savoir/savoir15.php3
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

je-commence-demain
Messages : 13
Enregistré le : 26 juin 2020, 13:03

Re: Dimensionnement de fenetres

Message par je-commence-demain » 07 déc. 2020, 09:23

C'est intéressant ce schéma, par contre pour la communication par fenêtres, vous entendez quoi ? est-ce le moyen d'ouvrir une nouvelle fenêtre en externe de la page actuelle ?

richaz
Messages : 12
Enregistré le : 30 nov. 2020, 14:30

Re: Dimensionnement de fenetres

Message par richaz » 07 déc. 2020, 09:55

Bonjour,
La communication entre fenetres c'est l'utilisation de $_SESSION en PHP.
Je pensai a quelque chose de similaire en JS.

Répondre