@qooxdoo/framework
Version:
The JS Framework for Coders
81 lines (69 loc) • 2.08 kB
HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../helper.js"></script>
<link href="data/logger.css" rel="stylesheet" type="text/css">
<style type="text/css">
#moveable {
position: absolute;
top: 110px;
left: 250px;
width: 29px;
height: 29px;
border: 2px dashed red;
background-color: white;
opacity : 0.5;
-moz-opacity: 0.5;
z-index: 50;
display: none;
}
#juhu {
width: 400px;
margin: 10px;
background-color: orange;
}
#inner, #juhu {
border: 1px solid black;
padding: 10px;
}
#div1 {
width: 500px;
margin: 10px;
}
#scroll {
margin-top: 10px;
overflow: scroll;
height: 100px;
width: 100px;
border: 1px solid black;
}
</style>
</head>
<body>
<div id="description">
<p>Test of new event handler code.</p>
</div>
<div id="moveable">
<div style="position:absolute;left:14px;top:0px; width:1px; height:29px; background-color:black;"></div>
<div style="position:absolute;left:0px;top:14px; width:29px; height:1px; background-color:black;"></div>
</div>
<div id="juhu" tabindex="1">
Juhu Kinners
<div id="inner">Inner Div</div>
</div>
<input type="text" id="input"></input>
<div id="scroll">
Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners
Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners
Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners
Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners
Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners
Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners
Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners
</div>
<input type="button" id="btnClear" value="clear">
<div id="logger">
</div>
</body>
</html>