Closed Thread Icon

Preserved Topic: reset button as image (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=20499" title="Pages that link to Preserved Topic: reset button as image (Page 1 of 1)" rel="nofollow" >Preserved Topic: reset button as image <span class="small">(Page 1 of 1)</span>\

 
mr-meth
Bipolar (III) Inmate

From: santo domingo, dominican republic
Insane since: Feb 2002

posted posted 05-03-2002 15:11

Hi

Is there any way you can have reset buttons as images without using javascript?

thanks in advance


___________________________________________________________________
mr-meth
caribbean paradise

Xdreamer.ch
Maniac (V) Inmate

From: Switzerland
Insane since: Mar 2001

posted posted 05-03-2002 15:27

<button type="submit" name="away" Value="Show" onClick="self.location.href='http://localhost'">
<img src="YOUR PICTURE">
<font> "ASYLUM"</font>
</button>

cu
~Xdreamer.ch~
-------------------------------
to stupid for transparent sigs

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

posted posted 05-03-2002 21:55

If you want the button to merely reset the form, do this:

<button type="reset" value="Reset Form">
<img src="yourpicture.jpg" alt="Reset Form">
</button>

Note that I included an ALT attribute in the image for people using screen readers or with images turned off...

Pugzly
Paranoid (IV) Inmate

From: 127.0.0.1
Insane since: Apr 2000

posted posted 05-03-2002 23:20

Slime - I don't think that will work. Check out what happens:

<button type="reset" value="Reset Form">
<img src="http://www.ozoneasylum.com/images/88x31/gurusnetwork.gif" alt="Reset Form">
</button>

You end up with a standard button with the image on it, instead of just the image itself as the button.

How about:
<img src="http://www.ozoneasylum.com/images/88x31/gurusnetwork.gif" width="88" height="31" border="0" alt="Reset Form" onclick="formname.reset()" />



[This message has been edited by Pugzly (edited 05-04-2002).]

[This message has been edited by Pugzly (edited 05-04-2002).]

mr-meth
Bipolar (III) Inmate

From: santo domingo, dominican republic
Insane since: Feb 2002

posted posted 05-04-2002 00:59

hey guys .. i'll find a new way for that with microsoft interdev. this is the command line:

<INPUT id=reset1 style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND-IMAGE: url(file://C:\reset.jpg); BORDER-BOTTOM-WIDTH: 0px; WIDTH: 102px; HEIGHT: 24px; BORDER-RIGHT-WIDTH: 0px" type=reset size=78 name=reset1 value="">

Visual Interdev do it automatic. thanks a lot for the help guys.

Pugzly
Paranoid (IV) Inmate

From: 127.0.0.1
Insane since: Apr 2000

posted posted 05-04-2002 08:28

Which should be the same as:
<input id="reset1" style="border: 0px; background-image: url(file://C:\reset.jpg); width: 102px; height: 24px;" type="reset" size="78" name="reset1" value="" />

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

posted posted 05-05-2002 15:32

http://tech.irt.org/articles/js185/

woops, silly me, you wanted it without JavaScript. I'll leave the link in case you would like to read it anyway.

Later,
C:\


~Binary is best~

[This message has been edited by CPrompt (edited 05-05-2002).]

« BackwardsOnwards »

Show Forum Drop Down Menu