Nous allons construire un premier fichier Rpad (voir code complet)
saisissant dans une boîte de dialogue un nombre
et affichant le carré de ce nombre (voir écran).
# squelette du fichier Rpad
<html>
<head>
<script type="text/javascript" src="gui/Rpad.js"></script>
</head>
<body>
...
<span contenteditable="false">
<input onclick="javascript:rpad.calculatePage()" value="OK" type="button">
</input>
</span>
...
</body>
</html>
La partie centrale (<span> ... </span>) correspond au bouton OK.
Avant elle, a été ajouté dans ce fichier Rpad un code familier à ceux qui
connaissent le langage html :
# création du formulaire (version html)
<h1>Calcul du carre</h1>
nombre :
<input type="text" name="nombre"></input>
<br/>
La première ligne (<h1> ... </h1>) ajoute un titre de niveau 1.
La troisième ligne (<input> ... </input>) crée une zone de texte nommée nombre.
La quatrième ligne (<br/>) indique un saut de ligne au navigateur web.
Il existe des fonctions de la librairie Rpad permettant d'écrire moins
de code html : HTMLinput, HTMLselect, showgraph...
Malheureusement, il semble que depuis R.2-10 ces fonctions ne fonctionnent plus.
Et comme la librairie Rpad n'est apparemment plus mise à jour...
Le code inséré après la partie centrale (<span> ... </span>)
est, à part la première instruction html affichant un trait horizontal (<hr/>),
spécifique à R.
Il décrit les actions effectuées lorsqu'on clique sur le bouton OK.
# traitement associé au bouton OK
<hr/>
<pre dojoType="Rpad" rpadHideSource="true">
HTMLon()
nombre = as.numeric(nombre)
carre = nombre * nombre
reponse = paste("le carre de",nombre,"vaut",carre)
library(R2HTML)
HTML(reponse)
HTMLoff()
</pre>