OK, so if you check out my new site that I'm working on:

www.jickpictures.com/test/site/html/design.html

Go on, drag one of the three images on the top around. I figured out how to impliment the javascript on my page for a drag and drop script using script.aculo.us. My plan is to have the user drag one of those images on the dotted line box below to change to a different page. But when you drag the images onto the selection picture below it displays a javascript alert, which is not what I want. I just want it to go to a different URL. Does anyone know how to change it so it will go to a URL? This is the script when you drag one of the images onto the dotted line box:


<div align="center"><script type="text/javascript">Droppables.add('select', {onDrop:function(element,dropon){alert('w/o hoverclass, should be \'product_id\':' + encodeURIComponent(element.id) + ', dropon should be \'cart\':' + dropon.id)}})</script>

I'm pretty sure where it starts the {alert} tag thats what triggers the alert window. See the problem is, I want each image to go to a different URL. How do I go about doing this?

I have no idea, I'm afraid. That's really cool how well it implements the drag and drop, but it does seem like a slightly annoying interface. Maybe you should have small text links as well, for people who's java is disabled or messed up, or for when the novelty wears off

Really? You think it would be an annoying interface? I think it's a really cool idea. Cause the website has a kind of a cut n' paste feel to it.

You think I should make the text below it a clickable link too, or just totally get rid of it?

Because now that you said that, I'm not too sure about it anymore.

Well... to be honest it serves no conceivable purpose. It doesn't make the navigation easier, or quicker, or more obvious. It does nothing at all for the user interface EXCEPT be cool. Which is cool. So... it's your call. I'm a stickler for GUI and being as intuitive and simple as possible, so I'm being slightly anal about this.