#1 Shopping Cart Ecommerce Solutions Home Page


   Discover The Advantages
 
 

#1 Shopping Cart
Ecommerce Solutions Home

     More Details
MasterCard Visa American Express

Header

Shopping Cart Ecommerce Solutions



Custom Mouse Over Form Buttons

You can setup your buttons with custom background colors that change when the mouse hovers over them.

Here is an example:


There are 3 things you must change on your webpage for this to work.

1.) Copy and paste the following code in between the <HEAD> and the </HEAD> tags. Change the #75CFFC the color you wish your buttons to initially display.


<style>
<!--
/*change the color name below to the color you want initially applied to the button. ie:#75CFFC*/

.initial2{font-weight:bold;background-color:#75CFFC}
//-->

</style>
<script>
<!--
function change(color){
var el=event.srcElement
if (el.tagName=="INPUT"&&el.type=="submit")
event.srcElement.style.backgroundColor=color
}
function jumpto2(url){
window.location=url
}
//-->
</script>


2.) Add the code in red to your <FORM> tag. Note: Set your MOUSEOVER and MOUSEOUT colors. See color chart here for sample colors.


<FORM onMouseover="change('#15A4C7')" onMouseout="change('#75CFFC')" ACTION="http://www.foxdigital.com/cgi-bin/tame/Your-User-Name-Here/cartview.tam?" METHOD = POST>


3.) Add the following code in red to your submit input.


<INPUT TYPE="submit" VALUE="Buy Now" class="initial2">


OVERVIEW

Here is what the final tag might look like:

<FORM onMouseover="change('#15A4C7')" onMouseout="change('#75CFFC')" ACTION="http://www.foxdigital.com/cgi-bin/tame/Your-User-Name-Here/cartview.tam?" METHOD = POST>

<INPUT TYPE="hidden" NAME="1234.item" VALUE="1234">
<INPUT TYPE="hidden" NAME="1234.price" VALUE="24.95">
<INPUT TYPE="hidden" NAME="1234.descrip" VALUE="Product Description Here.">
<INPUT TYPE="hidden" NAME="1234.weight" VALUE="1.5">
<p>

<INPUT TYPE="submit" VALUE="Buy Now" class="initial2">
</form>


Select a topic:

Payment Processing
How are my credit card orders processed?

Frontpage Shopping Cart
Easily add our shopping cart code using Microsoft FrontPage.

Secure Server
Secure Sockets Layer technology ensures all shopping cart transactions cannot be intercepted during an ecommerce transaction.

Online invoices
What do the invoices look like?

Shopping Cart Panels
Adding logos and background colors to the shopping cart panels

State Taxes
Setup and configure taxes for your state.

Cart Appearance
Customizing the colors of your shopping cart tables.

Passwords
Forget your password?

Return URL
How to return to a specific page when clicking "continue shopping" button.

Custom Buy Now Buttons
How to change the size, color, font styles. etc. of your depressable Buy Now buttons.

Mouse Over Buy Now Buttons
Setup your buttons with custom background colors that change when the mouse hovers over them.

Html Color Code Chart - Hex And RGB Values
Html Color Code Chart - Hex And RGB Values for background and table values.

Flat Rate Shipping
Setting up your Shopping Cart Ecommerce Solution to charge shipping based on a flat rate.

Display Quantity Input Textbox
Your customer can specify quantity with the buy now button on your site.



© 2003 #1 Shopping Cart Ecommerce Solutions. All rights reserved.