Click here to Skip to main content
11,720,321 members (78,612 online)

JavaScript

 
GeneralRe: So I rewrote the program from scratch, works pretty good now, feel free to build on it Pin
Richard MacCutchan19-Dec-12 23:15
mvpRichard MacCutchan19-Dec-12 23:15 
GeneralRe: So I rewrote the program from scratch, works pretty good now, feel free to build on it Pin
jkirkerx20-Dec-12 6:18
memberjkirkerx20-Dec-12 6:18 
GeneralRe: So I rewrote the program from scratch, works pretty good now, feel free to build on it Pin
Richard MacCutchan20-Dec-12 6:39
mvpRichard MacCutchan20-Dec-12 6:39 
QuestionJava Script Pin
manoj s sherje14-Dec-12 1:05
membermanoj s sherje14-Dec-12 1:05 
QuestionRe: Java Script Pin
ProgramFOX14-Dec-12 1:33
memberProgramFOX14-Dec-12 1:33 
QuestionRe: Java Script Pin
ryanb3118-Dec-12 5:06
memberryanb3118-Dec-12 5:06 
AnswerRe: Java Script Pin
manoj s sherje19-Dec-12 1:01
membermanoj s sherje19-Dec-12 1:01 
AnswerRe: Java Script Pin
ryanb3119-Dec-12 1:37
memberryanb3119-Dec-12 1:37 
AnswerRe: Java Script Pin
vbmike19-Dec-12 4:28
membervbmike19-Dec-12 4:28 
QuestionUsing datePicker to disable dates already selected Pin
xnaLearner11-Dec-12 3:39
memberxnaLearner11-Dec-12 3:39 
Questionjquery tabslideout plugin and wired behavior Pin
Tridip Bhattacharjee9-Dec-12 21:13
memberTridip Bhattacharjee9-Dec-12 21:13 
AnswerRe: jquery tabslideout plugin and wired behavior Pin
Mayor Daily17-Dec-12 4:22
memberMayor Daily17-Dec-12 4:22 
GeneralRe: jquery tabslideout plugin and wired behavior Pin
Tridip Bhattacharjee18-Dec-12 0:55
memberTridip Bhattacharjee18-Dec-12 0:55 
QuestionNeed help understanding binding Pin
Steve Bondy7-Dec-12 14:00
memberSteve Bondy7-Dec-12 14:00 
Hi all,

I'm an old C++ programer who has dabbled in web coding and javascript over the years. Lately I've been trying to get a handle on the mooTools framework for javascript. I'm having a bit of trouble understanding how javascript handles binding, or it may be a mootools binding thing, I'm not sure. Any insight is appreciated.

The following code works:
var myMenu = new Class({
 
    initialize: function(elements, options){
    <!-- <snip>  -->
    // Add mouseenter and mouseleave events to each of the menu elements
        this.elements.each(
        function(el,i){
                var obj = this;
                el.addEvent('mouseenter', function(evnt){
                   obj.menuOpen(i);
                });
                el.addEvent('mouseleave', function(evnt){
                   obj.menuOpen(null);
                });
            }.bind(this) // end of function(el,i)
    );  // end of this.elements.each

    }, // End of initialize function
  menuOpen(evnt, i) {
     .... do menu stuff ....
  }
  <!-- <snip>  -->
});

The anonymous function coded in-line with the call to addEvent works properly and my menu items open and close as expected. What I tried, because it looks better to my C++ trained eyes, and to see if I understood things correctly was this:

var myMenu = new Class({
 
    initialize: function(elements, options){
    <!-- <snip>  -->
 
    mouseEnter: function(evnt, i){
                   this.menuOpen(evnt, i);
                },
    mouseLeave: function(evnt){
                   this.menuOpen(null);
                },
 
    // Add mouseenter and mouseleave events to each of the menu elements
    this.elements.each(
            function(evnt,i){
                var obj = this;
                el.addEvent('mouseenter', obj.mouseEnter(evnt, i));
                el.addEvent('mouseleave', obj.mouseLeave(evnt, i));
            }.bind(this) // end of function(el,i)
    );  // end of this.elements.each

  }, // End of initialize function

  menuOpen(evnt, i) {
     .... do menu stuff ....
  }
  <!-- <snip>  -->
});

This does not work (nothing happens), yet to me it looks like it should. I'm pretty sure it has to do with binding the functions to the proper object in the addEvent calls (or something) but none of the things I've tried have worked.

If you can give some clues to help me understand what's going wrong here I'd appreciate it.

Thanks,

Steve
QuestionText replace Pin
rakeshs3126-Dec-12 23:06
memberrakeshs3126-Dec-12 23:06 
AnswerRe: Text replace Pin
Richard MacCutchan7-Dec-12 0:43
mvpRichard MacCutchan7-Dec-12 0:43 
GeneralRe: Text replace Pin
rakeshs3129-Dec-12 5:40
memberrakeshs3129-Dec-12 5:40 
QuestionJQuery datePicker SelectMultiple format dd/mm/yy Pin
xnaLearner6-Dec-12 0:37
memberxnaLearner6-Dec-12 0:37 
AnswerRe: JQuery datePicker SelectMultiple format dd/mm/yy Pin
srinivas nv6-Dec-12 21:50
membersrinivas nv6-Dec-12 21:50 
GeneralRe: JQuery datePicker SelectMultiple format dd/mm/yy Pin
xnaLearner10-Dec-12 0:04
memberxnaLearner10-Dec-12 0:04 
QuestionDelete selected rows by table id using javascript Pin
Member 88023075-Dec-12 8:05
memberMember 88023075-Dec-12 8:05 
AnswerRe: Delete selected rows by table id using javascript Pin
Deepak Kr15-Dec-12 18:45
memberDeepak Kr15-Dec-12 18:45 
GeneralRe: Delete selected rows by table id using javascript Pin
Member 88023076-Dec-12 6:20
memberMember 88023076-Dec-12 6:20 
AnswerRe: Delete selected rows by table id using javascript Pin
Graham Breach6-Dec-12 21:41
memberGraham Breach6-Dec-12 21:41 
QuestionHTML5 Javascript Issue Pin
John Simmons / outlaw programmer3-Dec-12 1:09
mvpJohn Simmons / outlaw programmer3-Dec-12 1:09 
AnswerRe: HTML5 Javascript Issue Pin
Graham Breach3-Dec-12 5:00
memberGraham Breach3-Dec-12 5:00 
GeneralRe: HTML5 Javascript Issue Pin
John Simmons / outlaw programmer3-Dec-12 5:22
mvpJohn Simmons / outlaw programmer3-Dec-12 5:22 
GeneralRe: HTML5 Javascript Issue Pin
Graham Breach3-Dec-12 6:29
memberGraham Breach3-Dec-12 6:29 
GeneralRe: HTML5 Javascript Issue Pin
John Simmons / outlaw programmer3-Dec-12 6:40
mvpJohn Simmons / outlaw programmer3-Dec-12 6:40 
GeneralRe: HTML5 Javascript Issue Pin
Graham Breach3-Dec-12 6:48
memberGraham Breach3-Dec-12 6:48 
GeneralRe: HTML5 Javascript Issue Pin
John Simmons / outlaw programmer3-Dec-12 9:09
mvpJohn Simmons / outlaw programmer3-Dec-12 9:09 
GeneralRe: HTML5 Javascript Issue Pin
Graham Breach3-Dec-12 11:02
memberGraham Breach3-Dec-12 11:02 
GeneralRe: HTML5 Javascript Issue Pin
John Simmons / outlaw programmer3-Dec-12 15:20
mvpJohn Simmons / outlaw programmer3-Dec-12 15:20 
GeneralRe: HTML5 Javascript Issue Pin
Media2r18-Dec-12 0:51
memberMedia2r18-Dec-12 0:51 
GeneralRe: HTML5 Javascript Issue Pin
BrainiacV18-Dec-12 3:46
memberBrainiacV18-Dec-12 3:46 
GeneralRe: HTML5 Javascript Issue Pin
John Simmons / outlaw programmer3-Dec-12 5:29
mvpJohn Simmons / outlaw programmer3-Dec-12 5:29 
GeneralRe: HTML5 Javascript Issue Pin
John Simmons / outlaw programmer4-Dec-12 1:06
mvpJohn Simmons / outlaw programmer4-Dec-12 1:06 
GeneralRe: HTML5 Javascript Issue Pin
John Simmons / outlaw programmer4-Dec-12 7:31
mvpJohn Simmons / outlaw programmer4-Dec-12 7:31 
GeneralRe: HTML5 Javascript Issue Pin
Zaf Khan19-Dec-12 20:36
memberZaf Khan19-Dec-12 20:36 
AnswerRe: HTML5 Javascript Issue Pin
Zaf Khan19-Dec-12 20:42
memberZaf Khan19-Dec-12 20:42 
QuestionCatching Exceptions in Javascript Pin
Ved Yo29-Nov-12 14:43
memberVed Yo29-Nov-12 14:43 
QuestionPartial Overlay to cover ajax request Pin
Sentenryu29-Nov-12 1:51
memberSentenryu29-Nov-12 1:51 
QuestionHow to get value from TD Pin
Chitttapa26-Nov-12 10:03
memberChitttapa26-Nov-12 10:03 
Questionhelp me please Pin
doa'a_9224-Nov-12 4:16
memberdoa'a_9224-Nov-12 4:16 
AnswerRe: help me please Pin
Leon Munir25-Nov-12 13:46
memberLeon Munir25-Nov-12 13:46 
GeneralRe: help me please Pin
J4amieC25-Nov-12 21:13
memberJ4amieC25-Nov-12 21:13 
GeneralRe: help me please Pin
Leon Munir26-Nov-12 2:06
memberLeon Munir26-Nov-12 2:06 
GeneralRe: help me please Pin
J4amieC26-Nov-12 5:30
memberJ4amieC26-Nov-12 5:30 
GeneralRe: help me please Pin
Marcus Kramer26-Nov-12 5:37
memberMarcus Kramer26-Nov-12 5:37 
GeneralRe: help me please Pin
doa'a_9226-Nov-12 9:28
memberdoa'a_9226-Nov-12 9:28 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.


Advertise | Privacy | Mobile
Web01 | 2.8.150901.1 | Last Updated 4 Sep 2015
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid