#1 Tue 02 May 2006 13:36
- raphaelgeo
- Participant actif
- Date d'inscription: 14 Dec 2005
- Messages: 78
test technologies xforms
bonjour,
je vous joins un code svg á tester ,
cest un code mixant svg et technologie xforms
chez moi jai limpression que le rendu nest pas ce quil devrait etre (objets manquants...)
merci de le tester et de me faire part du rendu
Cordialement
ps : je ne connais rien a xforms mais il me semble que ca pourrait faciliter lemploi de composants formulaire directement dans le svg
Code:
<!-- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> --> <svg xmlns:s="http://example.com/survey" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xforms="http://www.w3.org/2002/xforms" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="700px" height="600px" viewBox="0 0 700 600"> <defs> <polygon id="bullet" points="-30,-30, -10,-10, -20,10" fill="#007138" /> <xforms:model id="form1" schema="surveyschema.xsd"> <xforms:instance id="instance1"> <s:survey xmlns="http://example.com/survey"> <s:drink>none</s:drink> <s:espressoPrefs> <s:numberPerWeek>0</s:numberPerWeek> <s:sugar>0</s:sugar> <s:lemon>Toujours</s:lemon> </s:espressoPrefs> </s:survey> </xforms:instance> <xforms:submission id="submit1" method="post" action="http://www.example.org/surveyhandler" /> </xforms:model> </defs> <title>Enquête espresso</title> <desc>Exemple SVG et XForms - enquête sur le consommateur d'espresso</desc> <g> <text x="50" y="70" font-size="40" font-family="Arial Black, sans-serif" font-weight="900">Enquête de clientèle : Espresso</text> <g font-family="Arial, Helvetica, sans-serif" font-size="18"> <foreignObject x="80" y="150" width="250" height="40"> <xforms:select1 appearance="minimal" model="form1" ref="s:drink"> <xforms:label> <g transform="translate(80, 140)"> <use xlink:href="#bullet" /> <text>Votre boisson au café habituelle est :</text> </g> </xforms:label> <xforms:item> <input ref="commande/livrer/rue" class="adresseRue"> <label>Adresse</label> <hint>Veuillez entrer le numéro et le nom de la rue</hint> </input> <xforms:label>Un espresso</xforms:label> <xforms:value>espresso</xforms:value> </xforms:item> <xforms:item> <xforms:label>Un cappuccino</xforms:label> <xforms:value>cappuccino</xforms:value> </xforms:item> <xforms:item> <xforms:label>Un latté</xforms:label> <xforms:value>latté</xforms:value> </xforms:item> <xforms:item> <xforms:label>Pas de café</xforms:label> <xforms:value>aucun</xforms:value> </xforms:item> </xforms:select1> </foreignObject> <foreignObject x="80" y="240" width="250" height="40"> <xforms:range model="form1" start="0" end="30" step="5" ref="s:espressoPrefs/s:numberPerWeek"> <xforms:label> <g transform="translate(80, 230)"> <use xlink:href="#bullet" /> <text>Nombre de tasses d'espresso par semaine :</text> </g> </xforms:label> </xforms:range> </foreignObject> <foreignObject x="80" y="350" width="250" height="40"> <xforms:select model="form1" ref="s:espressoPrefs/s:sugar"> <xforms:label> <g transform="translate(80, 340)"> <use xlink:href="#bullet" /> <text>Sucre ?</text> </g> </xforms:label> <xforms:item> <xforms:label>Oui</xforms:label> <xforms:value>X</xforms:value> </xforms:item> </xforms:select> </foreignObject> <foreignObject x="80" y="420" width="250" height="90"> <xforms:select1 appearance="full" model="form1" ref="s:espressoPrefs/s:lemon"> <xforms:label> <g transform="translate(80, 410)"> <use xlink:href="#bullet" /> <text>Citron ?</text> </g> </xforms:label> <xforms:item> <xforms:label>Indispensable pour une expérience réussie</xforms:label> <xforms:value>Toujours</xforms:value> </xforms:item> <xforms:item> <xforms:label>Qu'importe</xforms:label> <xforms:value>Indifférent</xforms:value> </xforms:item> <xforms:item> <xforms:label>Gardez votre citron</xforms:label> <xforms:value>Jamais</xforms:value> </xforms:item> </xforms:select1> </foreignObject> </g> <use xlink:href="#bullet" x="101" y="64" transform="scale(7,3)" /> <foreignObject y="150" x="500" height="60" width="100"> <xforms:submit model="form1"> <xforms:label>Envoyer le questionnaire</xforms:label> </xforms:submit> </foreignObject> <!--- garder les données graphique hors du listing de cet exemple --> <image xlink:href="espresso.svg" x="400" y="230" width="280" height="270" /> </g> </svg>
Dernière modification par raphaelgeo (Tue 02 May 2006 13:57)
Hors ligne
#2 Tue 02 May 2006 21:26
Re: test technologies xforms
Bonjour,
Il me semble détecter en premier lieu une erreur de rendu concernant votre localisation (soit république de "Mek-Ouyes"):
[img]http://img254.imageshack.us/img254/6765/sanstitre3copie6da.jpg[/img]
Merci de la corriger.
Désolé d'avoir à être hors sujet, mais ça me heurte.
Concerant le code que vous avez recopié, peut être pourriez vous plus simplement aussi indiquer la source http://www.w3.org/TR/xforms/index-all.html#N13926 ? (ou http://www.yoyodesign.org/doc/w3c/xform … #id2645506 en français)
Ces pages pouront aider eventuellement ceux qui pouront vous répondre.
Cordialement,
Jean
Hors ligne
#3 Tue 02 May 2006 21:49
Re: test technologies xforms
Vous pouvez aussi lire ça:
en pdf
http://tech-web-n2.utt.fr/ssw/cahier/do … ireXML.pdf
qui vous enverra notamment sur:
http://www.formsplayer.com/download/index.jsp
Jean
Hors ligne
#4 Wed 03 May 2006 10:31
- raphaelgeo
- Participant actif
- Date d'inscription: 14 Dec 2005
- Messages: 78
Re: test technologies xforms
ok je vais demander l'asile politique ailleurs
Cordialement.
Hors ligne