Script JavaScriptPlein écran
Ouvrir un site web en plein écran
De nombreux site Web proposent des script pour ouvrir une page en plein écran depuis un lien HyperText mais pas d'ouvrir directement la première page d'un site. Voici donc le script qui vous permettra d'ouvrir la première page de votre site en plein écran. Copier/coller ce script dans le Head de votre document:
<script type="text/javascript">
/* --- www.easy-micro.com --- */
if (this.name!='fullscreen') {
window.open(location.href,'fullscreen','fullscreen,scrollbars')
}
</script>
/* --- www.easy-micro.com --- */
if (this.name!='fullscreen') {
window.open(location.href,'fullscreen','fullscreen,scrollbars')
}
</script>
Il vous suffit d'ouvrir votre page web pour constater qu'elle s'ouvre directement en plein écran. Pour refermer votre page, vous pouvez utiliser le raccourci clavier ALT+F4 ou ce code de lien hypertext qui permettra de proposer aux visiteurs de revenir en mode écran normal:
<a href="Javascript:window.close(self)">Retour à la taille normal</a>
Autre méthode de plein ecran direct
Copier/coller ce script dans le Head de votre document:
<script type="text/javascript">
/* --- www.easy-micro.com --- */
<!--
function fullScreen(theURL) {
window.open(theURL, '', 'fullscreen=yes, scrollbars=no');
}
//-->
</script>
/* --- www.easy-micro.com --- */
<!--
function fullScreen(theURL) {
window.open(theURL, '', 'fullscreen=yes, scrollbars=no');
}
//-->
</script>
Voici le reste du code à placer en tant qu'attribut de la balise body:
<body onload="fullScreen(mapage.php)" scroll="no">
On peut aussi utiliser la technique du lien comme l'exemple visible en haut de ce tutorial:
<a href="javascript:void(0);" onclick="fullScreen('mapage.php');">
Ouvrir cette fenêtre en plein écran</a>
Ouvrir cette fenêtre en plein écran</a>
Quelque soit la technique que vous utilisez, pour un plein écran parfait il vaut mieux définir les marges de votre document à zéro. Pour ce faire on utilise les attributs de la balise body comme ceci:
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
