code utilisé: createTextNode, createElement, appendChild, getElementById
DHTML, DOM

Conserver des résultats obtenus avec un script


Le but

On crée, comme d'habitude, un formulaire; ici par exemple , il fournit un nombre aléatoire sur [0;1]. On voudrait conserver la trace de tous les résultats qui apparaissent chaque fois que l'on appuye sur le bouton Lancer. La liste des valeurs pourra être copiée et collée dans un tableur pour d'autres traitements.

Pour effacer le tableau de valeurs, il suffit de rafraîchir la page.

nb de résultats

Le code simplifié

function alea()
{
var al=0;
al=Math.random();
document.machineHasard.nbAleatoire.value=al;


//écriture dans la page html
//on crée un nœud de texte 
	var valeur =document.createTextNode(al);
//on crée un paragraphe
	var par=document.createElement("p");
//on ajoute dans le paragraphe créé le nœud de texte
	par.appendChild(valeur);
//dans l'objet nommé tableur, on rajoute le paragraphe créé
	document.getElementById("tableur").appendChild(par);
}

Dans la page html, on a créé une zone nommée tableur destinée à contenir les valeurs destinées à être copiées.

<div id="tableur"></div> 

Le DOM

Les méthodes utilisées ci-dessus sont typiques de ce qu'on appelle DHTML (Dynamic HTML). Elles font appel au DOM (Document Object Model) qui représente une page html comme une arborescence.

Pour en savoir plus sur le DOM (site selfhtml)

fait le 16 juin 2008