I actually figured it out, and I feel stupid.

With the calls you are supposed to put a function:

$(document).ready(function(){font_set_onchange('/cards4kids/','themes/cards4kids')});

I was doing this:

$(document).ready(font_set_onchange('/cards4kids/','themes/cards4kids'));

For some reason it was sort of working, so I didn't try to fix it, but after a day or so away from it, I went back, and noticed that maybe that was wrong.

I can post how I ended up getting it to work if you like. Basically I just created a new template for the type of product I wanted this to work for, and added some drupal_add_js lines to it to include my javascript file.

I add an change event to the attributes dropdown, and in that function I get the value of the dropdown, and I've created a folder of gif images with the different fonts and named them the same as their id. So if the value I get back is 4, I've named the image for that font 4.gif. Then I just include an image after the select box that is $(dropdownvalue).gif.

I don't know if that made any sense, but I will have the website up soon and can point you to that, or I can post the actual code here if you like.

Cheers,
Steph

Actually, I do that too. I change the price based on the quantity entered. Somehow I just have to get that to work on checkout as well. I will post both updating the font and updating the price based on quantity tonight. Though the solution isn't a general solution. Eventually I can maybe start adding these ideas into a module or something but for this website I've just added in these hacks to make it work for me. I'm happy to share them so other people can add them in, but you probably have to do a bit of hacking to get it to work for you.

Anyway, I'll post them tonight when I get home.

Ok, so I'll go through my steps, at least so far. I copied the node.tpl file into one called node-personalised_cards.tpl.php because my class for my product was personalised_cards. Then at the top of that I've added these lines:

Basically that adds my javascript file and then adds my function call to when the page loads. Then I have the attached javascript file. I'm not pasting it in because part of it is long. In that I have both the image change, and the price change when the quantity changes. The quantity one is the longest, so I'll just copy and paste there the parts that is just for the image change for the font:

Anyway, have a look through that, and if there are any questions, let me know. The quantity stuff is pretty neat, because I had to put it on a timeout so that if someone is entering in several keystrokes, it only picks up once they pause. I also plan to put in that once it gets above a certain amount, they can't add it to the cart. For this site, once they want above 5000 cards, it is a special order, so they'll have to call up. We don't expect it to happen that often...haha.

Cheers,
Steph

Yes, most definitely. At the point where I posted that stuff, it actually only worked before adding to the cart. Now I want to make it actually work instead of just the javascript showy part.

With the crash, I'm having a hard time trying to find out exactly what hook, etc I would have to add into a temporary module to make this work.

I've figured out the hook_cart_item, so I change the price of the item based on the quantity so now it works all throughout the checkout process. Now I just have to use the hook_add_to_cart to make sure things don't get added when there are over 5000. I can't quite find documentation on that hook, but hopefully I'll find enough to be able to get it to work.

Oh, and of course making the whole thing generic is actually the difficult part. I am definitely cheating big time.

I tried to make my own "personalised.js" and a function price_set_onchange - but unfortunaly it doesn't work.

I'm having some troubles:

I show all products in a /taxonimy/term list but the scipt above (as I see it) is only handling one node/product - since the change(function() will work on all $("#edit-attributes-1") on the list/page.

And using $('div.display_price').empty(); $('div.display_price').append(price); gives me the same problem.

I guess somehow we'll have to make them hold the node-id as well? (how?)

In my case - even using the above on a single node doesn't work! It updates the price when the document has loaded but not when changing the attribute.
I'm sure I must have left something important out??

Any help is very helpfull and will be gladly received. Thanks.