[SVG] CGI Forms and SVG widgets

• From: Fred P. <fprog26@hotmail.com>
• Date: Fri, 02 May 2003 00:43:30 -0400
• To: thomas.deweese@kodak.com, tobiasreif@pinkjuice.com
• Cc: www-svg@w3.org
• Message-ID: <BAY2-F33U1YRa6uRD1600010b66@hotmail.com>

I was trying to consider CGI form inside SVG,
especially having customized widget drawn by SVG <g></g>
like customized button, list, drop box with images.

<svg>

<form name="myForm" action="form.php" method="get">


<!-- Normal Input -->
<input
  name='foo'
  value="go to destination"
  type='submit'
  x='10'
  y='10'
  background_over =''
  background_out  =''
  background_push =''
  height='10'
  width ='100'
/>

<!-- Click Button -->
<button id='downButton'
  x='10'
  y='10'
  height='10'
  width ='100'
  background_over ='url(#button_pop_over)'
  background_out  ='url(#button_pop_out)'
  content_over    ='url(#downArrowOver)'
  content_out     ='url(#downArrowOut)'
  onclick ='javascript:alert("clicked");'
  onpush  =''
  onpop   =''
  content_push    =''
  background_push =''
  />

<!-- Push Button -->
<button id='myPushButton'
  x='10'
  y='10'
  height='10'
  width ='100'
  background_over ='url(#button_pop_over)'
  background_out  ='url(#button_pop_out)'
  background_push ='url(#button_push_over)'
  content_over    ='url(#leftArrowOver)'
  content_out     ='url(#leftArrowOut)'
  content_push    ='url(#leftArrowOut)'
  onpush  ='javascript:alert("pushed");'
  onpop   ='javascript:alert("poped");'
  onclick =''
/>

<!-- drop box -->
<select id='MapSize'
  onchange='MapSizeSelected()'
  x='100'
  y='100'
  highlight='#003300'
  background='url(#background)'
  down_button='url(#downButton)'
>
  <option                 >map size:</option>
  <option                 >---------</option>
  <option value ="600 450">500 x 450</option>
  <option value= "600 500">600 x 500</option>
</select>

<!-- Normal drop box -->
<select id='MapSize'
  onchange='MapSizeSelected()'
  x='400'
  y='400'
>
  <option                 >map size:</option>
  <option                 >---------</option>
  <option value ="600 450">500 x 450</option>
  <option value= "600 500">600 x 500</option>
</select>


</form>
</svg>




_________________________________________________________________
The new MSN 8: smart spam protection and 2 months FREE*  
http://join.msn.com/?page=features/junkmail

Received on Friday, 2 May 2003 00:43:39 UTC