{"id":6,"date":"2010-01-23T04:38:56","date_gmt":"2010-01-23T12:38:56","guid":{"rendered":"http:\/\/patternweaver.com\/blog\/?p=4"},"modified":"2011-12-19T18:53:15","modified_gmt":"2011-12-19T18:53:15","slug":"cross-browser-svg-using-moo-raphael-xml-for-script","status":"publish","type":"post","link":"http:\/\/patternweaver.com\/blog\/2010\/01\/cross-browser-svg-using-moo-raphael-xml-for-script\/","title":{"rendered":"Cross Browser SVG Using Moo + Raphael + XML for Script"},"content":{"rendered":"

I’m used to a very easy to implement, callback oriented php SAX parser from working with PHP for so long, and I’ve found a number of instances where I found myself wanting that capability in javascript. In addition, I tend to favor Extending objects to callback passing, as you don’t end up messing with scope issues. So what I really wanted was a simple base class I could extend to build whatever I happened to be working on at the moment. So I went out searching for something like this. The only remotely suitable option I found was XML for Script 3.1<\/a> which seemed dubious if only for the amount of time since it was last touched. I did a simple test though, and it seemed to be pretty solid. Relating to my earlier fondness for php’s simple 3 function interface made me want less of what I percieved to be an archaic interface, so I set out to build a MooTools wrapper I could then extend in the way I wanted.<\/p>\n

\n
\n
\n
\n
\n \n\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
<\/td>\n \/\/ SAX constructor<\/span><\/td>\n <\/tr>\n
<\/td>\n MidasSAXEventHandler<\/span> =<\/span> function<\/span>() {<\/td>\n <\/tr>\n
<\/td>\n this<\/span>.characterData<\/span> =<\/span> "<\/span>"<\/span><\/span>;<\/td>\n <\/tr>\n
<\/td>\n }<\/td>\n <\/tr>\n
<\/td>\n \n<\/td>\n <\/tr>\n
<\/td>\n \/\/ My Non-exposed hooks (all existing hooks require fucking with char data<\/span><\/td>\n <\/tr>\n
<\/td>\n \/\/ internally, so we call cleanly out to here to make truly pluggable functions)<\/span><\/td>\n <\/tr>\n
<\/td>\n \n<\/td>\n <\/tr>\n
<\/td>\n MidasSAXEventHandler<\/span>.prototype<\/span>.startTag<\/span> =<\/span> function<\/span>(name<\/span>, attrs<\/span>){<\/td>\n <\/tr>\n
<\/td>\n }<\/td>\n <\/tr>\n
<\/td>\n \n<\/td>\n <\/tr>\n
<\/td>\n MidasSAXEventHandler<\/span>.prototype<\/span>.charData<\/span> =<\/span> function<\/span>(chars<\/span>){<\/td>\n <\/tr>\n
<\/td>\n }<\/td>\n <\/tr>\n
<\/td>\n \n<\/td>\n <\/tr>\n
<\/td>\n MidasSAXEventHandler<\/span>.prototype<\/span>.endTag<\/span> =<\/span> function<\/span>(name<\/span>){<\/td>\n <\/tr>\n
<\/td>\n }<\/td>\n <\/tr>\n
<\/td>\n \n<\/td>\n <\/tr>\n
<\/td>\n \/\/MidasSAXEventHandler Object SAX INTERFACES<\/span><\/td>\n <\/tr>\n
<\/td>\n MidasSAXEventHandler<\/span>.prototype<\/span>.characters<\/span> =<\/span> function<\/span>(data<\/span>, start<\/span>, length<\/span>) {<\/td>\n <\/tr>\n
<\/td>\n this<\/span>.characterData<\/span> +=<\/span> data.substr<\/span>(start, length);<\/td>\n <\/tr>\n
<\/td>\n }<\/td>\n <\/tr>\n
<\/td>\n \n<\/td>\n <\/tr>\n
<\/td>\n MidasSAXEventHandler<\/span>.prototype<\/span>.endDocument<\/span> =<\/span> function<\/span>() {<\/td>\n <\/tr>\n
<\/td>\n this<\/span>._handleCharacterData<\/span>();<\/td>\n <\/tr>\n
<\/td>\n \/\/place endDocument event handling code below this line<\/span><\/td>\n <\/tr>\n
<\/td>\n }<\/td>\n <\/tr>\n
<\/td>\n \n<\/td>\n <\/tr>\n
<\/td>\n MidasSAXEventHandler<\/span>.prototype<\/span>.endElement<\/span> =<\/span> function<\/span>(name<\/span>) {<\/td>\n <\/tr>\n
<\/td>\n this<\/span>._handleCharacterData<\/span>();<\/td>\n <\/tr>\n
<\/td>\n \/\/place endElement event handling code below this line<\/span><\/td>\n <\/tr>\n
<\/td>\n this<\/span>.endTag<\/span>(name);<\/td>\n <\/tr>\n
<\/td>\n }<\/td>\n <\/tr>\n
<\/td>\n \n<\/td>\n <\/tr>\n
<\/td>\n MidasSAXEventHandler<\/span>.prototype<\/span>.processingInstruction<\/span> =<\/span> function<\/span>(target<\/span>, data<\/span>) {<\/td>\n <\/tr>\n
<\/td>\n this<\/span>._handleCharacterData<\/span>();<\/td>\n <\/tr>\n
<\/td>\n \/\/place processingInstruction event handling code below this line<\/span><\/td>\n <\/tr>\n
<\/td>\n }<\/td>\n <\/tr>\n
<\/td>\n \n<\/td>\n <\/tr>\n
<\/td>\n MidasSAXEventHandler<\/span>.prototype<\/span>.setDocumentLocator<\/span> =<\/span> function<\/span>(locator<\/span>) {<\/td>\n <\/tr>\n
<\/td>\n this<\/span>._handleCharacterData<\/span>();<\/td>\n <\/tr>\n
<\/td>\n \/\/place setDocumentLocator event handling code below this line<\/span><\/td>\n <\/tr>\n
<\/td>\n }<\/td>\n <\/tr>\n
<\/td>\n \n<\/td>\n <\/tr>\n
<\/td>\n MidasSAXEventHandler<\/span>.prototype<\/span>.startElement<\/span> =<\/span> function<\/span>(name<\/span>, atts<\/span>) {<\/td>\n <\/tr>\n
<\/td>\n this<\/span>._handleCharacterData<\/span>();<\/td>\n <\/tr>\n
<\/td>\n var<\/span> attrs =<\/span> {};<\/td>\n <\/tr>\n
<\/td>\n \/\/place startElement event handling code below this line<\/span><\/td>\n <\/tr>\n
<\/td>\n for<\/span>(var<\/span> lcv =<\/span>0<\/span>; lcv <<\/span> atts.getLength<\/span>(); lcv++<\/span>){<\/td>\n <\/tr>\n
<\/td>\n attrs[atts.getName<\/span>(lcv)] =<\/span> atts.getValue<\/span>(lcv);<\/td>\n <\/tr>\n
<\/td>\n }<\/td>\n <\/tr>\n
<\/td>\n this<\/span>.startTag<\/span>(name, attrs);<\/td>\n <\/tr>\n
<\/td>\n }<\/td>\n <\/tr>\n
<\/td>\n \n<\/td>\n <\/tr>\n
<\/td>\n MidasSAXEventHandler<\/span>.prototype<\/span>.startDocument<\/span> =<\/span> function<\/span>() {<\/td>\n <\/tr>\n
<\/td>\n this<\/span>._handleCharacterData<\/span>();<\/td>\n <\/tr>\n
<\/td>\n \/\/place startDocument event handling code below this line<\/span><\/td>\n <\/tr>\n
<\/td>\n }<\/td>\n <\/tr>\n
<\/td>\n \n<\/td>\n <\/tr>\n
<\/td>\n \/\/MidasSAXEventHandler Object Lexical Handlers<\/span><\/td>\n <\/tr>\n
<\/td>\n MidasSAXEventHandler<\/span>.prototype<\/span>.comment<\/span> =<\/span> function<\/span>(data<\/span>, start<\/span>, length<\/span>) {<\/td>\n <\/tr>\n
<\/td>\n this<\/span>._handleCharacterData<\/span>();<\/td>\n <\/tr>\n
<\/td>\n \/\/place comment event handling code below this line<\/span><\/td>\n <\/tr>\n
<\/td>\n }<\/td>\n <\/tr>\n
<\/td>\n \n<\/td>\n <\/tr>\n
<\/td>\n MidasSAXEventHandler<\/span>.prototype<\/span>.endCDATA<\/span> =<\/span> function<\/span>() {<\/td>\n <\/tr>\n
<\/td>\n this<\/span>._handleCharacterData<\/span>();<\/td>\n <\/tr>\n
<\/td>\n \/\/place endCDATA event handling code below this line<\/span><\/td>\n <\/tr>\n
<\/td>\n }<\/td>\n <\/tr>\n
<\/td>\n \n<\/td>\n <\/tr>\n
<\/td>\n MidasSAXEventHandler<\/span>.prototype<\/span>.startCDATA<\/span> =<\/span> function<\/span>() {<\/td>\n <\/tr>\n
<\/td>\n this<\/span>._handleCharacterData<\/span>();<\/td>\n <\/tr>\n
<\/td>\n \/\/place startCDATA event handling code below this line<\/span><\/td>\n <\/tr>\n
<\/td>\n }<\/td>\n <\/tr>\n
<\/td>\n \n<\/td>\n <\/tr>\n
<\/td>\n \/\/ MidasSAXEventHandler Object Error Interface<\/span><\/td>\n <\/tr>\n
<\/td>\n MidasSAXEventHandler<\/span>.prototype<\/span>.error<\/span> =<\/span> function<\/span>(exception<\/span>) {<\/td>\n <\/tr>\n
<\/td>\n this<\/span>._handleCharacterData<\/span>();<\/td>\n <\/tr>\n
<\/td>\n \/\/place error event handling code below this line<\/span><\/td>\n <\/tr>\n
<\/td>\n }<\/td>\n <\/tr>\n
<\/td>\n \n<\/td>\n <\/tr>\n
<\/td>\n MidasSAXEventHandler<\/span>.prototype<\/span>.fatalError<\/span> =<\/span> function<\/span>(exception<\/span>) {<\/td>\n <\/tr>\n
<\/td>\n this<\/span>._handleCharacterData<\/span>();<\/td>\n <\/tr>\n
<\/td>\n \/\/place fatalError event handling code below this line<\/span><\/td>\n <\/tr>\n
<\/td>\n }<\/td>\n <\/tr>\n
<\/td>\n \n<\/td>\n <\/tr>\n
<\/td>\n MidasSAXEventHandler<\/span>.prototype<\/span>.warning<\/span> =<\/span> function<\/span>(exception<\/span>) {<\/td>\n <\/tr>\n
<\/td>\n this<\/span>._handleCharacterData<\/span>();<\/td>\n <\/tr>\n
<\/td>\n \/\/place warning event handling code below this line<\/span><\/td>\n <\/tr>\n
<\/td>\n }<\/td>\n <\/tr>\n
<\/td>\n \n<\/td>\n <\/tr>\n
<\/td>\n \/\/MidasSAXEventHandler Object Internal Functions<\/span><\/td>\n <\/tr>\n
<\/td>\n MidasSAXEventHandler<\/span>.prototype<\/span>._fullCharacterDataReceived<\/span> =<\/span><\/td>\n <\/tr>\n
<\/td>\n function<\/span>(fullCharacterData<\/span>){<\/td>\n <\/tr>\n
<\/td>\n \/\/place character (text) event handling code below this line<\/span><\/td>\n <\/tr>\n
<\/td>\n this<\/span>.charData<\/span>(fullCharacterData);<\/td>\n <\/tr>\n
<\/td>\n }<\/td>\n <\/tr>\n
<\/td>\n \n<\/td>\n <\/tr>\n
<\/td>\n MidasSAXEventHandler<\/span>.prototype<\/span>._handleCharacterData<\/span> =<\/span> function<\/span>() {<\/td>\n <\/tr>\n
<\/td>\n if<\/span> (this<\/span>.characterData<\/span> !=<\/span> "<\/span>"<\/span><\/span>){<\/td>\n <\/tr>\n
<\/td>\n this<\/span>._fullCharacterDataReceived<\/span>(this<\/span>.characterData<\/span>);<\/td>\n <\/tr>\n
<\/td>\n }<\/td>\n <\/tr>\n
<\/td>\n this<\/span>.characterData<\/span> =<\/span> "<\/span>"<\/span><\/span>;<\/td>\n <\/tr>\n
<\/td>\n }<\/td>\n <\/tr>\n<\/table>\n\n <\/div>\n\n <\/div>\n \n<\/div>\n\n <\/div>\n
\n view raw<\/a>\n xmlforscript_interface.js<\/a>\n hosted with ❤ by GitHub<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n

This created my interface into the existing library, and now I need a base class to extend:<\/p>\n