Forum Moderators: open

Message Too Old, No Replies

How Do I change Form List to Buttons?

         

simon03

5:14 am on May 11, 2004 (gmt 0)

10+ Year Member



I want to change the list code below so I can use graphic buttons. How do I do this?

<form method="POST" name="VCNT3Form1" action="../../webview/--WEBBOT-SELF--" onSubmit="location.href='../_derived/nortbots.htm';return false;" webbot-onSubmit>

<b><font face="Century Gothic" color="#333333">Cam </font></b>
<font color="#333333"> <select name="CAMERA1" size="8" multiple OnChange="ChangeCamera()">
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select<br></form></td>

I thought something like this might work, but it will not change cameras. Value"2" is the number camera I would like to switch to:
<img border="0" src="../quad-up.jpg" name="CAMERA1" OnClick="ChangeCamera()" value="2" width="36" height="33"><br>

thanks

moltar

5:42 am on May 11, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Since you are using POST method, you'll need to create image buttons within the form:

<input type="image" src="/path/to/img" name="CAMERA1" value="1">
<input type="image" src="/path/to/img" name="CAMERA1" value="2">

Not sure if the above will work though... If it does not, then you'd have to make a separate form for each button, and have a hidden field for CAMERA1.

BlobFisk

3:09 pm on May 13, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



It's important to remember that <input type="image" src="path/to/image.gif"> is a Submit button.

More here: [w3.org...]

HTH