dojox
Version:
Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.
101 lines (99 loc) • 3.54 kB
HTML
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>ScrollableView-HTML-inputs</title>
<!-- Test case particularly for #17036 -->
<script type="text/javascript" src="../../../dojox/mobile/deviceTheme.js"></script>
<script type="text/javascript" src="../../../dojo/dojo.js"
data-dojo-config="async: true, parseOnLoad: true"></script>
<script language="JavaScript" type="text/javascript">
require([
"dojox/mobile",
"dojox/mobile/ScrollableView",
"dojox/mobile/parser"
]);
</script>
</head>
<body style="visibility:hidden;">
<div id="view" data-dojo-type="dojox/mobile/ScrollableView">
<div style="background-color: white; width: 100%;">
Text: <input type="text" size="40" maxlength="40"
value="click to select and then scroll the view"
onchange="alert('test failed !');" onkeypress="alert('test failed !');"
onkeydown="alert('test failed !');" onkeyup="alert('test failed !');">
</div>
<div style="background-color: white; width: 100%;">
Password: <input type="password">
</div>
<div style="background-color: white; width: 100%;">
Button: <input type="button" value="Click">
</div>
<div style="background-color: white; width: 100%;">
Checkbox: <input type="checkbox">
</div>
<div style="background-color: white; width: 100%;">
Color: <input type="color">
</div>
<div style="background-color: white; width: 100%;">
Date: <input type="date">
</div>
<div style="background-color: white; width: 100%;">
Datetime: <input type="datetime">
</div>
<div style="background-color: white; width: 100%;">
Datetime local: <input type="datetime-local">
</div>
<div style="background-color: white; width: 100%;">
Email: <input type="email">
</div>
<div style="background-color: white; width: 100%;">
File: <input type="file">
</div>
<div style="background-color: white; width: 100%;">
Image: <input type="image">
</div>
<div style="background-color: white; width: 100%;">
Month: <input type="month">
</div>
<div style="background-color: white; width: 100%;">
Number: <input type="number">
</div>
<div style="background-color: white; width: 100%;">
Radio: <input type="radio">
</div>
<div style="background-color: white; width: 100%;">
Range: <input type="range">
</div>
<div style="background-color: white; width: 100%;">
Reset: <input type="reset">
</div>
<div style="background-color: white; width: 100%;">
Search: <input type="search">
</div>
<div style="background-color: white; width: 100%;">
Submit: <input type="submit">
</div>
<div style="background-color: white; width: 100%;">
Tel: <input type="tel">
</div>
<div style="background-color: white; width: 100%;">
Time: <input type="time">
</div>
<div style="background-color: white; width: 100%;">
Url: <input type="url">
</div>
<div style="background-color: white; width: 100%;">
Week: <input type="week" max="2012-W01">
</div>
<div style="background-color: white; width: 100%;">
<textarea cols="40" maxlength="40" placeholder="click to select and then scroll the view"
onchange="alert('test failed !');" onkeypress="alert('test failed !');"
onkeydown="alert('test failed !');" onkeyup="alert('test failed !');">
</textarea>
</div>
</div>
</body>
</html>