How to create an array of arrays at runtime

@PadonakMar 03.2014 — #something like this

<i>
 </i>&lt;!doctype html&gt;
 &lt;html&gt;
 &lt;head&gt;
 &lt;meta charset="utf-8" /&gt;
 &lt;title&gt;Title&lt;/title&gt;
 &lt;style&gt;
 body{padding-top:200px;}
 body,input{text-align:center;}
 #res{margin-top:15px;height:250px;width:300px;overflow:auto;display:inline-block;}
 &lt;/style&gt;
 &lt;script&gt;
 var mycoll={};
 
 function $(id){return document.getElementById(id);}
 
 function addline(){
 var a=arguments[0],
 b=arguments[1],
 c=Number(arguments[2]);
 if(mycoll[a]!==undefined){alert('this name already exists! pick another one');return;}
 else{
 var temp=[];
 for(var i=0; i&lt;c; i++){temp.push(b+i);}
 mycoll[a]=temp;
 showall();
 }
 }
 
 function showall(){
 var output='';
 for(var i in mycoll){output+='&lt;a href="#null" title="click me" onclick="javascript:var str=mycoll[''+i+'']+'   '+typeof mycoll[''+i+''];alert(str);"&gt;'+i+'&lt;/a&gt; =&gt; '+mycoll[i]+'&lt;br /&gt;';}
 $('res').innerHTML=output;
 }
 
 window.onload=function(){
 $('go').onclick=function(){
 var n=$('name').value||false,
 f=$('fieldname').value||false,
 h=$('howmany').value||false,
 x=/[d]{1,}/g.test(h);
 if(n&amp;&amp;f&amp;&amp;h&amp;&amp;x){addline(n,f,h);}
 else{
 $('res').innerHTML='all the fields must be &lt;span style="color:Crimson"&gt;correctly&lt;/span&gt; filled';
 if(!x){$('howmany').value='';}
 return;
 }
 }
 setTimeout(function(){$('name').focus();},1000);
 }
 &lt;/script&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;input id="name" placeholder="letters and numbers" type="text" /&gt;
 &lt;input id="fieldname" placeholder="letters and numbers" type="text" /&gt;
 &lt;input id="howmany" placeholder="only numbers" type="text" /&gt;
 &lt;input id="go" type="button" value="Add" /&gt;
 &lt;br /&gt;
 &lt;div id="res"&gt;&lt;/div&gt;
 &lt;/body&gt;
 &lt;/html&gt;

How to create an array of arrays at runtime

1 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

How to create an array of arrays at runtime

1 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

1 Comments(s) _↴

Also in #JavaScript _↴