letiantian · November 18, 2015 02:37
diff --git a/dabblet.css b/dabblet.css
 /**
 * The first commented line is your dabblet’s title
 */
 body {
 	background: #f06;
 	background: linear-gradient(45deg, #f06, yellow);
 	min-height: 100%;
 }
diff --git a/dabblet.html b/dabblet.html
 <html>
 <head>
 </head>
 <body>

 </body>
 </html>
diff --git a/dabblet.js b/dabblet.js
 function addElement() {
 	var div = document.createElement('div');
 	div.setAttribute('class', 'mydiv');
 	div.setAttribute('id', 'fixed-div');
 	div.style["background"] = "#222 none repeat scroll 0 0";
    div.style["bottom"] = "45px";    
    div.style["cursor"] = "pointer";    
    div.style["height"] = "15px";    
    div.style["line-height"] = "0";    
    div.style["padding"] = "5px";    
    div.style["position"] = "fixed";    
    div.style["right"] = "50px";    
    div.style["width"] = "15px";    
    div.style["z-index"] = "1050";
    div.onclick = function() {alert("hi");}
    document.body.appendChild(div);
 }

 addElement();
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","fontsize":"90","seethrough":"","prefixfree":"1","page":"javascript"}
	/**
	* The first commented line is your dabblet’s title
	*/
	body {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
	}
	function addElement() {
	var div = document.createElement('div');
	div.setAttribute('class', 'mydiv');
	div.setAttribute('id', 'fixed-div');
	div.style["background"] = "#222 none repeat scroll 0 0";
	div.style["bottom"] = "45px";
	div.style["cursor"] = "pointer";
	div.style["height"] = "15px";
	div.style["line-height"] = "0";
	div.style["padding"] = "5px";
	div.style["position"] = "fixed";
	div.style["right"] = "50px";
	div.style["width"] = "15px";
	div.style["z-index"] = "1050";
	div.onclick = function() {alert("hi");}
	document.body.appendChild(div);
	}

	addElement();