I want the submit button to be an image, but it doesn't seem to like my coding. Do you need to change the script itself?
------------------
------------------
Here is the code that I added, it doesn't seem to work though. It is for the login screen, and it just goes to the actual login screen, which has the ugly grey button (which works though)
<INPUT TYPE="Image" NAME="login" SRC="images/personal.gif" BORDER="0">
<INPUT TYPE="Image" NAME="login" SRC="images/personal.gif" BORDER="0">
Jan 11, 1999, 5:10 AM
User (324 posts)
Jan 11, 1999, 5:10 AM
Post #3 of 6
Views: 3166
You can always try this:
<input type="image" value="add_record" SRC="yourimage.gif" BORDER="0" name="add_record" WIDTH="80" HEIGHT="26">
<input type="image" value="add_record" SRC="yourimage.gif" BORDER="0" name="add_record" WIDTH="80" HEIGHT="26">
Jan 11, 1999, 12:28 PM
Veteran / Moderator (8669 posts)
Jan 11, 1999, 12:28 PM
Post #4 of 6
Views: 3169
I think you'll need to put the full URL to your image file--
SRC="http://www.server.com/etc/images/personal.gif"
I've never had any luck with using relative URLs.
------------------
JPD
SRC="http://www.server.com/etc/images/personal.gif"
I've never had any luck with using relative URLs.
------------------
JPD
Jan 11, 1999, 10:59 PM
User (119 posts)
Jan 11, 1999, 10:59 PM
Post #5 of 6
Views: 3185
I came around this piece of info a little while back. Maybe it can be of help...
*************************************
I don't know about you, but I'm sick of those ugly grey form buttons , they can really detract from the look of a page. Well
there's one easy way to get around that, as far as I know, and here it is. This method, which actually 'tricks' the browser
into thinking that the image is a link, works great in most cases, and you can even add a status bar message to it:
<A HREF = "JavaScript: func()"
onMouseOver="top.window.status='Status bar message'; return true">
<IMG SRC = "../menus/shadowgy.gif"
BORDER = 0 HEIGHT = 100 WIDTH = 75>
</A>
In this case, the function after the <HEAD> statement is:
function func(){
alert("It Worked! Your forms will never be the same!");
}
The image, in this example, in an animated GIF89A called "shadowgy.gif"
********************************
Maybe you can put the SUBMIT inside the func()...? Something like
function func(){
writeln('<INPUT TYPE="SUBMIT" NAME="add_record" VALUE="Add Record"> <INPUT TYPE="RESET" VALUE="Reset Form">');
}
Donīt know if this is completely off the wall though.
Any Java gurus out here?
-JO
*************************************
I don't know about you, but I'm sick of those ugly grey form buttons , they can really detract from the look of a page. Well
there's one easy way to get around that, as far as I know, and here it is. This method, which actually 'tricks' the browser
into thinking that the image is a link, works great in most cases, and you can even add a status bar message to it:
<A HREF = "JavaScript: func()"
onMouseOver="top.window.status='Status bar message'; return true">
<IMG SRC = "../menus/shadowgy.gif"
BORDER = 0 HEIGHT = 100 WIDTH = 75>
</A>
In this case, the function after the <HEAD> statement is:
function func(){
alert("It Worked! Your forms will never be the same!");
}
The image, in this example, in an animated GIF89A called "shadowgy.gif"
********************************
Maybe you can put the SUBMIT inside the func()...? Something like
function func(){
writeln('<INPUT TYPE="SUBMIT" NAME="add_record" VALUE="Add Record"> <INPUT TYPE="RESET" VALUE="Reset Form">');
}
Donīt know if this is completely off the wall though.
Any Java gurus out here?
-JO
For those of you who are intested, here is the code for making your ugly grey submit button into something nice and fancy looking:
<INPUT TYPE="IMAGE" name="login" value="Let's Play!" SRC="whatever.gif" BORDER="0">
<input type="HIDDEN" name="login" value="Let's Play!">
You need the hidden field, or else it won't work, apart from that, it works ok for me!
If you want help, email iam@inthehack.com
If you want to see it in action, http://www.inthehack.com and personalize.
------------------
<INPUT TYPE="IMAGE" name="login" value="Let's Play!" SRC="whatever.gif" BORDER="0">
<input type="HIDDEN" name="login" value="Let's Play!">
You need the hidden field, or else it won't work, apart from that, it works ok for me!
If you want help, email iam@inthehack.com
If you want to see it in action, http://www.inthehack.com and personalize.
------------------