{"id":6839,"date":"2014-03-19T05:02:20","date_gmt":"2014-03-18T18:02:20","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=6839"},"modified":"2014-03-19T05:02:20","modified_gmt":"2014-03-18T18:02:20","slug":"javascript-prototype-library-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/javascript-prototype-library-primer-tutorial\/","title":{"rendered":"Javascript Prototype Library Primer Tutorial"},"content":{"rendered":"
\"Javascript<\/a>

Javascript Prototype Library Primer Tutorial<\/p><\/div>\n

It seems like lately on this blog we’ve come face to face with cat skinning a lot, and want to confess here that we actually like cats at this blogsite … however … today we show, again, that there is often more than one way to (cat lovers please turn your heads now) “s… a c..”. Today’s skinning involves the way you write your DOM<\/a> work with Javascript. DOM stands for Document Object Model<\/a>, and allows for dynamic manipulation of your client-side webpage objects via the use of the DOM. The traditional approach to this, for me, for a long while, has been to spend a lot of code “time” using lines of code like …<\/p>\n


\nvar mydomobj = document.getElementById(\"myobjid\");
\n<\/code><\/p>\n

Today we show you an alternative set of coding notations called the Prototype (library)<\/a> style which asks for …<\/p>\n

<\/p>\n

<script src=\" http:\/\/ajax.googleapis.com\/ajax\/libs\/prototype\/1.7.1.0\/prototype.js \"><\/script><\/p>\n

<\/code><\/p>\n

… within <head> and <\/head> of the webpage HTML.<\/p>\n

Some Prototype (library) style calls can be chained together, so the DOM work can be condensed this way, and its other advantage, if you love jQuery, is that the style of coding looks a lot like jQuery<\/a> code.<\/p>\n

So click on the picture above or on this link<\/a> to bring up the identical functionality shown in two iframes with traditional and Prototype style Javascript respectively.<\/p>\n

You can start your research into Google’s Prototype (library) style Javascript here at this link<\/a>.<\/p>\n

Feel free to download HTML\/Javascript programming source code for poldtest.html<\/a> and ptest.html<\/a> for traditional and Prototype Javascript approaches, respectively.<\/p>\n

If this was interesting you may be interested in this<\/a> too.<\/p>\n