Skip to content

Commit 4e33a7a

Browse files
tipiiraitipiirai
committed
couple of new test pages
1 parent 44ed1f1 commit 4e33a7a

File tree

3 files changed

+196
-0
lines changed

3 files changed

+196
-0
lines changed

‎test/dateinput/tabs.htm‎

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
2+
<script src="../js/jquery-1.4.2.js"></script>
3+
<script src="../../src/tabs/tabs.js"></script>
4+
<script src="../../src/dateinput/dateinput.js"></script>
5+
6+
<link rel="stylesheet" type="text/css" href="skin1.css"/>
7+
<link rel="stylesheet" type="text/css" href="../tabs/tabs.css"/>
8+
9+
10+
<style>
11+
body {
12+
margin:100px;
13+
font-family:sans-serif;
14+
width:800px;
15+
font-size:12px;
16+
}
17+
</style>
18+
19+
<!-- tabs -->
20+
<ul class="css-tabs">
21+
<li><a href="#1">Tab 1</a></li>
22+
<li><a href="#2">Second tab</a></li>
23+
<li><a href="#3">A ultra long third tab</a></li>
24+
</ul>
25+
26+
<!-- panes -->
27+
<div class="css-panes">
28+
29+
<div class="pane">
30+
<h3>Tab 1</h3>
31+
<input type="date" name="mydate" />
32+
</div>
33+
34+
<div class="pane">
35+
<h3>Tab 2</h3>
36+
<input type="date" name="mydate" />
37+
</div>
38+
39+
<div class="pane">
40+
<h3>Tab 3</h3>
41+
<input type="date" name="mydate" />
42+
</div>
43+
</div>
44+
45+
46+
<script>
47+
$(".css-tabs").tabs(".css-panes > div");
48+
$(":date").dateinput();
49+
</script>
50+
51+

‎test/overlay/events.htm‎

Lines changed: 95 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,95 @@
1+
2+
<script src="../js/jquery-1.4.2.js"></script>
3+
<script src="../../src/toolbox/toolbox.mask.js"></script>
4+
<script src="../../src/overlay/overlay.js"></script>
5+
<script src="../../src/overlay/overlay.apple.js"></script>
6+
7+
<link rel="stylesheet" type="text/css" href="style.css"/>
8+
9+
<script>
10+
$(function() {
11+
$("a.o1").overlay({
12+
top: 'center',
13+
speed: 500,
14+
15+
mask: {
16+
color: '#fff',
17+
18+
// load mask a little faster
19+
loadSpeed: 200,
20+
21+
// very transparent
22+
opacity: 0.5
23+
},
24+
25+
// effect: 'apple',
26+
27+
onStart: function(e) {
28+
console.info("CONF", this, e);
29+
var el = e.originalTarget || e.srcElement;
30+
},
31+
32+
onBeforeLoad: function(e) {
33+
console.log("overlay before load", e.pageX);
34+
},
35+
36+
onLoad: function(e) {
37+
console.info("overlay load", e.pageX);
38+
},
39+
40+
onBeforeClose: function(e) {
41+
console.log("overlay beforeClose", e.pageX);
42+
},
43+
44+
onClose: function(e) {
45+
console.log("overlay close", e.pageX);
46+
}
47+
48+
}).bind("onBeforeLoad", function() {
49+
console.info("BIND", this, arguments);
50+
});
51+
52+
$("a.o2").overlay({
53+
effect: 'apple',
54+
mask: '#561',
55+
oneInstance: false,
56+
lazyload: true,
57+
58+
onLoad: function() {
59+
console.info("apple done");
60+
61+
return true;
62+
}
63+
});
64+
65+
66+
$("a.o1").data("overlay").load();
67+
});
68+
</script>
69+
70+
<p>
71+
<a class="o1" rel="#overlay" href="#">show</a>
72+
<a class="o1" rel="#overlay" href="#">show b</a>
73+
74+
<a class="o2" rel="#overlay2" href="#">show 2</a>
75+
<a class="o2" rel="#overlay2" href="#">show 2b</a>
76+
</p>
77+
78+
<div style="position:relative;top:400px;left:200px">
79+
<div class="overlay" id="overlay">
80+
81+
<div class="content" style="background-image:url(../img/6481762_3d2c7e79f7.jpg)">
82+
asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj
83+
</div>
84+
85+
</div>
86+
87+
</div>
88+
89+
<div class="overlay" id="overlay2">
90+
91+
<div style="padding:40px">
92+
asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj
93+
</div>
94+
95+
</div>

‎test/validator/radio.htm‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
2+
<!DOCTYPE html>
3+
<script src="../js/jquery-1.4.2.min.js"></script>
4+
<script src="../../src/validator/validator.js"></script>
5+
6+
<style>
7+
label {
8+
margin:10px 0;
9+
display:block;
10+
}
11+
12+
body {
13+
padding:100px;
14+
font-family:sans-serif;
15+
}
16+
17+
.invalid {
18+
border:1px solid red;
19+
}
20+
21+
.error {
22+
display:none;
23+
border:1px solid #667;
24+
background:#eee;
25+
padding:5px;
26+
}
27+
</style>
28+
29+
<form action="#">
30+
31+
<label>
32+
requred text
33+
<input type="text" required="required" />
34+
</label>
35+
36+
<label><input type="radio" name="test" value="male" checked /> male</label>
37+
<label><input type="radio" name="test" value="female" /> female</label>
38+
39+
40+
<button>Submit</button>
41+
42+
</form>
43+
44+
<script>
45+
$.tools.validator.fn("[name=test]", "Female required (?)", function(el, val) {
46+
return val == 'female';
47+
});
48+
49+
$("form").validator({position: 'top center'});
50+
</script>

0 commit comments

Comments
 (0)