Jul 25, 2008

Substitute Form Button For An Image - homemade images in forms buttons

Free Web Hosting, No Ads > CONTRIBUTE > Computers > Programming Languages > HTML, XML etc..

free web hosting

Substitute Form Button For An Image - homemade images in forms buttons

mizako
Hi,
I have the next formular :
CODE
 <form method='post' action='index.php?mode=2&id=1'>
               <input type='hidden' name='name' value='Canon Digital Ixus 700'/>
               <input type='hidden' name='id' value='1'/>
               <input type='hidden' name='qty' value='1'>
               <input type='hidden' name='cost' value='40'>
               <input type='submit' value='Add to cart' name='add'>
             </form>

I want to substitue the add button for an image
CODE
<img       src="./images/kaufen.jpg" />
that i created but i want still to have the same funcitonlity when someone clicks. How can i do this?
Thanks in advanced!

 

 

 


Reply

bureX
Hi there!

You need to replace your image with this code:

<INPUT TYPE="image" SRC="./images/kaufen.jpg" BORDER=0 ALT="Submit">

This will make the image "./images/kaufen.jpg" act as a button. Make sure that the BORDER property is set to 0 (like in my example) to avoid your image from getting an ugly blue border.

Don't forget, this code has to be inside the <form> </form> tags!

Reply

mizako
QUOTE(bureX @ Jul 11 2005, 01:21 PM)
Hi there!

You need to replace your image with this code:

<INPUT TYPE="image" SRC="./images/kaufen.jpg" BORDER=0 ALT="Submit">

This will make the image "./images/kaufen.jpg" act as a button. Make sure that the BORDER property is set to 0 (like in my example) to avoid your image from getting an ugly blue border.

Don't forget, this code has to be inside the <form> </form> tags!
*


Thanks it works, but i have to use an hidden input field to obtain the desire effect too. I explain myself:
<INPUT TYPE="image" name="kaufen" SRC="./images/kaufen.jpg" BORDER=0 ALT="Submit">
Does not work instead i have to use:
<input type="hidden" name="kaufen" value="kaufen"/>
<input type="image" src="./images/kaufen.jpg" value="submit"/>

 

 

 


Reply

s2city
Keep in mind that some browsers, such as Firefox and Opera won't show your image... they've got default images for Form Buttons.

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Recent Queries:-
  1. substitute web form button for graphic - 27.61 hr back. (1)
Similar Topics

Keywords : substitute, form, button, image, homemade, images, forms, buttons

  1. Vb 2008 Linking To Another Form..
    (0)
  2. Application Form [approved]
    (2)
    PRESENT CREDITS : HOSTING CREDITS : 37.65 Forum Username : Dhruv Display Username: Dhruv Email
    Address:dhruvin_patel@hotmail.co.uk My request is for: HOSTING PACKAGE 1 Your Registered Domain
    Name or Desired Trap17 Subdomain Name: tutorial-linker.trap17.com Introduce Yourself: Your hobbies,
    interests, talents, etc. Let the forum know you better. • My name is Dhruvin. Hobbies: Girls, gaming
    and computers. I have no talents I'm just a all rounder can do everything if i like biggrin.gif
    .Live in United Kingdom. And am a student. Desired Hosting Account Username: 8....
  3. Cd Drive Eject Button Problem
    see inside for explanation (3)
    i have a old dvd burner that is very reliable. the only problem that i have is the eject button on
    that thing is a little busted. i know you can right click to eject it but how can i return it(after
    you put a cd you press that thing to let the cd go inside) it is an old one and you push the cd
    holder like the other one i have. my question is, is there a way to program it or such. because one
    burner program has an option like this and it works. but the program isnt free.....
  4. Image Hosting Link On My Website?
    need help (2)
    Please look at the imagefilez.com box at the top part of most of the pages at trap 17. I'm
    looking to place any kind of image hosting box similar to that one on my own website. The hosting
    service can be any website but I'm just trying to find a way that I can have my own image
    hosting box on the site. I don't care if it does the hosting through another site. Please, any
    help to create a image hosting box on my website would be greatly appreciated. /tongue.gif"
    style="vertical-align:middle" emoid=":P" border="0" alt="tongue.gif" />....
  5. Gahhh This Isn't Going Well Please Help!
    It's a forgot password form in php! (12)
    CODE <? // database connection details stored here include "database.php"; ?>
    <!doctype html public "-//w3c//dtd html 3.2//en"> <html> <head>
    <title>Thanks!</title> </head> <body bgcolor="#ffffff"
    text="#000000"> <? $email=mysql_real_escape_string($email);
    $status = "OK"; $msg=""; //error_reporting(E_ERROR | E_PARSE |
    E_CORE_ERROR); if (!stristr($email,"@") OR !stristr(�....
  6. Html Form!
    Using MySQL?! (4)
    Hey, I need your help again! I need some good working tutorial how I can update my SQL through
    HTML form. I did use some tutorials online found with the help of google; but they do not work
    properly; I mean there are still small mistakes. I need to have a good tutorial to follow. It
    should be based on security and more things. It has to be done in proper way.......
  7. How To Make Form Nested In Internet Explorer ?
    Nested form in IE (2)
    I want to make a form nested in another form, it's run on Opera and FireFox but it's occur
    error in IE How can I make form f2 submit by using javscript ??? (I want to solve this
    problem because my website using Ajax upload....
  8. Trap17 Dynamic Recent Post/topic Image
    (17)
    Some may remember a while back I created a dynamic image that would tell you your post count and
    last active for trap. It had a bit of a run but then died off. It just wasn't very useful.
    BUT NOW I am presenting the most epic trap17 image Ever. This one is SUPER customizable and already
    works for ALL MEMBERS ! It is designed to be put in your sig so other members can see the
    recent topics you have written. It is still in early early beta stage but soon it will have the
    date posted along with some other cool features. So I'm sure you are all excited t....
  9. Flash Problem
    sometimes the buttons will load the wrong link. (9)
    Its weird but sometimes when you hit the forums or roster button on my flash banner it will load:
    www.childrenofconan.trap17.com/index.html instead of what its suppost to. It works fine, but if you
    mess around and click the buttons for a little bit you will notice this happening. This is a problem
    because people visiting the site will sometimes click the button once and be like oh I guess the
    link is broken and never come back, if anyone has a solution to what could be the problem it would
    be awesome. This is one of my first custom flash banners and im just confused what....
  10. Image Upload
    ?!? (11)
    I need the image upload script which automatically resized the image by specified size and store it
    in the specified folder.....
  11. How To Display Images Of A Directory
    (4)
    I am trying to do a simple thing. I want to display all the images of a directory on a single page
    with the checkbox next to each image, so that i can select multi images and i can delete selected
    images. Following few lines of code display the images of a directory.. i need help to put the
    check boxes with each image. and I dont understand how can i select multi images with check box and
    then delete them. I hope someone can help. thanks. CODE <?php $path = "./";
    $dir_handle = @opendir($path) or die("Unable to open folde....
  12. Background Image Swap Script
    Change a Background Image based on clock time (15)
    Background Image Changer Script To swap the background image from your CSS file according to the
    Server Clock Time. 1.) In your CSS file, add the following rule: CODE body {
        background: url(time.png); } 2.) Create a "folder" named time.png. 3.) Into the
    folder, place three images named morning.png, day.png, night.png. 4.) Also, in the same folder,
    create an index.php file and copy/paste the following script. CODE <?php $hour =
    date('H'); if ($hour < 12 ) {     $image =
    "morning.png"; } ....
  13. Do You Use Imagefilez.com?
    ImageFilez.com : Free Image and Video Hosting (30)
    Do you use ImageFilez.com? If so, for what and how long? If not, why? /huh.gif"
    style="vertical-align:middle" emoid=":huh:" border="0" alt="huh.gif" /> Please vote and reply to
    this thread with your responses. I don't personally, because I have an account on Photobucket
    and ImageShack, and I sometimes use the Free Hosting that comes embedded into my forum and at the
    site I moderate.....
  14. Adding Shine To Text
    images say "Tiger Ads", but, the board is clsed, so, i'm r (1)
    OK, in this tut, I am going to show you how to add shine to any text. For this example I will be
    using the TigerAds affiliate button. (the board is since closed so, I'm not really advertising
    /tongue.gif" style="vertical-align:middle" emoid=":P" border="0" alt="tongue.gif" />) OK then,
    lets get started! 1. Open up the image that you will be using, this is mine: 2.
    Now that your image is open and making sure that its the .psd so you can edit the text on it. In
    your layers menu, hold down CTRL and click on the text layer so that only the te....
  15. Getting Flash Images On A Site
    (1)
    well, i don' t have a site yet, but about 6 months ago i made a template, with flash buttons and
    all, with sound and everything i was so proud so i tryed to put em on there with a special code u
    needet or something ,so i did, but i got blank images,, i even tryed uploading it on the site it
    didn't work, so i asked around they said u can' t install them on a cpanel, u need ftp, so i
    downloadet the program needet and i got stuck there, so basicly how do u do that,and could some1
    help me out how to get it working on a cpanel....
  16. Scrolling Images?
    How to Make an Image Scroll With the Page (5)
    I'm trying to make my homepage look a little fancier and I've got a nice background image,
    but I want it to scroll with my page, like if you scroll down the image will still appear like it
    does on the top of the page. Can someone tell me how to do this? I'm using Microsoft Frontpage
    to edit it. I'm not sure what programming language this would be, probably CSS or Javascript,
    but I can edit the page script with Notepad or something to make this work. Right now the page is
    purely HTML, so whichever language this is, can somebody also give me the tags and ma....
  17. How To Create Embed Image Mail In Gmail
    (48)
    Hi to all ! Anybody can help me to create an email with embedded image so that mail reader
    automatically see that image. Moreover I wont attached that image as it appears small in size in on
    gmail. Thanks in Advance. ....
  18. Watermark Your Image With Simple Php Script
    found it on the net (34)
    This script was found on the net http://tips-scripts.com/?tip=watermark#tip B&T's Tips &
    Scripts site. Just in case the site may not show, I will include the code here: List of things
    needed: 1. your image in any format 2. watermark image--in gif format with transparent background 3.
    script below with name (i.e. watermark.php) CODE <?php // this script creates a watermarked
    image from an image file - can be a .jpg .gif or .png file // where watermark.gif is a mostly
    transparent gif image with the watermark - goes in the same directory as this script // ....
  19. Expanding Image Gallery
    Images Expanding on a mousover (6)
    I was looking through wired today, and i noticed :
    http://www.hotwired.com/webmonkey/06/08/index2a.html looks like a pretty nifty image gallery
    effect, though i noticed that it wont display properly in FireFox. Does anyone have any links or
    examples of other image gallery code, i find it pretty fascinating.....
  20. Refresh Page After Back Button Hit
    (11)
    Hi. I have a page that is dynamically build through DOM manipulation. So, when I browse outside the
    page, and then click back, those dynamically created DOM objects are gone. Since I am also using JSP
    / Servlet technology, I can rebuild this page easily, which I have done. Here is my dilemma. If
    the user leaves the dynamic page, then clicks back on their browser, I need the page they are going
    back to to refresh. I can't figure out how to do this. I've tried using the META tag, but it
    won't do it. Help would be appreciated. Thanks. ....
  21. Loop Through Form
    How do you do it? (8)
    In ASP you'd do this: CODE For Each Field in Request.Form So how do you do it in PHP? I
    want to loop through a form, check to see if it has a value and if so, append to a string to send as
    the body of my email.....
  22. Form To Php Mail. Attachment
    (14)
    i know there are a few topics talk about attachment problem, but i want to know if anyone could show
    me a basic code for attaching files like pictures with the message. I made a html form, and
    redirect the information to my mail.php file to process the information and send it to my email. I
    want to know what do i have to do to attach files like pictures. I tried to search on google, and
    the codes are so complicated (i'm an amateur at this). Would it be possilbe if you could show me
    the code and explain to me what it does and how i could customize it to fit my needs?....
  23. How To Create Java Button Or Frame
    to be customized (12)
    hi to all!!!! just like to ask if it would be possible if i could make a custom
    button or frame in java. i got tired of using the build infeatures in java. i would like to create
    my own dessign of button or frame.. can it be possible!!! /biggrin.gif' border='0'
    style='vertical-align:middle' alt='biggrin.gif' /> thank!!!! /laugh.gif'
    border='0' style='vertical-align:middle' alt='laugh.gif' /> New Help In! is NOT a descriptive
    topic title. Next time you decide not to follow the posting rules, you will be issued a w....
  24. Radio Button
    (4)
    I am trying to maintain the radio button selection on a Submit, but the form refreshes to its
    default selection. BTW, After a Submit is clicked, the radio form stays visible on the top of the
    screen while the query results are displayed on the bottom half of the screen (we're using an
    internal, embedded link). That's when the default selection comes into place. Any help would be
    appreciated. Please respond Kvarnerexpress.....
  25. Creating Links In Images
    Using ImageReady (17)
    In this tutorial I will show you how to create links in your image. I'm shore there's a lot
    of different ways you can do this, but I'll just show you how to do it real easy. 1) After
    creating the image you want to add links to in photoshop, make shore the mode is set to RGB Color.
    Just go to Image -> Mode -> RGB Color. 2) Go to File -> Jump To -> Adobe ImageReady. Your image
    will now load into ImageReady. For this tutorial I will be using this image that I found: I will
    make the buttons of this navigation bar into links. 3) Press K to select the slice t....
  26. Change Font Size On Taskbar Buttons
    (4)
    Would you like larger fonts on your taskbar buttons? Maybe you're a little short sighted, or
    just want to mess about a bit:) Here's how to do it... 1. Right click anywhere on your Desktop
    (not on an icon) and the context menu appears. 2. From the context menu, select Properties, and the
    Display Properties window appears. 3. Select the "Appearance" tab by clicking on it once. 4.
    Select the "Active Title Bar" from the "Item:" drop down list. 5. Adjust the font size, color,
    bold, or italics using the selectors to the right of the font box. 6. Click Apply to ....
  27. *** Click Here To Get Your Free Hosting ***
    Trap17 Free Web Hosting Request Form - FILL OUT THIS FORM (1)
    Welcome to Trap17 Free Web Hosting. Before you start, read the Trap17 Readme . NOTE:
    Trap17 is not like other forums where you can still survive without reading stickies. If you
    don't read the Trap17 sticky you will NOT UNDERSTAND how to get hosting. Please take a few
    minutes to do that now. Some more info: A NOTE TO NEW MEMBERS (those who haven't yet
    participated in our forums) Before you post an application, You must participate in our forum and
    collect "Hosting Credits". You earn "Hosting Credits" when you make a post. You should make good
    genui....
  28. Blank Images - (white Square W/red X)
    FTP uploaded images don't display (8)
    Hey Guys, PROBLEM: Uploaded website & all images display as blank white box with red X on the
    webpages. Tech Info: Am using domain hosting (not subdomain hosting) All my html pages are in
    folder "public_html". All my images are present in folder named "userfiles". Both folders are "root"
    on the server in my cpanel (ie. not in subfolders). The html code on my webpages "pointing"
    (incorrectly???) to the images is: QUESTION: 1) Whats up??? 2) Is this html 3) Does the Xisto
    server require that images only be placed in a specific folder OR subfolder in order to display....
  29. Turning An Image Into A Cartoon Style - Photoshop
    Tutorial on cartooning images. (30)
    This tut will show you how to make a photo look cartoonish in three easy steps... 1)Open your
    image in photoshop, doesnt really mater what size or shape anything really a landscape, city, or a
    person. I am using a picture of a football player in this example 2)Go up to
    Filter>Blur>Gaussian Blur and set the radius at 3.0 or higher depending on the effect your looking
    for. 3)Last go Edit>Fade Gaussian Blur. A window will pop up... set the mode to darken for tha
    cartoonish effect or to any other mode for plenty of other effects. Lower the opacity if you
    don't....
  30. Psp Square Button Problem
    (12)
    QUOTE     Nearly 5,000 units are returned to Sony for buggy button; Kutaragi unapologetic about
    the handheld’s design.     TOKYO–About 4,800 Japanese PSPs have been returned to Sony due to
    problems with the handheld’s square button, according to a recent interview with Sony Computer
    Entertainment president Ken Kutaragi in Nikkei Business magazine.     Kutaragi acknowledged that
    the button is less responsive than the others, in part because it’s so close to the PSP’s 480x272
    screen. Because there isn’t enough room to put the square button’s detection switch directly ....

    1. Looking for substitute, form, button, image, homemade, images, forms, buttons

Searching Video's for substitute, form, button, image, homemade, images, forms, buttons
Similar
Vb 2008
Linking To
Another
Form..
Application
Form
[approved]
Cd Drive
Eject Button
Problem -
see inside
for
explanation
Image
Hosting Link
On My
Website? -
need help
Gahhh This
Isn't
Going Well
Please
Help! -
It's a
forgot
password
form in
php!
Html
Form! -
Using
MySQL?!
How To Make
Form Nested
In Internet
Explorer ? -
Nested form
in IE
Trap17
Dynamic
Recent
Post/topic
Image
Flash
Problem -
sometimes
the buttons
will load
the wrong
link.
Image Upload
- ?!?
How To
Display
Images Of A
Directory
Background
Image Swap
Script -
Change a
Background
Image based
on clock
time
Do You Use
Imagefilez.c
om? -
ImageFilez.c
om : Free
Image and
Video
Hosting
Adding Shine
To Text -
images say
"Tiger
Ads",
but, the
board is
clsed, so,
i'm r
Getting
Flash Images
On A Site
Scrolling
Images? -
How to Make
an Image
Scroll With
the Page
How To
Create Embed
Image Mail
In Gmail
Watermark
Your Image
With Simple
Php Script -
found it on
the net
Expanding
Image
Gallery -
Images
Expanding on
a mousover
Refresh Page
After Back
Button Hit
Loop Through
Form - How
do you do
it?
Form To Php
Mail.
Attachment
How To
Create Java
Button Or
Frame - to
be
customized
Radio Button
Creating
Links In
Images -
Using
ImageReady
Change Font
Size On
Taskbar
Buttons
*** Click
Here To Get
Your Free
Hosting ***
- Trap17
Free Web
Hosting
Request Form
- FILL OUT
THIS FORM
Blank Images
- (white
Square W/red
X) - FTP
uploaded
images
don't
display
Turning An
Image Into A
Cartoon
Style -
Photoshop -
Tutorial on
cartooning
images.
Psp Square
Button
Problem
advertisement



Substitute Form Button For An Image - homemade images in forms buttons



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE