Solved

Alternative way of calling javascript function

Posted on 2013-06-11
5
246 Views
Last Modified: 2013-06-12
I barely ever code any more but of course ever now and then I get curious. I saw this code and I'm not sure how it works? I'm curious about the data-omni variables. Obviously it is calling some function and passing an argument to it but how does it work? Where do I find the function it is calling? I've never seen a function called in this manner before?

<a href="//store2.origin.com/store/ea/en_US/buy/productID.257620200"
title="" class="btn btn-fifa"
data-omni-event='retailerClick'
data-omni-args="purchase_click_origin_xbox360">
Pre-order
</a>
0
Comment
Question by:894359
  • 3
  • 2
5 Comments
 
LVL 52

Accepted Solution

by:
Julian Hansen earned 500 total points
ID: 39240214
The link is storing meta data using the html5 user data attributes. Anything prefixed by data- is definied as user defined data.

I would imagine there is an event handler (JQuery or plain JS) bound to the click of that <a> that then picks up those attributes and does something with them

Example
$(function() {
  $('a').click(function(e) {
    e.preventDefault(); // If we don't want the normal click away from page to fire
    var event = $(this).attr('data-omni-event'); // event now contains 'retailerClick'
    var args = $(this).attr('data-omni-args'); // args now contains 'purchase_click_origin_xbox360'

   $.post('tosomeurl.php', {event: event, args: args}, function(response) {
     // do something with the response.
   });
  });
});

Open in new window

0
 

Author Comment

by:894359
ID: 39240228
anyway to figure out what this is bound to?
0
 
LVL 52

Expert Comment

by:Julian Hansen
ID: 39240353
0
 

Author Closing Comment

by:894359
ID: 39241986
Thanks a million! Much appreciated!
0
 
LVL 52

Expert Comment

by:Julian Hansen
ID: 39242088
You are welcome - thanks for the points.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This article shows how to create and access 2-dimensional arrays in JavaScript.  It includes a tutorial in case you are just trying to "get your head wrapped around" the concept and we'll also look at some useful tips for more advanced programmers. …
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

920 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now