Javascript

Ce cours ne nécessite aucune connaissance informatique préalable, excepté celle du HTML. Le Javascript est un langage de programmation appliqué au objet d'un document HTML.

L'objet Formulaire

Liste des constantes de l'objet :

Liste des méthodes de l'objet :


INPUT - RADIO Haut de page

<INPUT TYPE=RADIO NAME=nom ... > nous permet d'insérer des bouton radio dans le formulaire.

Liste des propriété de l'objet RADIO :

checked État booléen du bouton
defaultChecked État original du bouton
form Formulaire d'appartenance
name Nom du groupe d'appartenance
type "radio" ici, sinon "name" n'est pas un nom de groupe
value Valeur associé au bouton

Les boutons radio sont utilisé pour sélectionné une idée unique parmis un groupe. Nous pourrions aussi utilisé une liste sans sélection multiple pour obtenir un résultat équivalent ; mais avec les boutions radio, tous les éléments sélectionnable reste visible à l'écran. A vous de choisir. Il n'est pas possible de sélectionner deux boutons radio en même temps d'un même groupe.

Liste des propriétés suivantes le navigateur :

logo_ie.gif (163 octets) accessKey, all, checked, children, className, clientHeight, clientLeft, clientTop, clientWidth, dataFld, dataFormatAs, dataSrc, defaultChecked, disabled, document, filters, form, id, indeterminate, innerHTML, innerText, isTextEdit, lang, language, name, offsetHeight, offsetLeft, offsetParent, offsetTop, offsetWidth, onafterupdate, onbeforeupdate, onblur, onchange, onclick, ondataavailable, ondatasetchanged, ondatasetcomplete, ondblclick, ondragstart, onerrorupdate, onfilterchange, onfocus, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onresize, onrowenter, onrowexit, onselectstart, outerHTML, outerText, parentElement, parentTextEdit, recordNumber, sourceIndex, status, style, tabIndex, tagName, title, type, value.

logo_ns.gif (173 octets) type, name, form, value, defaultValue, length, options, selectedIndex, checked, defaultChecked.

Visualisons les propriétés d'un bouton radio suivant votre navigateur :

<HTML><body>

<form name=f>
  <input type=radio name=a
    value="r1" checked>radio1
  <input type=radio name=a
    value="r2" >radio2<br>
</form>

<script><!--

document.write("<table>");

for (i=0;i<document.f.a.length;i++)
{
  document.write('<td>');
  obj = document.f.a[i];
  for (t in obj)
    document.write("[",i,"].",t
             ," = ",obj[t],"<br>");
  document.write('</td>');
}
document.write("</table>");

//--></script></body></HTML>

Les boutons radio sont assez déroutant dans la programmation : ils ont des propriétés personnelles, bien qu'ils soient en groupe. Le groupe ne possède pas d'information sur sont contenu (sélection). Vous devez scanner l'ensemble des boutons radio pour savoir lequel est sélectionné.

Un exemple simple de l'utilisation de cette outils, est le choix du sexe de l'individu : HOMME / FEMME. Nous utilisons deux boutons radio défini dans un groupe nommé "sexe".

L'événement onClick est activé même si le changement est fait au clavier.

<HTML><body>

<form name=f>
  <input type=radio name=sexe value="H"
    onClick=Aff(); checked>Homme
  <input type=radio name=sexe value="F"
    onClick=Aff();>Femme<br>
  <input type=txt name=txt>
</form>

<script><!--
var obj = document.f.sexe;

function Aff()
{
  var bt=-1;
  var val;

for (var t=0;t<obj.length;t++)
  if (obj[t].checked)
    {bt=t;val=obj[t].value};

document.f.txt.value=bt+"/"+val;
}

Aff();

//--></script></body></HTML>


Haut de page

 

<HTML><body><script><!--

//--></script></body></HTML>


Dernière mise à jour : dimanche 06 janvier 2008