DenysMedvid/pdf2htmlEX
1
0
Fork 0
mirror of https://github.com/pdf2htmlEX/pdf2htmlEX.git synced 2024-09-13 03:36:03 +00:00
Code
db10f6744a
pdf2htmlEX/test/browser_tests/with_form/with_form.html

416 lines
18 KiB
HTML
Raw Normal View History

added tests for the process-form flag
2014-12-18 15:49:53 +00:00
<!DOCTYPE html>
<!-- Created by pdf2htmlEX (https://github.com/coolwanglu/pdf2htmlex) -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8"/>
<meta name="generator" content="pdf2htmlEX"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<style type="text/css">
/* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab filetype=css: */
/*!
* Base CSS for pdf2htmlEX
* Copyright 2012,2013 Lu Wang <coolwanglu@gmail.com>
* https://github.com/coolwanglu/pdf2htmlEX/blob/master/share/LICENSE
*/
/* Part 1: Web Page Layout: Free to modify, except for a few of them which are required by pdf2htmlEX.js, see the comments */
#sidebar { /* Sidebar */
position:absolute;
top:0;
left:0;
bottom:0;
width:250px;
padding:0;
margin:0px;
overflow:auto;
}
#page-container { /* PDF container */
position:absolute; /* required for calculating relative positions of pages in pdf2htmlEX.js */
top:0;
left:0px;
margin:0;
padding:0;
border:0; /* required for lazy page loading in pdf2htmlEX.js (page visibility test) */
}
@media screen {
/* for sidebar */
#sidebar.opened + #page-container { left:250px; }
#page-container {
/* `bottom' and `right' are required for lazy page loading in pdf2htmlEX.js (page visibility test)
* alternatively you may set width and height
*/
bottom:0;
right:0;
overflow:auto;
}
.loading-indicator {
display:none;
}
.loading-indicator.active {
display:block;
position:absolute;
width:64px;
height:64px;
top:50%;
left:50%;
margin-top:-32px;
margin-left:-32px;
}
.loading-indicator img {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
}
}
@media print {
@page { margin:0; }
html { margin:0; }
body {
margin:0;
-webkit-print-color-adjust:exact; /* enable printing background images for WebKit */
}
#sidebar { display:none; }
#page-container {
width:auto;
height:auto;
overflow:visible;
background-color:transparent;
}
.d { display:none; }
}
/* Part 2: Page Elements: Modify with caution
* The followings are base classes, some of which are meant to be override by PDF specific classes
* So do not increase the specificity (e.g. ".classname" -> "#page-container .classname")
*/
.pf { /* page */
position:relative;
background-color:white;
overflow: hidden;
margin:0;
border:0; /* required by pdf2htmlEX.js for page visibility test */
}
.pc { /* content of a page */
position:absolute;
border:0;
padding:0;
margin:0;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
display:block;
/* set transform-origin for scaling */
transform-origin:0% 0%;
-ms-transform-origin:0% 0%;
-webkit-transform-origin:0% 0%;
}
.pc.opened { /* used by pdf2htmlEX.js, to show/hide pages */
display:block;
}
.bf { /* images that occupies the whole page */
position:absolute;
border:0;
margin:0;
top:0;
bottom:0;
width:100%;
height:100%;
-ms-user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
user-select:none;
}
.bi { /* images that cover only a part of the page */
position:absolute;
border:0;
margin:0;
-ms-user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
user-select:none;
}
@media print {
.pf {
margin:0;
box-shadow:none;
page-break-after:always;
page-break-inside:avoid;
}
@-moz-document url-prefix() {
/* fix page truncation for FireFox */
.pf {
overflow:visible;
border:1px solid #FFFFFF;
}
.pc {overflow:visible;}
}
}
.c { /* clip box */
position:absolute;
border:0;
padding:0;
margin:0;
overflow:hidden;
display:block;
}
.t { /* text line */
position:absolute;
white-space:pre;
font-size:1px;
transform-origin:0% 100%;
-ms-transform-origin:0% 100%;
-webkit-transform-origin:0% 100%;
unicode-bidi:bidi-override;/* For rtl languages, e.g. Hebrew, we don't want the default Unicode behaviour */
-moz-font-feature-settings:"liga" 0;/* We don't want Firefox to recognize ligatures */
}
.t:after {
/* Workaround for https://bugs.webkit.org/show_bug.cgi?id=35443 */
content: '';
}
.t span { /* text blocks within a line */
position:relative;
/* _<id> for spaces may need display:inline, which will override this */
/*display:inline-block;*/
unicode-bidi:bidi-override; /* For rtl languages, e.g. Hebrew, we don't want the default Unicode behaviour */
}
._ { /* text shift */
color:transparent;
z-index:-1;
}
/* selection background should not be opaque, for fallback mode */
::selection{
background: rgba(127,255,255,0.4);
}
::-moz-selection{
background: rgba(127,255,255,0.4);
}
.pi { /* info for Javascript */
display:none;
}
.l { /* annotation links */
}
/* transparent color - WebKit */
.d { /* css drawing */
position:absolute;
transform-origin:0% 100%;
-ms-transform-origin:0% 100%;
-webkit-transform-origin:0% 100%;
}
/* for the forms */
.it {
border: none;
background-color: rgba(255, 255, 255, 0.0);
}
.ir:hover {
cursor: pointer;
}
/* Base CSS END */
</style>
<style type="text/css">
/* CSS for test cases */
#page-container {
overflow:hidden;
}
</style>
<style type="text/css">
.ff0{font-family:sans-serif;visibility:hidden;}
@font-face{font-family:ff1;src:url(f1.woff)format("woff");}.ff1{font-family:ff1;line-height:1.108000;font-style:normal;font-weight:normal;visibility:visible;}
@font-face{font-family:ff2;src:url(f2.woff)format("woff");}.ff2{font-family:ff2;line-height:0.889000;font-style:normal;font-weight:normal;visibility:visible;}
@font-face{font-family:ff3;src:url(f3.woff)format("woff");}.ff3{font-family:ff3;line-height:1.326000;font-style:normal;font-weight:normal;visibility:visible;}
@font-face{font-family:ff4;src:url(f4.woff)format("woff");}.ff4{font-family:ff4;line-height:1.170898;font-style:normal;font-weight:normal;visibility:visible;}
@font-face{font-family:ff5;src:url(f5.woff)format("woff");}.ff5{font-family:ff5;line-height:1.254000;font-style:normal;font-weight:normal;visibility:visible;}
@font-face{font-family:ff6;src:url(f6.woff)format("woff");}.ff6{font-family:ff6;line-height:1.292000;font-style:normal;font-weight:normal;visibility:visible;}
.m1{transform:matrix(0.000000,-0.326797,0.326797,0.000000,0,0);-ms-transform:matrix(0.000000,-0.326797,0.326797,0.000000,0,0);-webkit-transform:matrix(0.000000,-0.326797,0.326797,0.000000,0,0);}
.m0{transform:matrix(0.326797,0.000000,0.000000,0.326797,0,0);-ms-transform:matrix(0.326797,0.000000,0.000000,0.326797,0,0);-webkit-transform:matrix(0.326797,0.000000,0.000000,0.326797,0,0);}
.v0{vertical-align:0.000000px;}
.ls1{letter-spacing:-0.480000px;}
.ls0{letter-spacing:0.000000px;}
.ls3{letter-spacing:4.326400px;}
.ls2{letter-spacing:105.216000px;}
.sc_{text-shadow:none;}
.sc0{text-shadow:-0.015em 0 transparent,0 0.015em transparent,0.015em 0 transparent,0 -0.015em transparent;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.sc_{-webkit-text-stroke:0px transparent;}
.sc0{-webkit-text-stroke:0.015em transparent;text-shadow:none;}
}
.ws0{word-spacing:0.000000px;}
.ws1{word-spacing:103.742400px;}
.ws2{word-spacing:108.590400px;}
._9{display:inline;margin-left:-123.403200px;}
._6{display:inline;margin-left:-118.555200px;}
._8{display:inline;margin-left:-99.360000px;}
._5{display:inline;margin-left:-94.512000px;}
._c{display:inline;margin-left:-13.520000px;}
._7{display:inline;margin-left:-11.280000px;}
._3{display:inline;margin-left:-6.240000px;}
._a{display:inline;margin-left:-4.996000px;}
._0{display:inline;margin-left:-2.640000px;}
._e{display:inline;margin-left:-1.560000px;}
._1{display:inline-block;width:9.412000px;}
._d{display:inline-block;width:31.564000px;}
._2{display:inline-block;width:49.400000px;}
._4{display:inline-block;width:103.728000px;}
._b{display:inline-block;width:108.576000px;}
.fc1{color:rgb(255,255,255);}
.fc0{color:rgb(0,0,0);}
.fs1{font-size:28.000000px;}
.fs0{font-size:48.000000px;}
.fs4{font-size:52.000000px;}
.fs2{font-size:56.000000px;}
.fs3{font-size:116.000000px;}
.y2{bottom:22.652157px;}
.y0{bottom:39.869281px;}
.y1{bottom:51.602614px;}
.y3{bottom:52.972549px;}
.y1b{bottom:74.683660px;}
.y1a{bottom:102.134641px;}
.y19{bottom:135.467974px;}
.y18{bottom:190.369935px;}
.y17{bottom:223.703268px;}
.y16{bottom:278.605229px;}
.y15{bottom:306.056209px;}
.y14{bottom:339.389542px;}
.y13{bottom:394.291503px;}
.y12{bottom:427.624837px;}
.y1c{bottom:449.921569px;}
.y11{bottom:482.526797px;}
.y10{bottom:515.860131px;}
.yf{bottom:598.213072px;}
.ye{bottom:623.703268px;}
.yd{bottom:649.193464px;}
.yc{bottom:674.683660px;}
.yb{bottom:700.173856px;}
.ya{bottom:755.075817px;}
.y9{bottom:780.566013px;}
.y8{bottom:806.056209px;}
.y7{bottom:831.546405px;}
.y6{bottom:857.036601px;}
.y5{bottom:916.539739px;}
.y4{bottom:966.777908px;}
.h3{height:19.124000px;}
.h2{height:42.720000px;}
.h7{height:49.344000px;}
.h6{height:55.640000px;}
.h4{height:59.920000px;}
.h5{height:109.259766px;}
.h1{height:924.836601px;}
.h0{height:1035.294118px;}
.w1{width:682.352941px;}
.w0{width:800.000000px;}
.x0{left:47.058824px;}
.x8{left:89.175817px;}
.x5{left:91.424837px;}
.x6{left:117.568627px;}
.x7{left:156.784314px;}
.x1{left:185.962092px;}
.x2{left:367.098039px;}
.x4{left:438.899346px;}
.x3{left:708.799869px;}
@media print{
.v0{vertical-align:0.000000pt;}
.ls1{letter-spacing:-0.489600pt;}
.ls0{letter-spacing:0.000000pt;}
.ls3{letter-spacing:4.412928pt;}
.ls2{letter-spacing:107.320320pt;}
.ws0{word-spacing:0.000000pt;}
.ws1{word-spacing:105.817248pt;}
.ws2{word-spacing:110.762208pt;}
._9{display:inline;margin-left:-125.871264pt;}
._6{display:inline;margin-left:-120.926304pt;}
._8{display:inline;margin-left:-101.347200pt;}
._5{display:inline;margin-left:-96.402240pt;}
._c{display:inline;margin-left:-13.790400pt;}
._7{display:inline;margin-left:-11.505600pt;}
._3{display:inline;margin-left:-6.364800pt;}
._a{display:inline;margin-left:-5.095920pt;}
._0{display:inline;margin-left:-2.692800pt;}
._e{display:inline;margin-left:-1.591200pt;}
._1{display:inline-block;width:9.600240pt;}
._d{display:inline-block;width:32.195280pt;}
._2{display:inline-block;width:50.388000pt;}
._4{display:inline-block;width:105.802560pt;}
._b{display:inline-block;width:110.747520pt;}
.fs1{font-size:28.560000pt;}
.fs0{font-size:48.960000pt;}
.fs4{font-size:53.040000pt;}
.fs2{font-size:57.120000pt;}
.fs3{font-size:118.320000pt;}
.y2{bottom:23.105200pt;}
.y0{bottom:40.666667pt;}
.y1{bottom:52.634667pt;}
.y3{bottom:54.032000pt;}
.y1b{bottom:76.177333pt;}
.y1a{bottom:104.177333pt;}
.y19{bottom:138.177333pt;}
.y18{bottom:194.177333pt;}
.y17{bottom:228.177333pt;}
.y16{bottom:284.177333pt;}
.y15{bottom:312.177333pt;}
.y14{bottom:346.177333pt;}
.y13{bottom:402.177333pt;}
.y12{bottom:436.177333pt;}
.y1c{bottom:458.920000pt;}
.y11{bottom:492.177333pt;}
.y10{bottom:526.177333pt;}
.yf{bottom:610.177333pt;}
.ye{bottom:636.177333pt;}
.yd{bottom:662.177333pt;}
.yc{bottom:688.177333pt;}
.yb{bottom:714.177333pt;}
.ya{bottom:770.177333pt;}
.y9{bottom:796.177333pt;}
.y8{bottom:822.177333pt;}
.y7{bottom:848.177333pt;}
.y6{bottom:874.177333pt;}
.y5{bottom:934.870533pt;}
.y4{bottom:986.113467pt;}
.h3{height:19.506480pt;}
.h2{height:43.574400pt;}
.h7{height:50.330880pt;}
.h6{height:56.752800pt;}
.h4{height:61.118400pt;}
.h5{height:111.444961pt;}
.h1{height:943.333333pt;}
.h0{height:1056.000000pt;}
.w1{width:696.000000pt;}
.w0{width:816.000000pt;}
.x0{left:48.000000pt;}
.x8{left:90.959333pt;}
.x5{left:93.253333pt;}
.x6{left:119.920000pt;}
.x7{left:159.920000pt;}
.x1{left:189.681333pt;}
.x2{left:374.440000pt;}
.x4{left:447.677333pt;}
.x3{left:722.975867pt;}
}
</style>
<title></title>
</head>
<body>
<div id="page-container">
<div id="pf1" class="pf w0 h0" data-page-no="1"><div class="pc pc1 w0 h0"><img class="bi x0 y0 w1 h1" alt="" src="bg1.png"/><div class="t m0 x1 h2 y1 ff1 fs0 fc0 sc0 ls0 ws0">Éditions « <span class="_ _0"></span>À Reproduire » Internet : www<span class="_ _0"></span>.en<span class="_ _0"></span>volee.com</div><div class="t m0 x2 h3 y2 ff2 fs1 fc0 sc0 ls0 ws0">Question de textes 4</div><div class="t m0 x3 h4 y3 ff3 fs2 fc1 sc0 ls0 ws0">7</div><div class="t m0 x4 h2 y4 ff1 fs0 fc0 sc0 ls0 ws0">Nom</div><div class="t m0 x5 h5 y5 ff4 fs3 fc1 sc0 ls0 ws0">Mona veut un chien</div><div class="t m0 x6 h6 y6 ff5 fs4 fc0 sc0 ls0 ws0"> <span class="_ _1"> </span><span class="ff3 fc1">4</span> <span class="_ _2"> </span>Que veut dire la mère de Mona quand elle dit : « C’est beaucoup de travail, avoir un chien » <span class="_ _3"></span>?</div><div class="t m0 x6 h7 y7 ff6 fs0 fc0 sc0 ls0 ws0"> <span class="_ _4"> </span>a) <span class="_ _1"> </span>Mona doit faire plus de recherche avant d’être prête à avoir un chien.</div><div class="t m0 x6 h7 y8 ff6 fs0 fc0 sc0 ls0 ws1"> b) <span class="_ _5"></span> <span class="_ _6"></span><span class="ls1 ws0">Les chiens travaillent fort afi<span class="_ _7"></span> <span class="_ _0"></span>n d’être de bons animaux de compagnie pour les gens.</span></div><div class="t m0 x6 h7 y9 ff6 fs0 fc0 sc0 ls0 ws2"> c) <span class="_ _8"></span> <span class="_ _9"></span><span class="ls1 ws0">Les chiens ont besoin de nourriture et d’exercice. Il faut aussi ramasser leurs dégâts.</span></div><div class="t m0 x6 h7 ya ff6 fs0 fc0 sc0 ls0 ws0"> <span class="_ _4"> </span>d) <span class="_ _1"> </span>Mona devra se reposer plus si elle a un chien.</div><div class="t m0 x6 h6 yb ff5 fs4 fc0 sc0 ls0 ws0"> <span class="_ _1"> </span><span class="ff3 fc1">5</span> <span class="_ _2"> </span>Comment Mona a-t-elle acquis autant de connaissances sur les chiens <span class="_ _3"></span>?</div><div class="t m0 x6 h7 yc ff6 fs0 fc0 sc0 ls0 ws0"> <span class="_ _4"> </span>a) <span class="_ _1"> </span>En écoutant son enseignante à l’école.</div><div class="t m0 x6 h7 yd ff6 fs0 fc0 sc0 ls0 ws0"> <span class="_ _4"> </span>b) <span class="_ _1"> </span>En visitant un site W<span class="_ _a"></span>eb.</div><div class="t m0 x6 h7 ye ff6 fs0 fc0 sc0 ls0 ws0"> <span class="_ _b"> </span>c) <span class="_ _1"> </span>En écrivant à la Société protectrice des animaux.</div><div class="t m0 x6 h7 yf ff6 fs0 fc0 sc0 ls0 ws0"> <span class="_ _4"> </span>d) <span class="_ _1"> </span>En regardant une vidéo sur les chiens.</div><div class="t m0 x6 h6 y10 ff5 fs4 fc0 sc0 ls0 ws0"> <span class="_ _1"> </span><span class="ff3 fc1">6</span> <span class="_ _2"> </span>Pourquoi Mona veut-elle un Jack Russell <span class="_ _3"></span>?</div><div class="t m0 x6 h7 y11 ff6 fs0 fc0 sc0 ls2 ws0"> </div><div class="t m0 x6 h6 y12 ff3 fs4 fc1 sc0 ls3 ws0"> 7<span class="_ _a"></span><span class="ff5 fc0 ls0"> <span class="_ _2"> </span>Que devra faire Mona même si elle est fatiguée ou qu’il pleut <span class="_ _3"></span>?</span></div><div class="t m0 x6 h7 y13 ff6 fs0 fc0 sc0 ls2 ws0"> </div><div class="t m0 x6 h6 y14 ff5 fs4 fc0 sc0 ls0 ws0"> <span class="_ _1"> </span><span class="ff3 fc1">8</span> <span class="_ _2"> </span>Décris physiquement le chien que Mona veut choisir<span class="_ _0"></span>.</div><div class="t m0 x6 h7 y15 ff6 fs0 fc0 sc0 ls2 ws0"> </div><div class="t m0 x7 h7 y16 ff6 fs0 fc0 sc0 ls0 ws0"> </div><div class="t m0 x6 h6 y17 ff3 fs4 fc1 sc0 ls3 ws0"> 9<span class="_ _a"></span><span class="ff5 fc0 ls0"> <span class="_ _2"> </span>Quand fait-elle ses recherches sur le Web <span class="_ _3"></span>?</span></div><div class="t m0 x6 h7 y18 ff6 fs0 fc0 sc0 ls2 ws0"> </div><div class="t m0 x6 h6 y19 ff3 fs4 fc1 sc0 ls0 ws0"> <span class="_ _c"></span>10<span class="ff5 fc0"> <span class="_ _d"> </span>Que contient le site W<span class="_ _e"></span>eb préféré de Mona <span class="_ _3"></span>? Nomme deux éléments.</span></div><div class=
<div id="cb-1-1" style="position: absolute; left: 0.000000px; bottom: 0.000000px; width: 3.000000px; height: 3px; background-size: cover;" class="ir"></div>
<div id="cb-1-2" style="position: absolute; left: 0.000000px; bottom: 0.000000px; width: 3.000000px; height: 3px; background-size: cover;" class="ir"></div>
<div id="cb-1-3" style="position: absolute; left: 0.000000px; bottom: 0.000000px; width: 3.000000px; height: 3px; background-size: cover;" class="ir"></div>
<div id="cb-1-4" style="position: absolute; left: 0.000000px; bottom: 0.000000px; width: 3.000000px; height: 3px; background-size: cover;" class="ir"></div>
<input id="text-1-5" type="text" value="" style="position: absolute; left: 0.000000px; bottom: 0.000000px; width: 0.000000px; height: 0px; line-height: 0px; font-size: 0.000000px;" class="it" />
<input id="text-1-6" type="text" value="" style="position: absolute; left: 0.000000px; bottom: 0.000000px; width: 0.000000px; height: 0px; line-height: 0px; font-size: 0.000000px;" class="it" />
<input id="text-1-7" type="text" value="" style="position: absolute; left: 0.000000px; bottom: 0.000000px; width: 0.000000px; height: 0px; line-height: 0px; font-size: 0.000000px;" class="it" />
<input id="text-1-8" type="text" value="" style="position: absolute; left: 0.000000px; bottom: 0.000000px; width: 0.000000px; height: 0px; line-height: 0px; font-size: 0.000000px;" class="it" />
<input id="text-1-9" type="text" value="" style="position: absolute; left: 0.000000px; bottom: 0.000000px; width: 0.000000px; height: 0px; line-height: 0px; font-size: 0.000000px;" class="it" />
<input id="text-1-a" type="text" value="" style="position: absolute; left: 0.000000px; bottom: 0.000000px; width: 0.000000px; height: 0px; line-height: 0px; font-size: 0.000000px;" class="it" />
<div id="cb-1-b" style="position: absolute; left: 0.000000px; bottom: 0.000000px; width: 3.000000px; height: 3px; background-size: cover;" class="ir"></div>
<div id="cb-1-c" style="position: absolute; left: 0.000000px; bottom: 0.000000px; width: 3.000000px; height: 3px; background-size: cover;" class="ir"></div>
<div id="cb-1-d" style="position: absolute; left: 0.000000px; bottom: 0.000000px; width: 3.000000px; height: 3px; background-size: cover;" class="ir"></div>
<div id="cb-1-e" style="position: absolute; left: 0.000000px; bottom: 0.000000px; width: 3.000000px; height: 3px; background-size: cover;" class="ir"></div>
<input id="text-1-f" type="text" value="" style="position: absolute; left: 0.000000px; bottom: 0.000000px; width: 0.000000px; height: 0px; line-height: 0px; font-size: 0.000000px;" class="it" />
</div><div class="pi" data-data='{"ctm":[1.307190,0.000000,0.000000,1.307190,0.000000,0.000000]}'></div></div>
</div>
</body>
</html>
Copy Permalink