Skip to content

Commit 578cd17

Browse files
niklasvhniklasvh
committed
initial commit
0 parents  commit 578cd17

9 files changed

Lines changed: 3736 additions & 0 deletions

File tree

‎demo.html‎

Lines changed: 2364 additions & 0 deletions
Large diffs are not rendered by default.

‎demo2.html‎

Lines changed: 188 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,188 @@
1+
2+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
3+
<html>
4+
<head>
5+
6+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
7+
8+
<script type="text/javascript" src="html2canvas.js"></script>
9+
<script type="text/javascript" src="jquery.plugin.html2canvas.js"></script>
10+
<script type="text/javascript">
11+
$(document).ready(function() {
12+
$('body').html2canvas();
13+
// var ss = $('ul').offset();
14+
// alert(ss.left);
15+
});
16+
</script>
17+
<title>
18+
display/box/float/clear test
19+
</title>
20+
<style type="text/css">
21+
/* last modified: 1 Dec 98 */
22+
23+
html {
24+
font: 10px/1 Verdana, sans-serif;
25+
background-color: blue;
26+
color: white;
27+
}
28+
29+
body {
30+
margin: 1.5em;
31+
border: .5em solid black;
32+
padding: 0;
33+
width: 48em;
34+
background-color: white;
35+
}
36+
37+
dl {
38+
margin: 0;
39+
border: 0;
40+
padding: .5em;
41+
}
42+
43+
dt {
44+
background-color: rgb(204,0,0);
45+
margin: 0;
46+
padding: 1em;
47+
width: 10.638%; /* refers to parent element's width of 47em. = 5em or 50px */
48+
height: 28em;
49+
border: .5em solid black;
50+
float: left;
51+
}
52+
53+
dd {
54+
float: right;
55+
margin: 0 0 0 1em;
56+
border: 1em solid black;
57+
padding: 1em;
58+
width: 34em;
59+
height: 27em;
60+
}
61+
62+
ul {
63+
margin: 0;
64+
border: 0;
65+
padding: 0;
66+
}
67+
68+
li {
69+
display: block; /* i.e., suppress marker */
70+
color: black;
71+
height: 9em;
72+
width: 5em;
73+
margin: 0;
74+
border: .5em solid black;
75+
padding: 1em;
76+
float: left;
77+
background-color: #FC0;
78+
}
79+
80+
#bar {
81+
background-color: black;
82+
color: white;
83+
width: 41.17%; /* = 14em */
84+
border: 0;
85+
margin: 0 1em;
86+
}
87+
88+
#baz {
89+
margin: 1em 0;
90+
border: 0;
91+
padding: 1em;
92+
width: 10em;
93+
height: 10em;
94+
background-color: black;
95+
color: white;
96+
}
97+
98+
form {
99+
margin: 0;
100+
display: inline;
101+
}
102+
103+
p {
104+
margin: 0;
105+
}
106+
107+
form p {
108+
line-height: 1.9;
109+
}
110+
111+
blockquote {
112+
margin: 1em 1em 1em 2em;
113+
border-width: 1em 1.5em 2em .5em;
114+
border-style: solid;
115+
border-color: black;
116+
padding: 1em 0;
117+
width: 5em;
118+
height: 9em;
119+
float: left;
120+
background-color: #FC0;
121+
color: black;
122+
}
123+
124+
address {
125+
font-style: normal;
126+
}
127+
128+
h1 {
129+
background-color: black;
130+
color: white;
131+
float: left;
132+
margin: 1em 0;
133+
border: 0;
134+
padding: 1em;
135+
width: 10em;
136+
height: 10em;
137+
font-weight: normal;
138+
font-size: 1em;
139+
}
140+
</style>
141+
</head>
142+
<body>
143+
<dl>
144+
<dt>
145+
toggle
146+
</dt>
147+
<dd>
148+
<ul>
149+
<li>
150+
the way
151+
</li>
152+
<li id="bar">
153+
<p>
154+
the world ends
155+
</p>
156+
<form action="./" method="get">
157+
<p>
158+
bang
159+
<input type="radio" name="foo" value="off">
160+
</p>
161+
<p>
162+
whimper
163+
<input type="radio" name="foo2" value="on">
164+
</p>
165+
</form>
166+
</li>
167+
<li>
168+
i grow old
169+
</li>
170+
<li id="baz">
171+
pluot?
172+
</li>
173+
</ul>
174+
<blockquote>
175+
<address>
176+
bar maids,
177+
</address>
178+
</blockquote>
179+
<h1>
180+
sing to me, erbarme dich
181+
</h1>
182+
</dd>
183+
</dl>
184+
<p style="color: black; font-size: 1em; line-height: 1.3em; clear: both">
185+
This is a nonsensical document, but syntactically valid HTML 4.0. All 100% conformant CSS1 agents should be able to render the document elements above this paragraph <b>indistinguishably</b> (to the pixel) from this reference rendering, (except font rasterization and form widgets). All discrepancies should be traceable to CSS1 implementation shortcomings. Once you have finished evaluating this test, you can return to the <A HREF="sec5526c.htm" style="text-decoration:none">parent page</A>.
186+
</p>
187+
</body>
188+
</html>

‎demo3.html‎

Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,79 @@
1+
<!--
2+
To change this template, choose Tools | Templates
3+
and open the template in the editor.
4+
-->
5+
<!DOCTYPE html>
6+
<html>
7+
<head>
8+
<title></title>
9+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
10+
11+
12+
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js"></script>
13+
14+
15+
16+
<script type="text/javascript" src="html2canvas.js"></script>
17+
<script type="text/javascript" src="jquery.plugin.html2canvas.js"></script>
18+
<script type="text/javascript">
19+
$(function(){
20+
21+
22+
$('body').html2canvas();
23+
24+
25+
26+
});
27+
</script>
28+
<style>
29+
.feedback-overlay-black{
30+
background-color:#000;
31+
opacity:0.5;
32+
position:absolute;
33+
top:0;
34+
left:0;
35+
width:100%;
36+
height:100%;
37+
margin:0;
38+
}
39+
40+
</style>
41+
42+
<style>
43+
div{
44+
padding:20px;
45+
margin:0 auto;
46+
border:5px solid black;
47+
}
48+
49+
h1{
50+
border-bottom:2px solid white;
51+
}
52+
53+
h2{
54+
background: #efefef;
55+
padding:10px;
56+
}
57+
58+
59+
</style>
60+
</head>
61+
<body>
62+
<div style="background:red;">
63+
<div style="background:green;">
64+
<div style="background:blue;border-color:white;">
65+
<div style="background:yellow;"><div style="background:orange;"><h1>Heading</h1>
66+
Text that isn't wrapped in anything.
67+
<p>Followed by some text wrapped in a <b>&lt;p&gt; paragraph.</b> </p>
68+
Maybe add a <a href="#">link</a> or a different style of <a href="#" style="background:white;" id="highlight">link with a highlight</a>.
69+
<hr />
70+
<h2>More content</h2>
71+
<div style="width:10px;height:10px;border-width:10px;padding:0;">a</div>
72+
</div></div>
73+
74+
</div>
75+
76+
</div>
77+
</div>
78+
</body>
79+
</html>

0 commit comments

Comments
 (0)