Solved

submit and reset as images in a form, how?

Posted on 1999-01-14
8
191 Views
Last Modified: 2010-04-09
without using javascript?

as far as i can see it's impossible.  sure, having a submit alone as an image works, but when you want a reset too - there's just know way i can see to do it!

glen@perfectday.com
0
Comment
Question by:glenramsey
  • 3
  • 2
  • 2
  • +1
8 Comments
 

Expert Comment

by:jrsjr
ID: 1841683
so you are saying you don't want to use the buttons that a form provides but you want to use images with no javascript?
0
 
LVL 4

Expert Comment

by:martinag
ID: 1841684
 <INPUT TYPE="IMAGE" SRC="...">
will create an image that submits the form.

However, to reset you *have* to use JavaScript:
  <A HREF="javascript:document.formName.reset()"><IMG SRC="..." BORDER="0"></A>

Martin
0
 

Author Comment

by:glenramsey
ID: 1841685
cheers anyway - i knew that reset with an image can be done using js, erm, doesn't my original question state _without_ using js? :-*
0
 
LVL 6

Expert Comment

by:PBall
ID: 1841686
I am not sure if this is going to work but using CSS, you can alter the look of a button, hmm.. can it be of transparent background and no border..hmm..

but the theory is to put the image in a lower z-index than the button so the button is actually overlaying the image.  if you can make a transparent button with the dimension of the image, there you go.

0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 

Author Comment

by:glenramsey
ID: 1841687
that's probably the best idea yet, hence it doesn't use js :-)

our clients specs are no js you see, but another spec is version 4 browsers only (128 bit encryption req) - so maybe css is the way to go - seems a bit iffy tho', a bit of a work around, at the moment i've specified that we are unable to have a reset images button and therefore told them they can't have one

bloody stupid if you ask me, not using js (reason: firewall/content filter corporate hooha)

fwiw, if it's not an insult, PBall, i'd like to "award" the 5 to you

cheers

~glenramsey
glen@perfectday.com
0
 
LVL 4

Expert Comment

by:martinag
ID: 1841688
> doesn't my original question state _without_ using js? :-*
Indeed. That's what made me say
> to reset you *have* to use JavaScript

Martin
0
 

Author Comment

by:glenramsey
ID: 1841689
:-)
oh how i love the internet
thanks for all your responses anyway, looks like i'll have to do without
0
 
LVL 6

Accepted Solution

by:
PBall earned 0 total points
ID: 1841690
Use CSS, overlay the reset button on top of the reset image and make reset button transparent (hmm..if that is even possible hehe, hmm..I think it can't be done tho, anyway...).
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Text in block not displaying properly 2 33
Bad <form> statement? 9 26
how to avoid redundand ajax calls 5 10
ebay seller html tags 2 10
Popularity Can Be Measured Sometimes we deal with questions of popularity, and we need a way to collect opinions from our clients.  This article shows a simple teaching example of how we might elect a favorite color by letting our clients vote for …
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

864 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

25 Experts available now in Live!

Get 1:1 Help Now