JavaScript - Shopping Cart With Dom

Hi Guys,

I am trying to get the Fat-Free shopping cart woking with a flash file.

I have tried

[CODE]
on (rollOver) {
_parent.gotoAndPlay("s1");
}
on (releaseOutside, rollOut) {
_parent.gotoAndPlay("s2");
}
on (release)
{getURL("https://www.e-junkie.com/ecom/fgb.php?c=cart&cl=1&ejc=2&merchant_id=your_google_merchant_id&business=website.com" target="ej_ejc" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this));"}[CODE]

The compiler tells me that a ')' or ',' is expected.

Any help appreciated. I am a newbie.

Thanks
PeterW

hello

recently i finally managed to make a working shopping cart system, in that i can add as many items as i want and it will work, all using cookies.

Then i have another page, the cart which reads the cookie entry made with each demo purchase, then using a while loop lists these items, the problem i am having, is that when i add the textbox which would hold the value of the quantity, it is put out on the next line down, instead of next to the text which i find quite annoying.
Also i would like to know how i can add a button next to the textbox, for updating the quantity, also ide like to know how i could access that button, or have it do something, since it wouldnt be prewritten.

any help would be greatly apreciated.
here is a zip file containing the html files of the customizable purchase page, and the new shopping cart. be sure to refresh the page before trying to use the first page, so it establishes the counter cookie.

Hi All! Thanks in advance to any and all who help me.

What we are trying to do is have a form where customers can use a conditional logic based form that upon submission will redirect to checkout with an appropriate product bundle being populated in the shopping cart. I have some experience with creating forms, in fact I have made a decent form that I have modified from an online form builder... the problem is I have no idea how to auto-fill the shopping cart... period.

From what I have read in my research this should be a function of Javascript. I have a decent working knowledge of php, and html, but I am pretty clueless when it comes to Javascript, if anyone could point me in the right direction for this project I would really appreciate it.

I've been given this ridiculous assignment where I have to create a shopping web page. I really need help finding the javascript codes that will allow the user to update their total as they enter the quantities of the different products in the assigned text boxes.
I don't even know where to start because we were never taught how to do this in class!

I am looking for help to develop a java code for my e-commerce site mini cart.

I have looked locally (kijiji) and on Coding Forums market place and haven't received a great response. Either the person had other projects they were working on or they were trying to "sell" me more than what I was asking for (ie web and graphic design).

I have a mini cart on my site that I would like to have a few specific features. I am hoping someone in this forum can help me out (as I have received wonderful help before!!)

I need a javascript code/feature that will:

- highlight the most recent item that has been added to slide down mini cart window
- refresh the mini cart div content to update item count and price.
On the site I am hosted on there is a built in feature to show how many items are in the cart and total price, but I don't know how to get it to update successfully
- when slide down mini cart window refreshes it should'nt scroll to the top (if there is a scrollbar) ie: looking to implement a javascript: void (0) if possible
- have the slide down minicart window appear for 5-10 seconds then automatically slide back up.
(the visitor can also have the option to close the window before the 5 seconds)

I would really appreciate any help with this. I find javascript hard and I have tried to learn it, but unfortunately I can't seem to grasp it .

I need help in creating a multiple value cookie when the user clicks the Add to cart input button. Here is the portion of code from the html page that creates the inventory item display and the Add to cart button. There are six of these on the page:

Code:

<div id="inventoryspread">

       <div class='productBoxInvUL'>
        <script type:"text/javascript">
		document.write("<img src="+"'"+"images/"+arrImage[0]+"'"+"align='left'/>"+
					   "<p><br/><span class='invName'>"+arrName[0]+"</span></p>"+
          				"<p>"+arrDescription[0]+"</p>"+
		  				"<p>Item#&nbsp;"+arrItem[0]+"<br/>"+
						"<span class='invPrice'>"+arrPrice[0]+"</p>");
		</script>
        <input type="button" value="Add to Cart" onclick='createCookie("name, value, 7", prompt("cookie created"))' />
        </div>

And here is a portion of the array that fills it:

Code:

var arrItem = new Array();
var arrName = new Array();
var arrDescription = new Array();
var arrPrice = new Array();
var arrImage = new Array();


arrItem[0]= "FE100";
arrName[0]= "Blacktop Jazzmaster";
arrDescription[0]= "Monster dual-bucker tone. Vintage style alnico humbucking pickup, single coil, skirted black amp knobs, and 3-way toggle switch. Alder body, Maple neck, Rosewood fretboard, 21 medium jumbo frets, gloss urethane finish and nickel/chrome hardware.";
arrPrice[0]= "$699.00";
arrImage[0]= "FE100.png";

arrItem[1]= "FE200";
arrName[1]= "Roland-Ready Stratocaster";
arrDescription[1]= "Time-tested Fender tone, timeless styling, 3 single-coil pickups, synchronized tremolo, high-mass bridge block, shielded body cavities and medium jumbo frets. Built-in Roland GK-2A pickup system, tinted neck, parchment pickguard and control knobs, and a '70s-style logo.";
arrPrice[1]= "$1,019.00";
arrImage[1]= "FE200.png";

arrItem[2]= "FA100";
arrName[2]= "CD220SCE Exotics ";
arrDescription[2]= "Exotic and beautiful with rich tone, laminated burl ash back and sides, with a solid spruce top. Fender-designed dreadnought body, X-bracing, and die-cast tuners. Cutaway body design with  rosewood bridge featuring a compensated bone nut";
arrPrice[2]= "$629.00";
arrImage[2]= "FA100.png";

arrItem[3]= "FA200";
arrName[3]= "Dick Dale Mailbu SCE";
arrDescription[3]= "Thin folk body design, laminated spruce top, laminated mahogany back and sides, scalloped X-bracing providing well balanced tone. Maple neck, rosewood compensated bridge and fretboard, vintage-style Fender tuners, and a surfin' red paint job on the top and back";
arrPrice[3]= "$849.00";
arrImage[3]= "FA200.png";

arrItem[4]= "FB100";
arrName[4]= "Standard Precision Bass";
arrDescription[4]= "Sound, look, and feel today's bass players demand. Classic P-Bass old-school design. Contemporary features and refinements. Alder body and a split single-coil pickup, this classic electric bass guitar lives up to its Fender legacy."; 
arrPrice[4]= "$579.00";
arrImage[4]= "FB100.png";

arrItem[5]= "FB200";
arrName[5]= "Roger Waters Signature Precision Bass";
arrDescription[5]= "Tastefully tailored, black-on-black color scheme, Seymour Duncan Basslines SPB-3 Quarter-Pound split-coil Precision Bass pickup, knurled black control knobs, brass nut, black bridge and strap buttons, vintage '70s-style open-gear chrome tuners."; 
arrPrice[5]= "$1,199.00";
arrImage[5]= "FB200.png";

arrItem[6]= "GE100";
arrName[6]= "Firebird X Limited Edition";
arrDescription[6]= "Turbo-charged Pure-Analog engine. Hand-applied and unique high-end wood finish. Beautiful, historical and yet contemporary and unique. Limited run of just 1,800 units. It is sure to become a collector classic.";
arrPrice[6]= "$5,569.00";
arrImage[6]= "GE100.png";

The cookie only needs to include the Item#, Name and Price of each item to populate a shopping cart page.

This is only a small student project and is client side only using javascript. Thank you for any help we can get on this.

Good morning! Hopefully somebody can help me with this javascript question. (No knowledge of Google Anayltics needed for this.) I'm adding Google Analytics 'Event Tracking' javascript to a typical 'Add to Cart' button. The customer enters desired quantity in the text box and clicks the 'Add to Cart' button to order. I would like to use the Event Tracking javascript to record the button click - plus the Value entered in the text box - as one event. Here's the code for the form (the text box and 'Add to Cart' button code lines are bold):

Code:

<form method="post" action="http://www.yoursite.com/mm5/merchant.mvc?">
<input type="hidden" name="Screen" value="BASK" />
<input type="hidden" name="Product_Code" value="yourproductcode" />
<input type="hidden" name="Action" value="ADPR" />
<label for="quantity">Quantity:</label>
<input type="text" name="quantity" value="0" />
<input type="submit" value="Add To Cart" />
</form>

I came up with this javascript for the Event Tracking (to be inserted somewhere above):

Code:

onClick="_gaq.push(['_trackEvent', 'OrderForms', 'AddToCart', 'yourproductcode', document.getElementByName('quantity').value]);"

I'm wondering where I would enter this javacript code inside the form code to pick up both the button click - plus the quantity? You'll notice that I'm using 'getElementByName' to extract 'quantity' from the text box and record its 'value'. If I enter this javascript on the 'Add to Cart' line - right after "Add to Cart", would 'quantity' still get picked up upon button-click - since it's all on the same form? Or would it be a problem because 'quantity' is contained in a different <input> container?

Thanks! Any help is greatly appreciated.
IB

Hello All,

So, I have a website with a floating cart and it loads fine and works almost flawlessly lol. However, when a person has a bunch of items in their cart, and they want to minimize it for the rest of their browsing experience, every time a new page loads, or a refresh happens, the floating cart un-minimizes and expands out fully again displaying all the items.

This can become very annoying during the shopping experience when you have a bunch of items loading and just taking up space in the browser. Therefore, I am wondering if their is some html or script that would save the minimizing in the floating cart, and carry it over to the next page, and the rest of the browsing on site?

Thank you for any suggestions/help. I am new to HTML and script writing, but I am eager to learn. Hopefully in the future, I won't be paying for little changes like this every time I need one.

Right now this javascript shopping cart works to 1. charge shipping based on the item, 2. the destination country, 3. it combines shipping for a quantity over 1 of the SAME item.

Each item has 2 different possible shipping charges. I am trying to get the javascript to check the shopping cart to see what item in the cart has the highest possible shipping charge, charge that amount to that item, and charge the lowest possible shipping charge on all other items in the cart. If item A is purchased alone shipping is $5.00. If purchased with item B, which costs $10.00 to ship alone, the $10.00 is charged for item B and only $3.00 for item A. Because item B had the higher shipping charge at a quantity of one.

I have tried adding various things like me.items[current], item.shipping, me.shipping, this.shipping, shipping_Cost, and other things next to the second && in the part of the script that shows the country. I have also tried adding && if (me.whatever) and && if (item.whatever) and similar things at the beginning of the script next to if (this.country). I have found the parts of the script that pertain to cart items and to updating the shopping cart. Now I am stuck.

The javascript is in 2 parts. One part goes in the item page, which I will post first. The second part goes in an external javascript file which I will post at the bottom. In between there is the part that shows the shopping cart. It isn't part of the javascript.

Code:

<script type="text/javascript" src="simpleCart.js"></script>
<script type="text/javascript">
<!--  
simpleCart.checkoutTo = PayPal;
simpleCart.email = "my Paypal email address";
simpleCart.cartHeaders = ["Name" , "Price" , "Quantity" , "remove" ];

CartItem.prototype.shipping=function(){
// we are using a 'country' field to calculate the shipping,
// so we first make sure the item has a country

if(this.country){

if( this.country == 'United States' && this.quantity == '1'){
return this.quantity*5.00;

} else if( this.country == 'United States' && this.quantity >= '2') {
return this.quantity*3.00;

} else if( this.country == 'Belgium' && this.quantity == '1') {
return this.quantity*12.00;

} else if( this.country == 'Belgium' && this.quantity >= '2') {
return this.quantity*9.00;

else {
return this.quantity*0.00;
}
} else {
// use a default of $0.00 per item if there is no 'country' field
return this.quantity*0.00;
}
}
// --></script>

Code:

<div style="display:block;"></div>
<div>SHOPPING CART</div>
<div class="cartHeaders"></div><br><br><br>
<div class="simpleCart_items"></div>
<div id="totals">
Item Total: <span class="simpleCart_total"></span><br>Shipping Total: <span class="simpleCart_shippingCost"></span><br>Tax: <span class="simpleCart_taxCost"></span><br>Final Total: <span class="simpleCart_finalTotal"></span>
</div>
<br><br><br><br>
<br><br>
<a href="javascript:;" class="simpleCart_empty">Empty Shopping Cart</a><br><br>
&nbsp;&nbsp;
<a href="javascript:;" class="simpleCart_checkout">Checkout Through Paypal</a>
</div></div>

separate javascript file is here http://simplecartjs.com/documentation.html

I am trying to combine shipping across different items in a javascript shopping cart. I can comine shipping based on how many items are in the cart, and characteristics of the item being added. But not both. I need the script to combine shipping based on how many items are in the cart, as well as the item name of the item being added to the cart.

I assume I need to check the cart quantity in 1 function, then have it call 1 of 2 other functions based on how many items are in the cart. The 2nd function would charge the shipping based on the item name. I don't know if the code is wrong, and where I should put the 2 additional functions I am adding. It isn't working though.

I am adding 2 ways I have tried below.

Code:

me.shipping = function(){

  switch(me.quantity){
    case '0':
      return 0;
    break;    
    case '1':
      return oneItemInCart();
    break;
    default: otherNumber;
      return moreThanOneItemInCart();
    break; 
}

function oneItemInCart();
{
if(item.name)
{
if(item.name.match = "Cricut Cartridge")
return 4.39
else if(item.name.match = "Glitter")
return 5.00
else
return quantity*0.00;
}
}

function moreThanOneItemInCart();
{
if(item.name)
{
if(item.name.match = "Cricut Cartridge")
return item.quantity*3.00-3.00+4.39
if(item.name.match = "Glitter")
return item.quantity*4.00-4.00+5.00
else
return quantity*0.00;
}
}

Code:

	me.shipping = function(){
		if( parseInt(me.quantity,10)===0 )
			return 0;
else if( parseInt(me.quantity,10)===1)
			return oneItemInCart();
else if( parseInt(me.quantity,10) > 1)
			return moreThanOneItemInCart();
else
return quantity*0.00;

function oneItemInCart();
{
if(item.name)
{
if(item.name.match = "Cricut Cartridge")
return 4.39
else if(item.name.match = "Glitter")
return 5.00
else
return quantity*0.00;
}
}

function moreThanOneItemInCart();
{
if(item.name)
{
if(item.name.match = "Cricut Cartridge")
return item.quantity*3.00-3.00+4.39
if(item.name.match = "Glitter")
return item.quantity*4.00-4.00+5.00
else
return quantity*0.00;
}
}

Here is the original document - the part I edited is the me.shipping part
http://simplecartjs.com/

The title says it all really.

An example of the cufon breaking is when I add a product to my cart,

example here http://joemeetsjoy.com/products

When you click buy now then click ok on the pop up box the cufon breaks.

It also happens if you go the the shopping cart and choose a shipping option.

Any ideas why this happens.

Thanks

Hello all,

I want to sell online private lessons using Skype.
I'd like to display on my front page a schedule with my available time-slots so that the customer may click a time-slot and be sent to the product/lesson detail view to complete the purchase.

1. Would it be possible for a JQuery calendar/schedule plugin to know that the customer has completed the purchase and therefore make it impossible for another user to purchase the same time-slot (by changing it's appearance and making it unclickable for example)?
2. Can a JQuery plugin be adapted to that use?
3. Would it be very complex to do for a developer?

Thanks for your advice