How to place hidden button on top of paypal button image?

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
premecorp
Forum Newbie
Posts: 15
Joined: Fri Nov 04, 2011 9:12 am

How to place hidden button on top of paypal button image?

Post by premecorp »

Hello friend,

I have a scenario where we have a html form with paypal button, when i click this button i need three different things like...
1. it will check the client side validation with javascript.
2. whatever I will fill in the form all data we should get through emails.
3. if all the the input values are valid then it open paypal page.

All that things are not working with default paypal button so thought i place a hidden button on top of paypal button and do all the things, but my problem is how to place html hidden button on top of paypal button. I any one have any idea regarding this please help me......
Richardw
Forum Newbie
Posts: 2
Joined: Fri Nov 04, 2011 10:04 am

Re: How to place hidden button on top of paypal button image

Post by Richardw »

This shouldn't be in PHP code as it's to do with HTML/CSS, but anyway...

Actually I was going to suggest using opacity:0 and absolute positioning to place a button over the image, but what you should be doing is using javascript (personal preference jQuery). You need to attach onclick events to the PayPal image. If the correct conditions are met/emails sent (with ajax), then you can submit the form using jQuery too.
premecorp
Forum Newbie
Posts: 15
Joined: Fri Nov 04, 2011 9:12 am

Re: How to place hidden button on top of paypal button image

Post by premecorp »

Thanks for responding, but could you explain how to place html button in exact location on top of paypal button...
tech0925
Forum Commoner
Posts: 47
Joined: Wed Nov 09, 2011 2:46 pm

Re: How to place hidden button on top of paypal button image

Post by tech0925 »

If you want to place a button on top of each other than you can simply use the absolute rule. :)

http://www.w3schools.com/cssref/pr_class_position.asp
Post Reply