Les boutons sont inévitablement utilisés dans la production de pages Web. Cet article répertorie certains codes de boutons couramment utilisés.
Afficher le code source
Ce qui suit est un extrait cité :
<input TYPE="bouton" NAME="view" VALUE="Afficher le code source" OnClick="window.location='view-source:' +window.location.href" >
Revenir à l'étape précédente
Voici un fragment de citation :
<input TYPE="bouton" VALUE="Retour à l'étape précédente" ONCLICK="history.back(-1)">
Bouton Actualiser –
Ce qui suit est un extrait de citation :
<input TYPE="bouton" VALUE="Actualiser le bouton un" ONCLICK="ReloadButton()">
<langage de script="JavaScript">
<!--
fonction ReloadButton(){location.href="3.html";}
// -->
</script>
Bouton d'actualisation deux.
Voici un extrait de citation :
<p>
<input TYPE="button" VALUE="Actualiser le bouton deux" onClick="history.go(0)">
Bouton Retour à l'accueil
Ce qui suit est une citation :
<input TYPE="bouton" VALUE="Bouton Accueil" ONCLICK="HomeButton()">
<langage de script="JavaScript">
<!--
fonction HomeButton(){location.href=http://www.aaa.com;}
// -->
</script>
Une boîte d'avertissement apparaît.
Ce qui suit est une citation :
<input TYPE="button" VALUE="Boîte d'avertissement contextuelle" ONCLICK="AlertButton()">
<langage de script="JavaScript">
<!--
function AlertButton(){window.alert("Avez-vous bu aujourd'hui ? :)");}
// -->
</script>
Les informations de la barre d'état
sont citées ci-dessous :
<p>
<input TYPE="bouton" VALUE="Informations sur la barre d'état" ONCLICK="StatusButton()">
<langage de script="JavaScript">
<!--
function StatusButton(){window.status="Comment vas-tu ? :)";}
// -->
</script>
Transformation de la couleur d'arrière-plan
Ce qui suit est un extrait cité :
<input TYPE="button" VALUE="Changement de couleur d'arrière-plan" onClick="BgButton()">
<langage de script="JavaScript">
<!--
fonction BgButton(){
si (document.bgColor=='#3399ff')
{document.bgColor='#00ccff';}
autre{document.bgColor='#3399ff';}
}
// -->
</script>
Ouvrir une nouvelle fenêtre
Ce qui suit est une citation :
<input TYPE="button" VALUE="Ouvrir une nouvelle fenêtre" ONCLICK="NewWindow()">
<langage de script="JavaScript">
<!--
function NewWindow(){window.open( http://www.aaa.com,"","height=600,width=800,left=10,top=10,status=no,location=no,toolbar=no , répertoires=non,menubar=non");}
// -->
</script>