Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
How Do You Make Multiple Image Map Areas Work As Form Submit Buttons?
Old 11-19-2010, 02:05 PM How Do You Make Multiple Image Map Areas Work As Form Submit Buttons?
Junior Talker

Posts: 2
Trades: 0
Thank you in advance for your help! I've been trying to do this for over 12 hours without much luck at all... Please help me figure this VERY SIMPLE little thing out, the current code is sooooooo close to working perfectly and I feel like such a fool, and really have to finish this today somehow!

I have a map of the world, with an image map of every single country, and all I want to happen is: IF a user clicks on a country (for example, "USA") THEN an email is sent to me which says "Country: USA" and the user is redirected to a page that says "Thank You"

The "Image Map Form" is working 100% perfectly, except that the email I receive has the subject line, but NO CONTENT! How can I make it send me the Country Name?

These codes ARE both working in the "area" attributes to successfully SUBMIT the form:

Code:
href="javascript:document.WorldMapForm.submit();" 

Code:
onClick="WorldMapForm.submit();" 

These codes AREN'T specifying the Country Name in the EMAIL the above codes send out:

Code:
onMouseover="document.forms['WorldMapForm'].Country.value='CANADA';"


Code:
id=Country name=Country value=CANADA 

I think my mistake may be that I'm specifying the hidden input field incorrectly, but here's how it's specified in the form:

Code:
<input type="hidden" name="Country" id="Country" runat="server"> 

PLEAAAAAASE HELP IF YOU CAN

Last edited by loveDesign; 11-19-2010 at 02:06 PM.. Reason: fixed typo
loveDesign is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 11-21-2010, 07:32 PM Re: How Do You Make Multiple Image Map Areas Work As Form Submit Buttons?
Junior Talker

Posts: 2
Trades: 0
ALAS! A user named "birdbrain" on WebmasterWorld.com delivered the FAST, SIMPLE & EASY solution to the original question:

Quote:

you are submitting the form before you have set the input value.
It should be...

Code:
onclick="document.forms['WorldMapForm'].Country.value= 'Canada';document.WorldMapForm.submit()"
Thank you to all who have helped find the answer to this question, that after a week of research, it seems dozens if not thousands of people are looking for.
loveDesign is offline
Reply With Quote
View Public Profile
 
Old 11-22-2010, 01:01 AM Re: How Do You Make Multiple Image Map Areas Work As Form Submit Buttons?
Banned

Posts: 143
Name: maheshadodis
Location: USA
Trades: 0
Quote:
Originally Posted by loveDesign View Post
ALAS! A user named "birdbrain" on WebmasterWorld.com delivered the FAST, SIMPLE & EASY solution to the original question:



Thank you to all who have helped find the answer to this question, that after a week of research, it seems dozens if not thousands of people are looking for.
NIce Keep it up I was looking for such code you too helped me thanks!!
maheshadodis is offline
Reply With Quote
View Public Profile
 
Old 11-22-2010, 03:31 AM Re: How Do You Make Multiple Image Map Areas Work As Form Submit Buttons?
Banned

Posts: 408
Name: mushget
Trades: 0
try:

onMouseover="document.getElementById('Country').va lue = 'CANADA';"
mushget is offline
Reply With Quote
View Public Profile Visit mushget's homepage!
 
Reply     « Reply to How Do You Make Multiple Image Map Areas Work As Form Submit Buttons?
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.36551 seconds with 12 queries