And as an aside, I sure hope you aren't depending on the price given
in the html to be sent back to the server as the price to charge for
an item. You could end up selling a lot of $10 items for a penny
apiece when a hacker changes the values before submitting the form.
On Feb 13, 6:08 pm, RobG <rg...@iinet.net.au> wrote:
> Eric P wrote:
> > Hi,
>
> > I'm fairly new to jQuery (been using a few months now). Binding event
> > handlers to HTML objects via jQuery is awesome,
> > but I find myself struggling to find a solid (I.e., best practice) method
> > for getting numerous arguments to the event
> > handler that are pertinent to the object that triggered the event.
>
> > For example, old method:
> > <script>
> > function buy(item, color, price) { ... }
> > </script>
> > ...
> > <img src="item01.jpg /><a href="javascript:buy('123-ABC','red',9.99)>Buy
> > Me!</a><br />
>
> The data in the href is put there by your server, so why no put it in
> a real url?
>
> <img src="item01.jpg /><a href="http://....com/blah?item=123-
> ABC&color=red&price=9.99" onclick="buy(this);">Buy Me!</a><br />
>
> Now the page can be made to work easily without javascript. If you are
> creating a shopping cart, then delegate the click listener to a parent
> element that compiles the shopping list and cancels navigation (which
> is what I guess you are doing now). That way you only have one
> listener.
>
> If you add the listener dynamically, pass event and use that to find
> the element that was clicked and the data in its href.
>
> [...]
>
> > So in the jQuery method, what is the best way to make the multiple
> > arguments (that were previously in the inline HTML/JS
> > function call) available to the event handling function?
>
> Put them in the href attribute as a genuine URL, then grab them when
> the event fires. You can also use the class attribute.
>
> --
> Rob
