-<page xmlns:ft="http://apache.org/cocoon/forms/1.0#template" xmlns:fi="http://apache.org/cocoon/forms/1.0#instance" xmlns:jx="http://apache.org/cocoon/templates/jx/1.0">
<h4 class="samplesGroup" xmlns:bu="http://apache.org/cocoon/browser-update/1.0">AJAX sample</h4>
<title>Car selector</title>
-<para>
This example illustrates:
-<ul>
<li>how you can programmatically update the content of a selection list,</li>
<li>the AJAX features that allow partial page reloads and the associated visual effects.</li>
</ul>
</para>
<para> Event-handlers are defined in the form definition to update the selection lists and set the comment text below the table. This requires only a few lines of server-side JavaScript. Selection widgets also have a "submit-on-change" attribute set in the form template so that changes are considered immediately by the server. </para>
<para> See "carselector_form.xml" and "carselector_template.xml" to see how this is done. </para>
-<content>
<script type="text/javascript"> var currentEffect = "fade"; cocoon.ajax.BrowserUpdater.highlight = cocoon.ajax.Fader.fade; function setEffect(effect) { if (effect == "none") { cocoon.ajax.BrowserUpdater.highlight = null; } else if (effect == "fade") { cocoon.ajax.BrowserUpdater.highlight = cocoon.ajax.Fader.fade; } else if (effect == "blink") { cocoon.ajax.BrowserUpdater.highlight = cocoon.ajax.Blinker.blink; } document.getElementById(currentEffect).style.fontWeight = ""; document.getElementById(effect).style.fontWeight = "bold"; currentEffect = effect; return false; } </script>
-<para>
Page update effect:
<a id="none" href="#" onclick="return setEffect('none')">None</a>
-
<a style="font-weight: bold" id="fade" href="#" onclick="return setEffect('fade')">Fade</a>
-
<a id="blink" href="#" onclick="return setEffect('blink')">Blink</a>
</para>
-<fi:form-template ajax="true" action="continue" method="POST">
<fi:continuation-id>885a7765174b5b247c733d2a775410702c7b327b</fi:continuation-id>
-<fi:group>
<fi:styling layout="columns"/>
-<fi:items>
-<bu:replace id="carselector.make">
-<fi:field id="carselector.make" state="active" listening="true" required="true">
<fi:label>Make:</fi:label>
<fi:value>Maserati</fi:value>
-<HTML>
-<HEAD>
<link rel="stylesheet" type="text/css" href="/styles/prettycontent.css"/>
<script type="text/javascript" src="/scripts/prettycontent.js"/>
</HEAD>
-<BODY>
-<DIV class="e">
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><!--</SPAN>
-<SPAN class="c">
<PRE> Copyright 1999-2004 The Apache Software Foundation Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. </PRE>
</SPAN>
<SPAN class="m">--></SPAN>
</DIV>
-<DIV class="e">
-<DIV>
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><</SPAN>
<SPAN class="en">cars</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><!--</SPAN>
-<SPAN class="c">
<PRE> Enhancements to this list are welcome ! Types with no models will automatically be filled with dumb values. </PRE>
</SPAN>
<SPAN class="m">--></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
-<DIV>
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><</SPAN>
<SPAN class="en">make</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Audi</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><!--</SPAN>
-<SPAN class="c">
<PRE> found on http://www.audi.fr/ </PRE>
</SPAN>
<SPAN class="m">--></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
-<DIV>
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">A2</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">1.4 75</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">1.4 TDI</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">1.4 75 Pack</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">1.4 TDI Pack</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">1.6 FSI 110 Pack</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">1.4 75 Pack Plus</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">1.6 FSI 110 Pack Plus</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
</DIV>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
-<DIV>
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">A3</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">1.6 Attration 102</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">2.0 FSI Attractin 150</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">1.6 Ambiente 102</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">2.0 FSI Ambiente 150</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">2.0 FSI Ambiente 150 tiptronic</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">1.6 Ambition 102</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">2.0 FSI Ambition 150</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">2.0 FSI Ambition 150 tiptronic</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">2.0 FSI Ambition Luxe 150</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
</DIV>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
-<DIV>
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">A4</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Berline 1.9 TDI 101</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Berline 2.5 TDI 163</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Berline 2.5 TDI 163 multitronic</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Berline 2.5 TDI 180 quattro</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Berline 2.5 TDI 180 quattro tiptronic</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Avant 1.9 TDI 101</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Avant 1.9 TDI 130</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Avant 2.5 TDI 163</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Avant 2.5 TDI 163 multitronic</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Avant 2.5 TDI 180 quattro</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Avant 2.5 TDI 180 tiptronic quattro</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
</DIV>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">A6</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">A8</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">TT</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Allroad Quattro</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV>
<SPAN class="m"></</SPAN>
<SPAN class="en">make</SPAN>
<SPAN class="m">></SPAN>
</DIV>
</DIV>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
-<DIV>
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><</SPAN>
<SPAN class="en">make</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Volkswagen</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Golf</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Passat</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Bora</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV>
<SPAN class="m"></</SPAN>
<SPAN class="en">make</SPAN>
<SPAN class="m">></SPAN>
</DIV>
</DIV>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
-<DIV>
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><</SPAN>
<SPAN class="en">make</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Mercedes</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">CLK</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">SLK</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV>
<SPAN class="m"></</SPAN>
<SPAN class="en">make</SPAN>
<SPAN class="m">></SPAN>
</DIV>
</DIV>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
-<DIV>
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><</SPAN>
<SPAN class="en">make</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Renault</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Twingo</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Scenic</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Espace</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV>
<SPAN class="m"></</SPAN>
<SPAN class="en">make</SPAN>
<SPAN class="m">></SPAN>
</DIV>
</DIV>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
-<DIV>
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><</SPAN>
<SPAN class="en">make</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Maserati</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Quattroporte</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Coupe</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Spyder</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV>
<SPAN class="m"></</SPAN>
<SPAN class="en">make</SPAN>
<SPAN class="m">></SPAN>
</DIV>
</DIV>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV>
<SPAN class="m"></</SPAN>
<SPAN class="en">cars</SPAN>
<SPAN class="m">></SPAN>
</DIV>
</DIV>
</DIV>
</BODY>
</HTML>
<fi:datatype type="string"/>
</fi:field>
</bu:replace>
-<bu:replace id="carselector.type">
-<fi:field id="carselector.type" state="active" listening="true" required="true">
<fi:label>Type:</fi:label>
-<HTML>
-<HEAD>
<link rel="stylesheet" type="text/css" href="/styles/prettycontent.css"/>
<script type="text/javascript" src="/scripts/prettycontent.js"/>
</HEAD>
-<BODY>
-<DIV class="e">
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><!--</SPAN>
-<SPAN class="c">
<PRE> Copyright 1999-2004 The Apache Software Foundation Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. </PRE>
</SPAN>
<SPAN class="m">--></SPAN>
</DIV>
-<DIV class="e">
-<DIV>
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><</SPAN>
<SPAN class="en">cars</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><!--</SPAN>
-<SPAN class="c">
<PRE> Enhancements to this list are welcome ! Types with no models will automatically be filled with dumb values. </PRE>
</SPAN>
<SPAN class="m">--></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
-<DIV>
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><</SPAN>
<SPAN class="en">make</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Audi</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><!--</SPAN>
-<SPAN class="c">
<PRE> found on http://www.audi.fr/ </PRE>
</SPAN>
<SPAN class="m">--></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
-<DIV>
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">A2</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">1.4 75</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">1.4 TDI</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">1.4 75 Pack</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">1.4 TDI Pack</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">1.6 FSI 110 Pack</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">1.4 75 Pack Plus</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">1.6 FSI 110 Pack Plus</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
</DIV>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
-<DIV>
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">A3</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">1.6 Attration 102</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">2.0 FSI Attractin 150</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">1.6 Ambiente 102</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">2.0 FSI Ambiente 150</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">2.0 FSI Ambiente 150 tiptronic</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">1.6 Ambition 102</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">2.0 FSI Ambition 150</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">2.0 FSI Ambition 150 tiptronic</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">2.0 FSI Ambition Luxe 150</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
</DIV>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
-<DIV>
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">A4</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Berline 1.9 TDI 101</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Berline 2.5 TDI 163</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Berline 2.5 TDI 163 multitronic</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Berline 2.5 TDI 180 quattro</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Berline 2.5 TDI 180 quattro tiptronic</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Avant 1.9 TDI 101</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Avant 1.9 TDI 130</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Avant 2.5 TDI 163</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Avant 2.5 TDI 163 multitronic</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Avant 2.5 TDI 180 quattro</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">model</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Avant 2.5 TDI 180 tiptronic quattro</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">/></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
</DIV>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">A6</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">A8</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">TT</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Allroad Quattro</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV>
<SPAN class="m"></</SPAN>
<SPAN class="en">make</SPAN>
<SPAN class="m">></SPAN>
</DIV>
</DIV>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
-<DIV>
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><</SPAN>
<SPAN class="en">make</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Volkswagen</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Golf</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Passat</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Bora</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV>
<SPAN class="m"></</SPAN>
<SPAN class="en">make</SPAN>
<SPAN class="m">></SPAN>
</DIV>
</DIV>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
-<DIV>
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><</SPAN>
<SPAN class="en">make</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Mercedes</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">CLK</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">SLK</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV>
<SPAN class="m"></</SPAN>
<SPAN class="en">make</SPAN>
<SPAN class="m">></SPAN>
</DIV>
</DIV>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
-<DIV>
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><</SPAN>
<SPAN class="en">make</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Renault</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Twingo</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Scenic</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Espace</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV>
<SPAN class="m"></</SPAN>
<SPAN class="en">make</SPAN>
<SPAN class="m">></SPAN>
</DIV>
</DIV>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
-<DIV>
<SPAN onclick="xml2htmlToggle(event)" class="b">-</SPAN>
<SPAN class="m"><</SPAN>
<SPAN class="en">make</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Maserati</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Quattroporte</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Coupe</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV class="e">
<SPAN class="m"><</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="an">name</SPAN>
<SPAN class="m">="</SPAN>
<SPAN class="av">Spyder</SPAN>
<SPAN class="m">"</SPAN>
<SPAN class="m">></SPAN>
<SPAN class="t"> </SPAN>
<SPAN class="m"></</SPAN>
<SPAN class="en">type</SPAN>
<SPAN class="m">></SPAN>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV>
<SPAN class="m"></</SPAN>
<SPAN class="en">make</SPAN>
<SPAN class="m">></SPAN>
</DIV>
</DIV>
</DIV>
-<DIV class="e">
<SPAN class="t"> </SPAN>
</DIV>
-<DIV>
<SPAN class="m"></</SPAN>
<SPAN class="en">cars</SPAN>
<SPAN class="m">></SPAN>
</DIV>
</DIV>
</DIV>
</BODY>
</HTML>
<fi:datatype type="string"/>
</fi:field>
</bu:replace>
-<bu:replace id="carselector.model">
<fi:placeholder id="carselector.model"/>
</bu:replace>
-<bu:replace id="carselector.message">
-<fi:output id="carselector.message" state="active" listening="true">
<fi:value>Good. Maserati makes good cars!</fi:value>
</fi:output>
</bu:replace>
-<bu:replace id="carselector.buy">
-<fi:action id="carselector.buy" state="disabled">
<fi:label>Buy it!</fi:label>
</fi:action>
</bu:replace>
</fi:items>
</fi:group>
</fi:form-template>
-<p>
<a href="./">Back to Forms samples</a>
</p>
</content>
</page>