www.webdeveloper.com
Results 1 to 4 of 4

Thread: send an image into a form

  1. #1
    Join Date
    Sep 2008
    Posts
    4

    send an image into a form

    Please note: This is NOT a shopping cart or a checkout question! This is an entirely different thing! Also, I am 62 years old, and am not going to grow up to be a programmer. When I get this and a couple of other things under control, I will open my website to the public and start filling orders. I now own four Javascript books, and have not been able to figure this out on my own, after working on it at night for at least a couple months. Really and truly, any help would be greatly appreciated!

    My products can be made with many options, and there are too many to show every variation of every product. Think of cabinets that can be made in different heights and widths, with or without doors, glass doors, wooden doors, etc. etc. etc. (My product is not cabinets, but this helps me explain).

    Next to a photo of each of my products, I have a link that sends a thumbnail of the photo (jpeg) of the product to a page that let’s the potential customer suggest some options. The page contains a number of checkboxes, a textarea, and a couple other input types that are all sent me via my hosts cgi\formmailer. I cannot, however, figure out how to get the photo included in with the rest of the information.

    The link on the products page looks like this, and it sends the image to the “Options” page;

    <a href="Options.shtml?Photos/product.jpg">Let's talk about making some changes to this widget!</a>

    On the options page, this script opens the image and places it on the page near the top between the <form> and </form> tags;

    <script language="JavaScript" type="text/javascript">
    <!--
    //
    if (location.search)
    //
    {var image_filename = location.search.substring(1)
    //
    document.write('<img src="' + image_filename + '">')}

    //-->
    </script>

    The action is;

    <form action="/cgi-bin/formmailer.pl" method="POST">, and the submit is a simple <input type="submit" value="Submit Form">. I repeat that the form action and submit button work as far as sending all the information in my form to me via e-mail EXCEPT the photo.

    I would be happy if I could get the submit to include the photo, the URL, or the name of the photo (e.g. product.jpg). If I can't get some information about the product in the photo, I won't know which product the potential customer is talking about.

    Can you help me.

    P.S. If it is O.K. to use my real site for reference, here is the stuff. If not, please just delete this and repost it.

    My site is oldmanleather.com. First, click on the link to “Handbags”.

    The first handbag has a link next to it that says, “Let’s talk about making some changes to this bag”. Click on this link, and the “Options” page will open with a photo of the bag near the top. The name of the “Options” page is Checkbox03a.shtml. From here, you will be able to see what I have now, and perhaps suggest what I should do next.

    Thank you,

    Bo

  2. #2
    Join Date
    May 2003
    Location
    Between Baltimore and DC
    Posts
    3,579
    You can put the url also into a hidden field
    <input name="imageFile" type="hidden" value="theUrl"/>

    You can also look into a html image button: http://www.htmlcodetutorial.com/form...YPE_IMAGE.html

    Eric
    Tech Author [Ajax In Action, JavaScript: Visual Blueprint] | twitter | linkedin | http://www.pascarello.com

  3. #3
    Join Date
    Sep 2008
    Posts
    4

    Close, but not a solution

    Thank You A1ien51 for your quick reply.

    Unfortunately, I don't think we've solved my problem. I am aware of, and tried, both the input form you wrote, and the tutorial you mentioned, but my question is how to put the information from my product page into the value="" portion of the input, or something with a similar effect.

    If you have the time and/or the patience, please open my website and follow the steps as shown in the very end of my post. If you get to the "Options" page, check a couple checkboxes, and enter a fake name and email, and hit the submit button, you should get a "thank you" page that tells you what you have just sent. You will see the checkbox info, but nothing about the jpeg, or its url.

    Again, thanks for your help, but I think this one is a little more complicated than people think. Please, if you get another idea, let me know. I am really trying to solve this and have had no luck.

    Bo

  4. #4
    Join Date
    Sep 2008
    Posts
    4

    Problem solved!!!

    Hello again A1ien51,

    Thank you again for your last response. Though I had tried the "input" form that you recommended before, I just tried it again in a different way.

    I added this to the end of the existing script:

    //
    document.write('<input name="imageFile" type="hidden"
    value="' + image_filename + '">')

    The "Submit' now sends the URL along with the rest of the stuff.

    Thanks again!!!!!
    Bo

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles