Merge pull request #461 from afrosimon/incoming

Adding adobe form support, part 2

AUTHORS

@@ -17,6 +17,7 @@ Marc Sanfacon <marc.sanfacon@gmail.com>
 Michele Redolfi <michele@tecnicaict.com>
 Mick Giles <mick@mickgiles.com>
 Ryan Morlok <ryan.morlok@morlok.com>
+Simon Chenard <chenard.simon@gmail.com>
 Wanmin Liu <wanminliu@gmail.com>
 
 Packagers:

CMakeLists.txt

@@ -119,6 +119,7 @@ set(PDF2HTMLEX_SRC ${PDF2HTMLEX_SRC}
     src/HTMLRenderer/general.cc
     src/HTMLRenderer/image.cc
     src/HTMLRenderer/font.cc
+    src/HTMLRenderer/form.cc
     src/HTMLRenderer/link.cc
     src/HTMLRenderer/outline.cc
     src/HTMLRenderer/state.cc

pdf2htmlEX.1.in

@@ -138,6 +138,10 @@ Whether to show outline in the generated HTML
 .B \-\-process-annotation <0|1> (Default: 0)
 Whether to show annotation in the generated HTML
 
+.TP
+.B \-\-process-form <0|1> (Default: 0)
+Whether to include text fields and radio buttons in the generated HTML
+
 .TP
 .B \-\-printing <0|1> (Default: 1)
 Enable printing support. Disabling this option may reduce the size of CSS.

share/base.css.in

@@ -190,4 +190,14 @@
   -ms-transform-origin:0% 100%;
   -webkit-transform-origin:0% 100%;
 }
+/* for the forms */
+.@CSS_INPUT_TEXT_CN@ {
+  border: none;
+  background-color: rgba(255, 255, 255, 0.0);
+}
+
+.@CSS_INPUT_RADIO_CN@:hover {
+  cursor: pointer;
+}
+
 /* Base CSS END */

share/fancy.css.in

@@ -81,5 +81,8 @@
     -webkit-animation: swing 1.5s ease-in-out 0.01s infinite alternate none;
     animation: swing 1.5s ease-in-out 0.01s infinite alternate none;
   }
+  .@CSS_RADIO_CHECKED_CN@ {
+    background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3goQDSYgDiGofgAAAslJREFUOMvtlM9LFGEYx7/vvOPM6ywuuyPFihWFBUsdNnA6KLIh+QPx4KWExULdHQ/9A9EfUodYmATDYg/iRewQzklFWxcEBcGgEplDkDtI6sw4PzrIbrOuedBb9MALD7zv+3m+z4/3Bf7bZS2bzQIAcrmcMDExcTeXy10DAFVVAQDksgFUVZ1ljD3yfd+0LOuFpmnvVVW9GHhkZAQcxwkNDQ2FSCQyRMgJxnVdy7KstKZpn7nwha6urqqfTqfPBAJAuVymlNLXoigOhfd5nmeiKL5TVTV+lmIKwAOA7u5u6Lped2BsbOwjY6yf4zgQQkAIAcedaPR9H67r3uYBQFEUFItFtLe332lpaVkUBOHK3t5eRtf1DwAwODiIubk5DA8PM8bYW1EU+wEgCIJqsCAIQAiB7/u253k2BQDDMJBKpa4mEon5eDx+UxAESJL0uK2t7XosFlvSdf0QAEmlUnlRFJ9Waho2Qghc1/U9z3uWz+eX+Wr+lL6SZfleEAQIggA8z6OpqSknimIvYyybSCReMsZ6TislhCAIAti2Dc/zejVNWwCAavN8339j27YbTg0AGGM3WltbP4WhlRWq6Q/btrs1TVsYHx+vNgqKoqBUKn2NRqPFxsbGJzzP05puUlpt0ukyOI6z7zjOwNTU1OLo6CgmJyf/gA3DgKIoWF1d/cIY24/FYgOU0pp0z/Ityzo8Pj5OTk9PbwHA+vp6zWghDC+VSiuRSOQgGo32UErJ38CO42wdHR09LBQK3zKZDDY2NupmFmF4R0cHVlZWlmRZ/iVJUn9FeWWcCCE4ODjYtG27Z2Zm5juAOmgdGAB2d3cBADs7O8uSJN2SZfl+WKlpmpumaT6Yn58vn/fs6XmbhmHMNjc3tzDGFI7jYJrm5vb29sDa2trPC/9aiqJUy5pOp4f6+vqeJ5PJBAB0dnZe/t8NBajx/z37Df5OGX8d13xzAAAAAElFTkSuQmCC);
+  }
 }
 /* Fancy CSS END */

share/pdf2htmlEX.js.in

@@ -260,6 +260,18 @@ Viewer.prototype = {
     this.pre_hide_pages();
   },
 
+  initialize_radio_button : function() {
+    var elements = document.getElementsByClassName('ir');
+    
+    for(var i = 0; i < elements.length; i++) {
+      var r = elements[i];
+
+      r.addEventListener('click', function() {
+        this.classList.toggle("checked");
+      });
+    }
+  },
+
   init_after_loading_content : function() {
     this.sidebar = document.getElementById(this.config['sidebar_id']);
     this.outline = document.getElementById(this.config['outline_id']);
@@ -312,6 +324,7 @@ Viewer.prototype = {
       ele.addEventListener('click', self.link_handler.bind(self), false);
     });
 
+    this.initialize_radio_button();
     this.render();
   },
 

src/HTMLRenderer/HTMLRenderer.h

@@ -21,6 +21,10 @@
 #include <GfxFont.h>
 #include <Annot.h>
 
+// for form.cc
+#include <Page.h>
+#include <Form.h>
+
 #include "pdf2htmlEX-config.h"
 
 #include "Param.h"
@@ -161,6 +165,8 @@ protected:
     void process_outline(void);
     void process_outline_items(GooList * items);
 
+    void process_form(std::ofstream & out);
+    
     void set_stream_flags (std::ostream & out);
 
     void dump_css(void);

src/HTMLRenderer/form.cc

@@ -0,0 +1,76 @@
+/*
+ * form.cc
+ *
+ * Handling Forms
+ *
+ * by Simon Chenard
+ * 2014.07.25
+ */
+
+#include <iostream>
+#include <sstream>
+#include <string>
+
+#include "HTMLRenderer.h"
+#include "util/namespace.h"
+#include "util/misc.h"
+
+namespace pdf2htmlEX {
+   
+using std::ofstream;
+using std::cerr;
+
+void HTMLRenderer::process_form(ofstream & out)
+{
+    FormPageWidgets * widgets = cur_catalog->getPage(pageNum)->getFormWidgets();
+    int num = widgets->getNumWidgets();
+
+    for(int i = 0; i < num; i++)
+    {
+        FormWidget * w = widgets->getWidget(i);
+        double x1, y1, x2, y2;
+
+        w->getRect(&x1, &y1, &x2, &y2);
+        x1 = x1 * param.zoom;
+        x2 = x2 * param.zoom;
+        y1 = y1 * param.zoom;
+        y2 = y2 * param.zoom;
+
+        double width = x2 - x1;
+        double height = y2 - y1;
+        
+        if(w->getType() == formText)
+        {
+            double font_size = height / 2;
+
+            out << "<input id=\"text-" << pageNum << "-" << i 
+                << "\" class=\"" << CSS::INPUT_TEXT_CN 
+                << "\" type=\"text\" value=\"\""
+                << " style=\"position: absolute; left: " << x1 
+                << "px; bottom: " << y1 << "px;" 
+                << " width: " << width << "px; height: " << std::to_string(height) 
+                << "px; line-height: " << std::to_string(height) << "px; font-size: " 
+                << font_size << "px;\" />" << endl;
+        } 
+        else if(w->getType() == formButton)
+        {
+            //Ideally would check w->getButtonType()
+            //for more specific rendering
+            width += 3;
+            height += 3;
+
+            out << "<div id=\"cb-" << pageNum << "-" << i 
+                << "\" class=\"" << CSS::INPUT_RADIO_CN 
+                << "\" style=\"position: absolute; left: " << x1 
+                << "px; bottom: " << y1 << "px;" 
+                << " width: " << width << "px; height: " 
+                << std::to_string(height) << "px; background-size: cover;\" ></div>" << endl;
+        }
+        else 
+        {
+            cerr << "Unsupported form field detected" << endl;
+        }
+    }
+}
+
+}

src/HTMLRenderer/general.cc

@@ -239,6 +239,10 @@ void HTMLRenderer::endPage() {
     html_text_page.dump_css(f_css.fs);
     html_text_page.clear();
 
+    // process form
+    if(param.process_form)
+        process_form(*f_curpage);
+    
     // process links before the page is closed
     cur_doc->processLinks(this, pageNum);
 
@@ -380,6 +384,7 @@ void HTMLRenderer::pre_process(PDFDoc * doc)
 void HTMLRenderer::post_process(void)
 {
     dump_css();
+    
     // close files if they opened
     if (param.process_outline)
     {

src/Param.h

@@ -38,6 +38,7 @@ struct Param
     int process_nontext;
     int process_outline;
     int process_annotation;
+    int process_form;
     int correct_text_visibility;
     int printing;
     int fallback;

src/css_class_names.cmakelists.txt

@@ -34,3 +34,6 @@ set(CSS_WIDTH_CN            "w") # Width
 set(CSS_BOTTTOM_CN          "y") # Y
 set(CSS_CSS_DRAW_CN         "d") # Draw
 set(CSS_LINK_CN             "l") # Link
+set(CSS_INPUT_TEXT_CN       "it") # Text input
+set(CSS_INPUT_RADIO_CN      "ir") # Radio button
+set(CSS_RADIO_CHECKED_CN    "checked") # Show picture of checked out radio button

src/pdf2htmlEX.cc

@@ -164,6 +164,7 @@ void parse_options (int argc, char **argv)
         .add("process-nontext", &param.process_nontext, 1, "render graphics in addition to text")
         .add("process-outline", &param.process_outline, 1, "show outline in HTML")
         .add("process-annotation", &param.process_annotation, 0, "show annotation in HTML")
+        .add("process-form", &param.process_form, 0, "include text fields and radio buttons")
         .add("printing", &param.printing, 1, "enable printing support")
         .add("fallback", &param.fallback, 0, "output in fallback mode")
         .add("tmp-file-size-limit", &param.tmp_file_size_limit, -1, "Maximum size (in KB) used by temporary files, -1 for no limit.")

src/util/css_const.h.in

@@ -56,6 +56,10 @@ const char * const BOTTOM_CN           = "@CSS_BOTTTOM_CN@";
 const char * const CSS_DRAW_CN         = "@CSS_CSS_DRAW_CN@";
 const char * const LINK_CN             = "@CSS_LINK_CN@";
 
+const char * const INPUT_TEXT_CN       = "@CSS_INPUT_TEXT_CN@";
+const char * const INPUT_RADIO_CN      = "@CSS_INPUT_RADIO_CN@";
+const char * const RADIO_CHECKED_CN    = "@CSS_RADIO_CHECKED_CN@";
+
 }
 }
 

test/browser_tests.py

@@ -91,3 +91,6 @@ class BrowserTests(Common):
     def test_text_visibility(self):
         self.run_test_case('text_visibility.pdf', ['--correct-text-visibility', 1])
 
+    def test_process_form(self):
+        self.run_test_case('with_form.pdf', ['--process-form', 1])
+

test/browser_tests/with_form/with_form.html

@@ -0,0 +1,415 @@
+<!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="t m0 x6 h7 y1a ff6 fs0 fc0 sc0 ls2 ws0">  </div><div class="t m0 x7 h7 y1b ff6 fs0 fc0 sc0 ls0 ws0"> </div><div class="t m1 x8 h7 y1c ff6 fs0 fc0 sc0 ls0 ws0">REPÉRAGE</div><input id="text-1-0" 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-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>