-
Notifications
You must be signed in to change notification settings - Fork 0
/
ff.html
123 lines (105 loc) · 3.71 KB
/
ff.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Mobile Frame</title>
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js" crossorigin="anonymous"></script>
<style>
* {
padding: 0;
margin: 0;
font-size: 12px;
line-height: 100%;
}
body {
background-color: #333;
}
input {
border: none;
border-bottom: solid 1px #000;
background-color: #ccc;
height: 15px;
}
button {
border: none;
border-bottom: solid 1px #000;
background-color: #ccc;
height: 16px;
}
</style>
<script>
//force http
var cu = window.location.protocol;
if (cu == 'https:')
window.location =
document.location.href.toString().replace('https:', 'http:') + "?t" + (new Date()).valueOf() + "=1";
window.fnResize=function() {
window.vwidth=$(window).width();
window.vheight=$(window).height()-20;
if (window.fcount==0)return;
$(".ac-content > td").each(function(){
var cwidth=window.vwidth/window.fcount;
$(this).width(cwidth).height(window.vheight-25);
});
};
$(function () {
window.fcount=0;
window.fnResize();
$(window).resize(window.fnResize);
window.btnClose=function(o)
{
$(this).parent().remove();
window.fcount-=1;
window.fnResize();
}
window.btnBack=function(o)
{
var df=$("iframe",$(this).parent());
df.attr("src",df.data("url"));
window.aa=df;
}
$(".ac-ma").click(function () {
setTimeout(function () {
window.fcount+=1;
var url = $(".ac-url").val();
var obj = $("<td>");
// obj.html('tab'+window.fcount);
obj
.append($("<iframe>").attr('frameborder',0).attr('src',url).data('url',url).css({"width":"100%","height":"100%"}))
.append($("<button>").text("x").attr("type","button").css({"width":"20","height":"20","background-color":"#000","color":"#fff"}).click(window.btnClose))
.append($("<button>").text("<").attr("type","button").css({"width":"20","height":"20","background-color":"#000","color":"#fff"}).click(window.btnBack))
;
$(".ac-content").append(obj);
window.fnResize();
}, 100);
});
});
</script>
</head>
<body style="overflow: hidden;">
<div style="height: 20px;width: 100%;">
<table style="width: 100%" cellpadding="0" cellspacing="1" border="0">
<tr>
<td>
<input type="text" class="ac-url" style="width: 100%" value="https://"/>
</td>
<td style="width: 75px;">
<button type="button" class="ac-ma" style="width: 20px"
onclick="window.fwidth=800;window.fheight=600;$('.ac-url').val('https://hastone.gitee.io/book/')">
H
</button>
<button type="button" class="ac-ma" style="width: 20px"
onclick="window.fwidth=480;window.fheight=640;">+
</button>
</td>
</tr>
</table>
</div>
<table class="ac-contenttable" cellpadding="0" cellspacing="0" border="0">
<tr class="ac-content">
</tr>
</table>
</body>
</html>