doevisualizations
Version:
Data Visualization Library based on RequireJS and D3.js (v4+)
45 lines (44 loc) • 1.25 kB
HTML
<html lang="en">
<head>
<title>selection</title>
<style type='text/css'>
body {font-family: verdana}
.error {border: solid 1px red;}
.error_text { color: red; font-size: 10px;}
td {padding: 3px;}
.resizable {border: solid 1px red;
}
</style>
</head>
<body>
<h1>Click an element to see who gets resized as a result. Elements with red borders are
resizable.</h1>
<ul class='resizable'>
<li>Hello World</li>
<li><p>Hello World2</p>
<ul>
<li class='resizable'>Another Item</li>
</ul>
</li>
<li>JavaScriptMVC is just WAY smart</li>
</ul>
<script type='text/javascript' src='../../node_modules/steal/steal.js' main='@empty'></script>
</script>
<script type='text/javascript'>
steal('jquerypp/event/resize', function(){
$('.resizable').bind('resize', function(){
var self = $(this);
self.css("border-color","blue");
setTimeout(function(){
self.css("border-color","red");
},1000);
});
$(window).click(function(ev){
$(ev.target).trigger("resize")
})
});
</script>
</body>
</html>