javascript - Cross browser support for get and set properties -

-

my goal implement , set properties on javascript objects.

object.defineproperty seems supported in ie9+ on non dom object. want work down ie7.

__definegetter__ deprecated

there seems workarounds aka "hacks":

// super amazing, cross browser property function, based on http://thewikies.com/ function addproperty(obj, name, onget, onset) {      // wrapper functions     var         oldvalue = obj[name],         getfn = function () {             return onget.apply(obj, [oldvalue]);         },         setfn = function (newvalue) {             return oldvalue = onset.apply(obj, [newvalue]);         };      // modern browsers, ie9+, , ie8 (must dom object),     if (object.defineproperty) {          object.defineproperty(obj, name, {             get: getfn,             set: setfn         });      // older mozilla     } else if (obj.__definegetter__) {          obj.__definegetter__(name, getfn);         obj.__definesetter__(name, setfn);      // ie6-7     // must real dom object (to have attachevent) , must attached document (for onpropertychange fire)     } else {          var onpropertychange = function (e) {              if (event.propertyname == name) {                 // temporarily remove event doesn't fire again , create loop                 obj.detachevent("onpropertychange", onpropertychange);                  // changed value, run through set function                 var newvalue = setfn(obj[name]);                  // restore function                 obj[name] = getfn;                 obj[name].tostring = getfn;                  // restore event                 obj.attachevent("onpropertychange", onpropertychange);             }         };            obj[name] = getfn;         obj[name].tostring = getfn;          obj.attachevent("onpropertychange", onpropertychange);      } }  // must dom object (even if it's not real tag) attached document var myobject = document.createelement('fake'); document.body.appendchild(myobject);  // create property myobject.firstname = 'john'; myobject.lastname = 'dyer'; addproperty(myobject, 'fullname',     function() {         return this.firstname + ' ' + this.lastname;     },     function(value) {         var parts = value.split(' ');         this.firstname = parts[0];         this.lastname = (parts.length > 1) ? parts[1] : '';     });  console.log(myobject.fullname); // returns 'john dyer'

another alternative john resig

i'm not fan of code above due dom element part. there "better" options of today? of posts i've found on subject @ least 1 year old.

similar thread


Comments

Post a Comment

Popular posts from this blog

java - Run spring boot application error: Cannot instantiate interface org.springframework.context.ApplicationListener -

-
i have spring project , try make use spring boot , run @ embadded tomcat following : https://spring.io/guides/gs/rest-service/ this application //@configuration //@enableaspectjautoproxy @springbootapplication @componentscan(basepackages = "gux.prome") public class application { public static void main(string[] args) { springapplication.run(application.class, args); } } if use maven command: mvn spring-boot:run , project starts fine, need debug , run main method @ intelij, exception occurs: exception in thread "main" java.lang.illegalargumentexception: cannot instantiate interface org.springframework.context.applicationlistener : org.springframework.boot.logging.classpathloggingapplicationlistener @ org.springframework.boot.springapplication.createspringfactoriesinstances(springapplication.java:414) @ org.springframework.boot.springapplication.getspringfactoriesinstances(springapplication.java:394) @ org.springframework.bo...
Read more

reactjs - React router and this.props.children - how to pass state to this.props.children -

-
i'm using react-router first time , don't know how think in yet. here's how i'm loading components in nested routes. entry point .js reactdom.render( <router history={hashhistory} > <route path="/" component={app}> <route path="models" component={content}> </route> </router>, document.getelementbyid('app') ); app.js render: function() { return ( <div> <header /> {this.props.children} </div> ); } so child of app content component sent in. i'm using flux , app.js has state , listens changes, don't know how pass state down this.props.children. before using react-router app.js defines children explicitly, passing state natural don't see how now. using couple of react helper methods can add state, props , whatever else this.props.children render: function() { var children = react.ch...
Read more

Excel VBA "Microsoft Windows Common Controls 6.0 (SP6)" Location Changes -

-
i have excel workbook used generate quotations customers. there main page user inputs data, , there buttons generate various pdfs , send them customer. however, 1 user consistently getting error preventing generating , sending pdfs. i beleive "microsoft windows common controls 6.0 (sp6)". it's installed on users' computers. on mine, location "c:\windows\syswow64\mscomctl.ocx" on others "c:\windows\system32\mscomctl.ocx" the user experiencing issues on 32-bit machine, "mscomctl.ocx" file should in system32. have manually put in there, , pointed common controls reference in vba it. issue seems keep reverting looking in syswow64. since folder doesn't exist, can't find it, , can't produce pdfs. i thought perhaps issue user running older version of office (2007) there users on 2013 , 2016. thought perhaps mixture of 64-bit , 32-bit users. user gets sent workbook other users (as quotation process goes further, gets passed ...
Read more