forked from hpbuniat/jquery-popunder
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·136 lines (110 loc) · 4.38 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html>
<head>
<meta content="Hans-Peter Buniat" name="author">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Form-Submit Popunder with Cookie support</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- Cookie support -->
<script type="text/javascript" src="https://cookies.googlecode.com/svn/trunk/jaaulde.cookies.js"></script>
<script type="text/javascript" src="https://cookies.googlecode.com/svn/trunk/jquery.cookies.js"></script>
<script type="text/javascript" src="jquery.popunder.js"></script>
</head>
<body>
<h1>jQuery-Popunder Demo Page</h1>
<form id="testForm" action="#">
<h3>Testcase #1 (2 Popunder)</h3>
<pre>
$.popunder(window.aPopunder, '#testForm', '#testForm input[type="submit"], #testForm a');
</pre>
<input id="submitButton" type="submit" value="Open Popunder via Form-Submit" />
<a href="#">Open Popunder via Link</a>
</form>
<form id="testFormTwo" action="#">
<h3>Testcase #2 (2 Popunder with explicit binding)</h3>
<pre>
$('#testFormTwo').on('submit', function(e) {
$.popunder(window.aPopunder);
});
var sEvents = $.browser.webkit ? 'mousedown click' : 'click';
$('#submitButtonTwoClick').on(sEvents, function(e) {
$.popunder(window.aPopunder);
});
$('#testFormTwo a').on(sEvents, function(e) {
$.popunder(window.aPopunder);
});
</pre>
<input id="submitButtonTwoClick" type="submit" value="Open Popunder via Button-Click" />
<a href="#">Open Popunder via Link</a>
</form>
<form id="testFormThree" action="#">
<h3>Testcase #3 (1 Popunder with explicit binding)</h3>
<pre>
$('#testFormThree').on('submit', function(e) {
$.popunder(window.aOnePopunder);
});
var sEvents = $.browser.webkit ? 'mousedown click' : 'click';
$('#submitButtonThreeClick').on(sEvents, function(e) {
$.popunder(window.aOnePopunder);
});
</pre>
<input id="submitButtonThreeClick" type="submit" value="Open Popunder via Button-Click" />
</form>
<form id="testFormFour" action="#">
<h3>Testcase #4 (1 Popunder, use a function as parameter)</h3>
<pre>
window.fPopunder = function() {
if (!window.fPopunderStack) {
window.fPopunderStack = [['http://www.heise.de']];
}
return window.fPopunderStack;
};
$.popunder(window.fPopunder, '#testFormFour', '#testFormFour input[type="submit"]');
</pre>
<input id="submitButtonFourClick" type="submit" value="Open Popunder via Button-Click" />
</form>
<a href="https://github.com/hpbuniat/jquery-popunder"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub"></a>
<script type="text/javascript">
window.aPopunder = [
// ['http://www.google.de', {height:400, width:400, blocktime:1}],
['http://www.github.com', {height:100, width:100}],
['http://www.heise.de']
];
// TestCase #1
$.popunder(window.aPopunder, '#testForm', '#testForm input[type="submit"], #testForm a');
// TestCase #2
$('#testFormTwo').on('submit', function(e) {
$.popunder(window.aPopunder);
});
var sEvents = $.browser.webkit ? 'mousedown click' : 'click';
$('#submitButtonTwoClick').on(sEvents, function(e) {
$.popunder(window.aPopunder);
});
$('#testFormTwo a').on(sEvents, function(e) {
$.popunder(window.aPopunder);
});
// TestCase #3
window.aOnePopunder = [
['http://www.heise.de']
];
$('#testFormThree').on('submit', function(e) {
$.popunder(window.aOnePopunder);
});
var sEvents = $.browser.webkit ? 'mousedown click' : 'click';
$('#submitButtonThreeClick').on(sEvents, function(e) {
$.popunder(window.aOnePopunder);
});
// TestCase #4
window.fPopunder = function() {
if (!window.fPopunderStack) {
window.fPopunderStack = [['http://www.heise.de']];
}
return window.fPopunderStack;
};
$.popunder(window.fPopunder, '#testFormFour', '#testFormFour input[type="submit"]');
$(function() {
$('form').attr('action', document.location.href);
});
</script>
</body>
</html>