Site des exemples HTML, CSS, Javascript et PHP - Page 2



Ouvrir et surtout fermer une nouvelle page ou un nouvel onglet du navigateur

Cliquer la photo ci-dessous pour l'ouvrir dans une nouvelle page ou un nouvel onglet. La nouvelle page propose un bouton FERMER avec le code :

<input type="button" value="Fermer" onClick='self.close();'>

Le bouton FERMER ne fonctionnera que si c'est une page que l'on a ouverte précédemment, donc pas sur une page d'accueil par exemple.

Cliquer pour ouvrir

Imprimer la page

Dans les styles embarqués de cette page on a ajouté le bloc « @media print » définissant une classe « .NePasImprimer ».
On a attribué cette classe aux différents boutons du bas de page et on constate qu'ils n'aparaissent pas à l'impression.
Le bouton ci-dessous exécute le JAVASCRIPT : window.print();

Un sélecteur d'image.
Des images embarquées dans la page.

Ce sélecteur d'image fait appel à une balise INPUT de type RANGE. Les différentes images sont superposées et on en fait apparaitre une en modifiant son style « zIndex »
Cet exemple montre aussi comment utiliser des images embarquées dans la page, c'est à dire qui ne sont pas chargées à l'aide d'une requête. Notez le contenu de l'attribut SRC. Sur la page suivante on profitera d'un autre exemple pour faire appel à un script PHP encodant des images en Base64.
Profil
Voir sources