Insertion de code

Avec Script

<!--

instructions javascript

// -->

</script>

<span onMouseOver="alert('Tu passes là dessus!')">test de survol

</span>

<body onUnload="bye()"> où bye( ) est une fonction définie dans <script>

<a href="javascript:alert('Ciao !')">au revoir</a>

Attention à l'usage des guillemets: entre des guillemets html, on utilisera l'apostrophe pour remplacer les guillemets JavaScript.

HTML: <! mon beau commentaire -->

CSS: /* mon beau commentaire */

JavaScript: /* mon beau commentaire */

ou // mon beau commentaire s'il tient sur une seule ligne

function ma_fonction(paramètres){

instructions

}

En vrac, quelques instructions qui permettent d'afficher un résultat:

commande	effet	exemple
alert	ouvre une popup genre message d'erreur	alert("mon super texte")
document.write	insert un texte à l'intérieur du code	document.write("<td>")
window.status	affiche un texte dans la ligne de statut de la fenêtre	window.status="coucou"

Ce sont en fait des attributes des tag mentionnés

événement	s'applique à	signification
onBlur	<a>, <area>, <body>, <button>, <frameset>, <input>, <label>, <select>, <textarea>	sur perte du focus
onChange	<input>, <select>, <textarea>	sur modification
onClick	La plupart des éléments	sur clic
onDblClick	La plupart des éléments	sur double-clic
onError	<img>	sur erreur de chargement
onFocus	<a>, <area>, <body>, <button>, <frameset>, <input>, <label>, <select>, <textarea>	sur réception du focus
onKeyDown	La plupart des éléments	sur enfoncement d'une touche
onKeyPress	La plupart des éléments	sur touche enfoncée
onKeyUp	La plupart des éléments	sur relâchement d'une touche
onLoad	<body>, <frameset>, <img>	sur chargement
onMouseDown	La plupart des éléments	sur enfoncement du bouton de gauche de la souris
onMouseMove	La plupart des éléments	sur déplacement de la souris
onMouseOut	La plupart des éléments	sur départ de la souris
onMouseOver	La plupart des éléments	lorsque la souris pénètre pour la première fois dans la zone
onMouseUp	La plupart des éléments	sur relâchement du bouton gauche de la souris
onReset	<form>	sur remise à zéro
onSelect	<input>, <textarea>	sur selection
onSubmit	<form>	sur envoi
onUnload	<body>, <frameset>	lorsqu'on quitte l'élément