Displaying posts categorized under

RJSLIB

Ram JavaScript Library

Accordion

Sorry the plugin is still under developmentCome back here later.

attrib

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 […]

CreateTable

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

randomColor

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 […]

CE

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>

getText

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!

AC

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>

Calender

REM

Definition function REM(elem) { if (!isNull(elem)) { if (!isNull(elem.parentNode)) { elem.parentNode.removeChild(elem); } else { attrib(elem, { display: ‘none’ }); } } } Example Example Source <style> #extable td { padding:5px 5px; background-color:#EEEEEE; color:#999999; border:solid 1px #CCC } </style> <table id=’extable’> <tbody> <tr> <td colspan=2> <input type=’button’ onclick="addRecord()" value="Add new record" class="button"></input> </td> </tr> </tbody> </table> […]