function within a jQuery plugin

Question

I have written a plugin that allows a user to select table cells:

I have the main functionality complete, however, I have a problem. I need to be able to able to pass the selected function as a plugin option. You'll see where I've commented in the fiddle.

The problem is, the function is only supposed to execute when mouseDown = 1, but it executes on mousemove

any help appreciated :)

Right, so what's the problem? selected shouldn't be in quotes btw. — Richard Dalton
– Richard Dalton, Commented Nov 28, 2011 at 14:54
@RichardD The problem is, the function is only supposed to execute when mouseDown = 1, but it executes on mousemove — Lee Price
– Lee Price, Commented Nov 28, 2011 at 15:03

Syscall · Accepted Answer · 2021-04-18 06:36:38Z

1

Use initialization:

$('table').cellSelect({selected: function() { 
                                    alert('selected'); }
                              });

And call your handler:

// Needs to execute here
if (options.selected)
    options.selected();
}

Code: https://jsfiddle.net/Neftr/6/

edited Apr 18, 2021 at 6:36

Syscall

19.8k10 gold badges44 silver badges60 bronze badges

answered Nov 28, 2011 at 14:56

Samich

30.4k6 gold badges70 silver badges80 bronze badges

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

6 Comments

Lee Price Over a year ago

the problem is, the function is only supposed to execute on when mouseDown = 1, but it executes on mousemove

Samich Over a year ago

It's because you've added handler directly to mousemove: }).mousemove(options.selected).click(function() {. Try this one: jsfiddle.net/Neftr/9

Samich Over a year ago

And this one fires a little bit less events: jsfiddle.net/Neftr/11. But you still need to debug it.

Lee Price Over a year ago

getting there :) but what if I want the function to something like this $(this).text('selected') so the text of the selected table cell will change. Is this possible?

Samich Over a year ago

Yes, just pass as a param this when you calling function, and you will be able to get element on which onmousemove event triggered.

|

Manuel van Rijn · Accepted Answer · 2011-11-28 14:54:43Z

0

change you options to

selected: function() {

}

so when calling the plugin you can do

$('table').cellSelect({
    selected:function() {
        alert('b');
    }
});

answered Nov 28, 2011 at 14:54

Manuel van Rijn

10.3k1 gold badge33 silver badges54 bronze badges

Comments

Syscall · Accepted Answer · 2021-04-18 06:36:44Z

0

Here you go: https://jsfiddle.net/maniator/Neftr/3/

Just use options.selected

edited Apr 18, 2021 at 6:36

Syscall

19.8k10 gold badges44 silver badges60 bronze badges

answered Nov 28, 2011 at 14:56

Naftali

147k41 gold badges247 silver badges304 bronze badges

2 Comments

Lee Price Over a year ago

the problem is, the function is only supposed to execute on when mouseDown = 1, but it executes on mousemove

Lee Price Over a year ago

yes, but it's also inside the if(mouseDown === 1) statement

Syscall · Accepted Answer · 2021-04-18 06:36:55Z

0

I've updated your fiddle here

Pertinent changes:

In the intialisation you pass the anonymous function:

$(function() {
    $('table').cellSelect({ selected: function() { alert("foo"); }});
});

Then when required, run the function assigned to the options.selected parameter:

if (mouseDown === 1) {
    if (shiftDown === 1) {
        $(this).removeClass('selected');
    } else {
        $(this).addClass('selected');
        options.selected; // run passed anonymous function, or default specified one.
    }
}

edited Apr 18, 2021 at 6:36

Syscall

19.8k10 gold badges44 silver badges60 bronze badges

answered Nov 28, 2011 at 14:55

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

1 Comment

Lee Price Over a year ago

but the problem is, the function is only supposed to execute on when mouseDown = 1, but it executes on mousemove

Collectives™ on Stack Overflow

function within a jQuery plugin

4 Answers 4

6 Comments

Comments

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

6 Comments

Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related