Executing the content of string variable as line of code in javascript?

Question

I have something like

"_onmouseover" : "this.className=this.className.replace(' hover', '')";

I'm trying to execute it like

buttonObject.onmouseover = function( ) { window [ this.someObject.__onmouseover ] () ; };

And I don't know how it is possible.

Let me tell you guys my scenario. I am creating this plugin to generate four types of dialogue messages in a jquery dialogue box. Those being 'Warning', 'Error', 'Note' and 'Confirm'. So lets say there are 4 spans in dom which should trigger these four.

<span id='DialogueWarning'> Warning </span> 
<span id='DialogueError'> Error </span> 
<span id='DialogueNote'> Note </span> 
<span id='DialogueConfirm'> Confirm </span>

Now lets hadle the click to show the dialogue

jQuery('#DialogueWarning').click(function(){

        var dialogue = new Dialogue({
            "type":"Warning",
            "message":"Are you sure you want to close this window without saving your changes?",
            "buttons":
            [
                {   
                    "text":"Close without saving", 
                    "_onmouseover": "this.className+=' hover'",
                    "_onmouseout":"this.className=this.className.replace(' hover', '')",
                    "bClass":"e_customButton"
                },

                {   
                    "text":"Don't Close",
                    "_onmouseover": "this.className+=' hover'",
                    "_onmouseout":"this.className=this.className.replace(' hover', '')",
                    "bClass":"e_customButton"
                }
            ],
            "closeOnBackgroundClick" : true
        });
    });

See the "_onmouseover" and _onmouseout thingy, I need those. Is there any way I can pass those in another way

Can you show handling of buttons in Dialogue?

Anoop
– Anoop

2012-09-20 17:24:50 +00:00
Commented Sep 20, 2012 at 17:24 — Anoop
– Anoop, Commented Sep 20, 2012 at 17:24

Eugene Naydenov · Accepted Answer · 2012-09-20 17:06:54Z

1

If you need an eval, I bet you have some problems in your application's design.
E.g. you can avoid such things:

// ...
var eventHandlers = {
    "_onmouseover" : "this.className=this.className.replace(' hover', '')"
};

// ...

eval(eventHandlers._onmouseover);

and just do it like

var eventHandlers = {
    _onmouseover: function(e) {
        this.className=this.className.replace(' hover', '');
    }
};

buttonObject.onmouseover = eventHandlers._onmouseover;

Some articles to read:

# 1
# 2
# 3

edited Sep 20, 2012 at 17:06

answered Sep 20, 2012 at 16:56

Eugene Naydenov

7,2953 gold badges28 silver badges44 bronze badges

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

Comments

dqhendricks · Accepted Answer · 2012-09-20 16:58:58Z

0

Why does it have to be a string in the first place?

If you had something like:

var someObject = {
   _onmouseover: function() {
      this.className = this.className.replace(' hover', '');
   }
}

You could execute it like:

buttonObject.onmouseover = someObject.__onmouseover;

If you need this to be the button object, you might do something like this:

buttonObject.onmouseover = function() {
   someObject.__onmouseover.call( buttonObject );
};

answered Sep 20, 2012 at 16:58

dqhendricks

19.2k11 gold badges54 silver badges88 bronze badges

8 Comments

Chris Over a year ago

I think the onclick string is coming from a JSON-encoded reply or somesuch.

dqhendricks Over a year ago

@Abody97 what leads you to believe that?

Chris Over a year ago

"_onmouseover" : "this.className=this.className.replace(' hover', '')"; looks JSON-ish.

dqhendricks Over a year ago

@Abody97 haha every object literal in javascript looks "JSONish".

dqhendricks Over a year ago

@Abody97 Yes, but perhaps only because he/she doesn't know about assigning anonymous functions to properties. Hence my suggestion.

|

Anoop · Accepted Answer · 2012-09-20 17:15:33Z

0

You can use Function . demo

buttonObject.onmouseover = Function(window [ this.someObject.__onmouseover ] );

edited Sep 20, 2012 at 17:15

answered Sep 20, 2012 at 16:58

Anoop

23.2k10 gold badges65 silver badges79 bronze badges

Collectives™ on Stack Overflow

Executing the content of string variable as line of code in javascript?

3 Answers 3

Comments

8 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related