Dimensionnement de fenetres
Posté : 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
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