Displaying posts categorized under


Ram JavaScript Library


Definition function styleEl(el, stylset) { for (x in stylset) { el.style[x] = stylset[x]; } return el; } Example click on the button to switch color Example Source <table id="swttbl"> <tr> <td id="swt">click on the button to switch color</td> </tr> <tr> <td> <input value="colorize" onclick="colorize()" type="button" class="button" /> </td> </tr> </table> <script> function colorize() { styleEl(GEBI(‘swt’), […]


Sorry the plugin is still under developmentCome back here later.


Definition function attrib(el, ao) { if (ao == ‘undefined’) { return; } if (isStr(ao)) { var ret = el.getAttribute(ao); if (isNull(ret)) { ret = el[ao]; } return ret; } for (prop in ao) { if (prop == ‘style’) { styleEl(el, ao[prop]); } else { el[prop] = ao[prop]; } } return el; } Example Example Source […]


Definition function CreateTable(rowcnt, colcnt, opts) { var table = CE(‘table’, opts[‘tableoptions’]); var tbody = CE(‘tbody’, opts[‘tbodyoptions’]); var tdcnt = 0; for (i = 1; i


Definition function randomColor() { var red = Math.floor(Math.random() * 255); var green = Math.floor(Math.random() * 255); var blue = Math.floor(Math.random() * 255); return ‘rgb(‘ + red + ‘,’ + green + ‘,’ + blue + ‘)’; } Example click on the button to switch color Example Source <style> #swttbl td { padding:10px; } </style> <table […]


Definition function CE(tagName, opt) { var el = document.createElement(tagName); attrib(el, opt); return el; } Example welcome to rjs, Example Source <div id="iam">welcome to rjs, </div> <script> var spn=CE(‘span’,{style:{backgroundColor:’#CCCCCC’, cursor:’pointer’}, innerHTML:"This is a dynamically created span.", onclick:function(){ alert(attrib(this,’innerHTML’)); }}); AC(spn,GEBI(‘iam’)); </script>


As a developers sometimes we have to allow users to copy plain text from webpage or show only text in element in a seperate textarea to allow him to copy. To be more clear, sometimes while developing a programming relative sites like codeworth.com, we have to display code in webpage and allow visitors to view […]

Collapsed Divs

Collapsible Div – Vertical Collapse Hai Welcome to Collapsible Div! Collapsible Div – Horizontal Collapse Hai Welcome to Collapsible Div! Collapsible Div – Collapse Both Ways Hai Welcome to Collapsible Div!


Definition function AC(el, parent) { parent.appendChild(el); } Example Example Source <style> #extable td { padding:7px 10px; } </style> <table id=’extable’><tbody> <tr><td><input type=’button’ onclick="addRecord()" value="Add new record" class="button"></input></td></tr> </tbody></table> <script> rec=0; function addRecord() { rec++; var tr=CE(‘tr’); var td=CE(‘td’,{innerHTML:’record ‘+rec, align:’left’, style:{backgroundColor:randomColor(),color:randomColor()} }); AC(td,tr); AC(tr,GEBTN(‘tbody’,GEBI(‘extable’))[0]); } </script>