Help with image mapping and form items

[dansmark]

I'm not sure this will work...

But I want a webpage be setup so the user can select form items in mutiple pop-up's on an image-map, then collect the multiple form data and send them all to an email as 1 form's data.

 

Example-1:

1) Image map with rectangles & circles for href's.

2) 15+ pop-up's that have 2-5 form items in each (as the user selects them they need to be saved to a single source file as data).

3) After a user finishes using the web-page, a Submit button is pressed, then the data is sent to my email.

 

 

OR DO SOMETHING LIKE THIS.

 

Place all the form-items at specific locations on an image, then collect all form-items at once to process & send.

 

Example-2:

1) Image map with rectangles & circles for href's.

2) Each form item is placed at specific locations.

3) After a user finishes using the web-page, a Submit button is pressed, then the data is sent to my email.

 

Sounds easy, but so far nobody (only 2-3 different people) says it can be done.

 

Does anyone know how to place a form item at a specific coodinate?

I think this would be the key...

 

Thanks

D

 

[davej]

You might need to create some diagrams to explain this concept more clearly.

[justsomeguy]

You can do whatever you want to do. It's not particularly easy, but it's not particularly difficult either, it's just a lot of Javascript code to handle the various popups and temporarily saving the data until the final submit. You could use a hidden form with hidden form inputs to store everything and then just submit the form at the end. If you want to do the first one then I would suggest finding a Javascript library that will do popup windows that you like and go from there. There are plenty of lightbox libraries or things like that which would do something like that, at least the popup portion. It would be up to you to add the fields, any validation you want, and saving the data.

[dansmark]

I have an example at this link.

http://dansmark.com/Gangway/GangwayMachine.html

 

The right-side Buttons & Checkboxes have "popups" that I would like users to modify depending on the data they need.

Once they have everything changed to "their" data needs, the "OK" button would be the submit button.

 

The forms I'm using until I can figure all this out is here (I know it's crude...)

http://dansmark.com/Gangway/Gangway_user-interactive.html

But my limited knowlege is all I have to work with.

I'm hoping someone could assist...

 

Thanks,

D

[dansmark]

Also,

If anyone knows "HOW" to save the data as temporary data until a final submit, I'd be grateful for your knowlege.

[davej]

So is that a screen print image from something like Visual Basic?

 

Look at local storage...

 

http://www.w3schools.com/html/html5_webstorage.asp

[dansmark]

Local Storage looks promising!

 

This would allow the user to store each set of "pop-up's".

I don't know anything about this type of coding, but seems a likely solution if all the data can be saved to a single file and sent as an email attachment.

 

Hey Davej!

Thanks!

 

I'll play around with it and see if I can get this to work.

 

D