Specify a javascript method in an html attribute?

Question

In a website, I'm using jquery tools.

In a lot of places, I've to do the same action:

When I click on a link, I display a popup:

This is done easily by

$(".overlayTrigger[rel]").overlay({
    mask: {
        color: '#111',
        loadSpeed: 300,
        opacity: 0.9
    },

        closeOnClick: true
    }
);

But the problem is that I would like, in each case, call a javascript method which loads some data for my popup.

I know there is a parameter of the trigger that I can set:

onLoad: function() {
   //Call the method specified in data-load-method attribute
},

And my goal is to call my custom method in the onLoad: function(){} and the method has to be specified on the <a href> through something like an attribute:

<a href="#" class="overlayTrigger" rel="#MyPopupDiv" data-load-method="LoadPopupXYZData">Click here for the popup</a>

Is there any way to do that?

You are already using data-attributes. If your a has an attribute of data-key="hello" you can use $(this).data('key') to get the "hello". See: api.jquery.com/data - Or am I missing something? — m90
– m90, Commented Apr 13, 2012 at 8:17

trickyzter · Accepted Answer · 2012-04-13 08:30:59Z

3

If i understand you correctly, you want to do something like this:

onLoad: function() {
   var method = $(this).data('load-method');
   window[method]();
},

If not, please clarify.

edited Apr 13, 2012 at 8:30

answered Apr 13, 2012 at 8:20

trickyzter

1,60113 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Joseph Over a year ago

attr() returns a string, not a function.

hamczu Over a year ago

instead of eval: window[method]()

trickyzter Over a year ago

hamczu, just found that out. :) +1

user517491 · Accepted Answer · 2012-04-13 08:18:04Z

1

<a href="#" class="overlayTrigger" rel="#MyPopupDiv" onclick="LoadPopupXYZData()">Click here for the popup</a>

answered Apr 13, 2012 at 8:18

user517491

Comments

Parv Sharma · Accepted Answer · 2012-04-13 08:18:59Z

0

use click or hover methos like this

$(".overlayTrigger[rel]").click(function(){
//inside this method u can access the element using
//$(this) and execute the overlay showing
//also u can accesss the element and its attributes using $(this)
});

answered Apr 13, 2012 at 8:18

Parv Sharma

12.7k5 gold badges52 silver badges83 bronze badges

Collectives™ on Stack Overflow

Specify a javascript method in an html attribute?

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related