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
Dimensionnement de fenetres
Re: Dimensionnement de fenetres
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();"
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
https://www.toutjavascript.com/livre/index.php
Re: Dimensionnement de fenetres
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
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
Re: Dimensionnement de fenetres
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
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
Re: Dimensionnement de fenetres
Oui,
Il faut utiliser le opener pour communiquer entre fenêtres
Voici un exemple ici :
https://www.toutjavascript.com/savoir/savoir15.php3
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
https://www.toutjavascript.com/livre/index.php
-
- Messages : 13
- Enregistré le : 26 juin 2020, 13:03
Re: Dimensionnement de fenetres
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 ?
Re: Dimensionnement de fenetres
Bonjour,
La communication entre fenetres c'est l'utilisation de $_SESSION en PHP.
Je pensai a quelque chose de similaire en JS.
La communication entre fenetres c'est l'utilisation de $_SESSION en PHP.
Je pensai a quelque chose de similaire en JS.