OUVERTURE ET FERMETURE 
 D'UNE PAGE PLEIN ECRAN
EN JAVASCRIPT 

Outils pour webmaster. Trucs et astuces en code HTML et JavaScript : améliorer son site internet

Descriptif :  Un clic sur un lien ouvre une page plein écran. Un bouton la referme. Ce code évite l'affichage du panneau Windows qui vous demande de confirmer la fermeture.

Exemple : Voir la page des statistiques de ce site.

Mise en oeuvre : Sélectionnez et copiez directement à l'écran le code ci-dessous et collez-le dans votre page, code HTML visible.

Entre les deux balises <body> et </body> sur le lien de la page à ouvrir.

<!-- DEBUT DU SCRIPT OUVRIR FULL SCREEN-->
<!--SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT http://www.editeurjavascript.com-->
<a HREF="#"onClick="window.open('votre_page.htm','','fullscreen,scrollbars');return(false)">Ouvrir la page plein écran</a></p>
<!-- FIN DU SCRIPT OUVRIR FULL SCREEN-->

Entre les deux balises <body> et </body> sur le lien de la page à fermer.

<!-- DEBUT DU SCRIPT FERMER FULL SCREEN-->
<script language="JavaScript">

// <!--

function fin()

{

window.close();

}

// -->

</script> <a href="javascript:fin()">Retour</a>
<!-- FIN DU SCRIPT FERMER FULL SCREEN-->

Remarque : notez que l'ouverture d'une page en cliquant sur le lien qui lui est attribué, codé en JavaScript, a peu de chance de fonctionner si le visiteur essaye d'ouvrir ce lien en cliquant sur l'oreille droite de la souris et choisit l'option : "Ouvrir" ou "Ouvrir dans une nouvelle fenêtre".

Autre possibilité : construire une page qui contient

<html>
<head>
<title>Page intermédiaire</title>
</head>
<body onLoad="window.open('votre_page.html','','fullscreen,scrollbars');return(false)">
</body>
</html>

L'appel de cette page va ouvrir les suivantes en plein écran. Le visiteur n'aura pas ainsi à cliquer sur un bouton pour obtenir cet effet. A noter que cette page restera présente dans le navigateur du visiteur s'il venait à fermer le plein écran par Alt/F4 ou s'il quittait votre site. Attention de ne pas la nommer index.htm ou index.html, elle ne serait pas prise en compte par les moteurs de recherches. Si vous la nommez index.html, mettez-y les liens principaux de votre site sans images ni publicité, sans fond d'écran, juste avec une couleur dans la balise <body> ( Exemple : <body bgcolor="#FFEBCD">) afin qu'elle soit pas trop lourde à charger.

Autre possibilité : fermeture d'une fenêtre normale en JavaScript.

Entre les deux balises <body> et </body>

<!-- DEBUT DU SCRIPT FERMER-->
<form>
<div align="center"><center><p><input TYPE="button" value="Fermer la fenêtre"
onClick="parent.close()"> </p>
</center></div>
</form>
<!-- FIN DU SCRIPT FERMER-->

Vous aurez, bien sûr, ouvert la fenêtre où se trouve ce script dans une nouvelle fenêtre afin que votre site ne disparaîsse pas en mettant entre <head> et </head>  <base target="_blank"> dans la page qui s'ouvre.

 

Autre possibilité : fermeture d'une fenêtre en JavaScript.

Entre les deux balises <body> et </body>

<!-- DEBUT DU SCRIPT FERMER-->
<p><a HREF="#" onClick="window.close();">Fermer la fenêtre</a> </p>
<!-- FIN DU SCRIPT FERMER-->

ou avec un bouton

<!-- DEBUT DU SCRIPT FERMER-->
<form>
<input type=button value="Fermer la fenêtre" onClick="javascript:window.close();">
</form>
<!-- FIN DU SCRIPT FERMER-->

Retour