|
|
@@ -0,0 +1,148 @@
|
|
|
+//objectToPairs
|
|
|
+
|
|
|
+function objectToPairs(obj)
|
|
|
+{
|
|
|
+ var arr=[];
|
|
|
+ for(var key in obj)
|
|
|
+ {
|
|
|
+ arr.push(key);
|
|
|
+ arr.push(obj[key]);
|
|
|
+ }
|
|
|
+ return arr;
|
|
|
+}
|
|
|
+
|
|
|
+var object = { foo: 1,
|
|
|
+ bar: null,
|
|
|
+ baz: undefined
|
|
|
+};
|
|
|
+
|
|
|
+console.log(objectToPairs(object));// возвращает ['foo', 1, 'bar', null, 'baz', undefined]
|
|
|
+
|
|
|
+//objectSplit
|
|
|
+
|
|
|
+function objectSplit(obj){
|
|
|
+ var keysArr=[];
|
|
|
+ var valuesArr=[];
|
|
|
+ var result={};
|
|
|
+ for(var key in obj)
|
|
|
+ {
|
|
|
+ keysArr.push(key);
|
|
|
+ valuesArr.push(obj[key]);
|
|
|
+ }
|
|
|
+ result.keys=keysArr;
|
|
|
+ result.values=valuesArr;
|
|
|
+ return result;
|
|
|
+}
|
|
|
+
|
|
|
+var obj = { foo: 1,
|
|
|
+ bar: null,
|
|
|
+ baz: undefined
|
|
|
+};
|
|
|
+
|
|
|
+console.log(objectSplit(obj)); // {keys: ['foo', 'bar', 'baz'], values: [1, null, undefined]}
|
|
|
+
|
|
|
+/*//setPropertyBySelector
|
|
|
+
|
|
|
+function setPropertyBySelector(){
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+setPropertyBySelector("tr > li", 'onclick', function(){
|
|
|
+ alert('click on tr > li');
|
|
|
+});
|
|
|
+
|
|
|
+setPropertyBySelector("td", 'innerHTML', 'испортим все td на странице');
|
|
|
+*/
|
|
|
+//scrollButtons
|
|
|
+
|
|
|
+function scrollButtons(element,numberOfPixels){
|
|
|
+ var div1=document.createElement("div");
|
|
|
+ var div2=document.createElement("div");
|
|
|
+ var div3=document.createElement("div");
|
|
|
+ var upButton=document.createElement("button");
|
|
|
+ var downButton=document.createElement("button");
|
|
|
+ var leftButton=document.createElement("button");
|
|
|
+ var rightButton=document.createElement("button");
|
|
|
+ div1.id="up";
|
|
|
+ div2.id="left_right";
|
|
|
+ div3.id="down";
|
|
|
+ rightButton.id="right";
|
|
|
+ upButton.innerText="Scroll Up";
|
|
|
+ downButton.innerText="Scroll Down";
|
|
|
+ leftButton.innerText="Scroll Left";
|
|
|
+ rightButton.innerText="Scroll Right";
|
|
|
+ div1.appendChild(upButton);
|
|
|
+ div2.appendChild(leftButton);
|
|
|
+ div2.appendChild(rightButton);
|
|
|
+ div3.appendChild(downButton);
|
|
|
+ element.style.overflow="scroll";
|
|
|
+ element.scrollBy(50,50);
|
|
|
+ element.appendChild(div1);
|
|
|
+ element.appendChild(div2);
|
|
|
+ element.appendChild(div3);
|
|
|
+}
|
|
|
+var element = document.getElementById('div1');
|
|
|
+scrollButtons(element, 50);
|
|
|
+
|
|
|
+//table Editor
|
|
|
+
|
|
|
+function tableEditor(element,arr){
|
|
|
+ var table=document.createElement("table");
|
|
|
+ var tr=[];
|
|
|
+ var th=[];
|
|
|
+ var td=[];
|
|
|
+ var temp={};
|
|
|
+ for(var i=0;i<arr.length;i++)
|
|
|
+ {
|
|
|
+ for(var key in arr[i]){
|
|
|
+ temp[key]=arr[i][key];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ tr[0]=document.createElement("tr");
|
|
|
+ var counter=0;
|
|
|
+ for(var key in temp){
|
|
|
+ th[counter]=document.createElement("th");
|
|
|
+ th[counter].innerText=key;
|
|
|
+ tr[0].appendChild(th[counter]);
|
|
|
+ counter++;
|
|
|
+ }
|
|
|
+ function incert(){
|
|
|
+ if(this.children>0){
|
|
|
+ this.innerText=this.input.value;
|
|
|
+ this.removeChild(this.children[0]);
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ this.innerText="";
|
|
|
+ var form=document.createElement("form");
|
|
|
+ var input=document.createElement("input");
|
|
|
+ form.appendChild(input);
|
|
|
+ this.appendChild(form);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for(var i=0;i<arr.length;i++){
|
|
|
+ tr[i+1]=document.createElement("tr");
|
|
|
+ td[i]=[];
|
|
|
+ for(var j=0;j<Object.keys(temp).length;j++){
|
|
|
+ td[i][j]=document.createElement("td");
|
|
|
+ td[i][j].innerText=arr[i][Object.keys(arr[i])[j]];
|
|
|
+ td[i][j].ondblclick=incert;
|
|
|
+ tr[i+1].appendChild(td[i][j]);
|
|
|
+ }
|
|
|
+ table.appendChild(tr[i]);
|
|
|
+ }
|
|
|
+ element.appendChild(table);
|
|
|
+}
|
|
|
+var persons = [
|
|
|
+ {name: "Иван", age: 17},
|
|
|
+ {name: "Мария", age: 35},
|
|
|
+ {name: "Алексей", age: 73},
|
|
|
+ {name: "Яков", age: 12}
|
|
|
+];
|
|
|
+var element2 = document.getElementById('div2');
|
|
|
+tableEditor(element2, persons);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
