Bonjour,
C'est quoi XFORMS ?
pour le savoir suivez ces étapes, si vous avez IE 6+ téléchargez l'extension FormsPlayer www.FormsPlayer.com par contre si vous êtes sous FF alors il vous faudra télécharger le plugin de MOZILLA (à ce jour il est en Bêta). Pour ma part je vais utiliser FormsPlayer qui est sous licence mais exploitable à l'infini :
après téléchargement de FormsPlayer ouvrez votre Bloc-Note, WordPad...etc et inscrivez ces lignes :
ATTENTION : FormsPlayer obligatoire
Les premières remarques :
la presence de l'espace de nommage XFORMS "http://www.w3.org/2002/xforms" qui est affecté au suffixe "xf" par le mot reservé "xmlns:", d'autre part un autre espace de nommage est inclut c'est l'espace de nommage de XHTML, dans cet exemple il est le NameSpace par defaut du fait que le mot reservé "xmlns=" contient un "=" et non pas un ":"
Mais pourquoi avoir plusieurs NameSpace ?
pour distinguer entre les langages car en XML on peut avoir des collisions entre le balisage de ses dialectes.
Dans notre exemple toutes les balises qui portent le suffixe "xf:" sont du XFORMS.
XFORMS se distingue des Formulaires traditionnels WF1 par sa séparation du traitement des données de leurs presentation. Ainsi on a un model de traitement dans la partie HEAD, ce model est encapsulé par le tag "xf:model" dans cette partie on pourra configurer tout ce qui est lié à la soumission des données, les données eux même, les actions sur les données...etc.
dans la seconde partie qui est dans le body est l'interface utilisateur on y trouvera les champs de saisie des switcher "switch", une reglette "range", des sorties d'ecran en lecture seul "output"...etc bref, une interface utimisateur très riche.
Modifié par I'm_HERE (02 Oct 2008 - 15:46)
C'est quoi XFORMS ?
pour le savoir suivez ces étapes, si vous avez IE 6+ téléchargez l'extension FormsPlayer www.FormsPlayer.com par contre si vous êtes sous FF alors il vous faudra télécharger le plugin de MOZILLA (à ce jour il est en Bêta). Pour ma part je vais utiliser FormsPlayer qui est sous licence mais exploitable à l'infini :
après téléchargement de FormsPlayer ouvrez votre Bloc-Note, WordPad...etc et inscrivez ces lignes :
ATTENTION : FormsPlayer obligatoire
<html
xmlns="http://www.w3.org/1999/xhtml"
xmlns:xf="http://www.w3.org/2002/xforms">
<head>
<object id="form" width="0" height="0" classid="CLSID:4D0ABA11-C5F0-4478-991A-375C4B648F58">
ERROR DETECTED
</object>
<?import namespace="xf" implementation="#form"?>
<title>Simple Exemple de XFORMS</title>
<style type="text/css">
xf\:input {
display:block;
}
xf\:input xf\:label {
width: 4cm;
text-align:left;
}
*.valid xf\:alert
{
display: none;
}
*.invalid xf\:alert
{
display: inline;
color: red;
font-weight: bold;
}
</style>
<xf:model>
<xf:instance>
<data xmlns="">
<nom/><email/><age/>
</data>
</xf:instance>
<xf:submission id="subm" action="lol.xml" method="put" replace="none"/>
<xf:bind nodeset="age" constraint=". <= 50" required="true"/>
</xf:model>
</head>
<body>
<p>Attention : le formulaire ne sera pas soumis si le champs "age" n'est pas formulé ou si votre age est superieur à 50 ou bien si le champs age contient une chaîne de caractères et non pas un nombre :
</p>
<br/>
<xf:input ref="nom">
<xf:label>Votre Nom : </xf:label>
</xf:input>
<xf:input ref="email">
<xf:label>Votre E-Mail :</xf:label>
</xf:input>
<xf:input ref="age">
<xf:label>Votre Age</xf:label>
<xf:alert> Il faut mettre votre age</xf:alert>
</xf:input>
<xf:submit id="subm">
<xf:label>Soumettre</xf:label>
</xf:submit>
</body>
</html>
Les premières remarques :
la presence de l'espace de nommage XFORMS "http://www.w3.org/2002/xforms" qui est affecté au suffixe "xf" par le mot reservé "xmlns:", d'autre part un autre espace de nommage est inclut c'est l'espace de nommage de XHTML, dans cet exemple il est le NameSpace par defaut du fait que le mot reservé "xmlns=" contient un "=" et non pas un ":"
Mais pourquoi avoir plusieurs NameSpace ?
pour distinguer entre les langages car en XML on peut avoir des collisions entre le balisage de ses dialectes.
Dans notre exemple toutes les balises qui portent le suffixe "xf:" sont du XFORMS.
XFORMS se distingue des Formulaires traditionnels WF1 par sa séparation du traitement des données de leurs presentation. Ainsi on a un model de traitement dans la partie HEAD, ce model est encapsulé par le tag "xf:model" dans cette partie on pourra configurer tout ce qui est lié à la soumission des données, les données eux même, les actions sur les données...etc.
dans la seconde partie qui est dans le body est l'interface utilisateur on y trouvera les champs de saisie des switcher "switch", une reglette "range", des sorties d'ecran en lecture seul "output"...etc bref, une interface utimisateur très riche.
Modifié par I'm_HERE (02 Oct 2008 - 15:46)