svg/xforms calculator sample (and some smaller test cases)
"Andrew Douglas" <[email protected]>
| Newsgroups | gmane.comp.mozilla.devel.xml |
|---|---|
| Organization | Progressive Consulting Technologies, Inc |
| Message-ID | <[email protected]> |
this is the same functionality as the xforms calc program but uses svg elements to fire the xforms events. There are a couple of little issues (like I want to implement the "." and SquareRoot button and I want to get a nice rollover/mousedown effect, etc. I'd like to add xforms validation and keyboard support as well, but that'll come in time). The biggest "hack" in there right now is outputting the xforms instance data inside the SVG interface. Namely, xforms binding isn't supported for svg elements and I couldn't use xforms binding inside an svg foreignObject element.. even though "hardcoding" the <xf:output> works.. it won't bind. See sample02 and sample04 for how I wish it would have worked. Suggestions for how to do this in script are welcome as well, but for now there's not javascript anywhere. I'm open to suggestions for how you would have implemented the display of the "Result" and "Memory" fields.. or any other suggestions too. Note: I'm not an artist/designer.. so I apologize if the svg isn't "all it could be." If I get really ambitious it'd be interesting to see if I could break out the xform actions and the UI so that you could plug in either an SVG or XHTML output (possibly dependent on if svg is available?) http://artforms.progressivex.com/mozilla/svgcalc.xml http://artforms.progressivex.com/mozilla/sample02.xml http://artforms.progressivex.com/mozilla/sample04.xml http://artforms.progressivex.com/mozilla/sample01.xml -- I posted this early as a proof of concept of having xforms output inside an svg element (using svg's foreignObject) http://artforms.progressivex.com/mozilla/sample03.xml -- silly test of xf:extension to output svg. It works, but I don't know how useful this is. you need xforms and svg support enabled in your browser to view these properly. I can post a screenshot of it if you wanna see but don't have it and don't want to get one. Just let me know. -Andrew