Ajout des blanks-select/tooltips + intrus dans catégories
authorPatrick PIERRE
mar., 19 févr. 2013 14:32:29 +0100
changeset 174 ca43d2c3a2c2
parent 173 d2b8386ab9a2
child 175 9817635631aa
Ajout des blanks-select/tooltips + intrus dans catégories
RelaxNG/Examples/Quiz/Images/blanks-select_tooltipsi01.jpg
RelaxNG/Examples/Quiz/blanks-select_tooltips.xml
RelaxNG/Examples/Quiz/categories.xml
RelaxNG/publiquiz.rnc
Xxe/Css/publidoc.css
Xxe/Css/publiquiz.css
Binary file RelaxNG/Examples/Quiz/Images/blanks-select_tooltipsi01.jpg has changed
--- /dev/null	jeu. janv. 01 00:00:00 1970 +0000
+++ b/RelaxNG/Examples/Quiz/blanks-select_tooltips.xml	mar. févr. 19 14:32:29 2013 +0100
@@ -0,0 +1,25 @@
+<?xml version='1.0' encoding='utf-8'?>
+<!-- $Id$ -->
+<publiquiz version="1.0">
+  <quiz id="blanks-select_tooltips">
+    <head>
+      <title>Exercice à trous avec placement sur image</title>
+    </head>
+
+    <instructions>
+      <p>Placez correctement chaque élément de la voiture.</p>
+    </instructions>
+
+    <blanks-select>
+      <media>
+        <image id="blanks-select_tooltipsi01">
+          <tooltip x="25%" y="45.5%"><blank>le volant</blank></tooltip>
+          <tooltip x="62%" y="24%"><blank>le pare-brise</blank></tooltip>
+          <tooltip x="63%" y="77%"><blank>le siège</blank></tooltip>
+          <tooltip x="46%" y="68%"><blank>le levier de vitesse</blank></tooltip>
+          <tooltip x="1%" y="25.4%"><blank>le rétroviseur</blank></tooltip>
+        </image>
+      </media>
+    </blanks-select>
+  </quiz>
+</publiquiz>
--- a/RelaxNG/Examples/Quiz/categories.xml	jeu. févr. 14 17:42:32 2013 +0100
+++ b/RelaxNG/Examples/Quiz/categories.xml	mar. févr. 19 14:32:29 2013 +0100
@@ -11,6 +11,7 @@
     </instructions>
 
     <categories>
+      <item>assez</item>
       <category>
         <head>
           <title>Verbes du premier groupe</title>
--- a/RelaxNG/publiquiz.rnc	jeu. févr. 14 17:42:32 2013 +0100
+++ b/RelaxNG/publiquiz.rnc	mar. févr. 19 14:32:29 2013 +0100
@@ -193,6 +193,7 @@
    multiple.attribute?
    
 categories.content =
+   category.item*,
    category,
    category+
 
@@ -261,7 +262,7 @@
 # ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ block ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
 blanks.block =
-   (blanks.p | speech | blanks.list | blockquote | blanks.table | media)
+   (blanks.p | speech | blanks.list | blockquote | blanks.table | blanks.media)
 point.block =
    (point.p | speech | point.list | blockquote | point.table | media)
 
@@ -355,6 +356,31 @@
    point.inlines
  | (p | media)+
 
+# ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ media ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+# ~~~~~~ blanks.media
+blanks.media = element media { blanksmedia.content }
+
+blanksmedia.content =
+   block.head?,
+   (blanks.image | audio | video)+,
+   media.caption?,
+   link?
+
+# ~~~~~~ blanks.image
+blanks.image = element image { image.attributes, blanks.image.content }
+
+blanks.image.content =
+   copyright?,
+   hotspot*,
+   blanks.tooltip*
+
+# ~~~~~~ blanks.tooltip
+blanks.tooltip = element tooltip { tooltip.attributes, blanks.tooltip.content }
+
+blanks.tooltip.content =
+   (p+ | image | blank)
+
 # ~~~~~~~~~~~~~~~~~~~~~~~~ choices.right, choices.wrong ~~~~~~~~~~~~~~~~~~~~~~~
 
 choices.right = element right { choices.right.content }
@@ -435,6 +461,7 @@
  & term*
  & link*
  & anchor*
+ & image*
  & blank*
 }
 point.inlines = mixed {
@@ -454,6 +481,7 @@
  & term*
  & link*
  & anchor*
+ & image*
  & blank*
  & point.right*
  & point.wrong*
--- a/Xxe/Css/publidoc.css	jeu. févr. 14 17:42:32 2013 +0100
+++ b/Xxe/Css/publidoc.css	mar. févr. 19 14:32:29 2013 +0100
@@ -504,7 +504,7 @@
   font-style: italic;
 }
 
-/* Hotspot */
+/* hotspot ~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
 hotspot {
   display: block;
@@ -513,7 +513,7 @@
   border-radius: 1.5em;
 }
 
-/* Tooltip */
+/* tooltip ~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
 tooltip image:before {
   content: "";
@@ -524,15 +524,27 @@
 
 tooltip {
   display: block;
-  padding: .5em;
+  padding: .4em;
+  margin: 0 1em .1em 0; 
   background-color: #eaffe9;
   border-radius: 1.5em;
 }
+
 tooltip > p {
   font-family: sans-serif;
   font-size: 85%;
 }
 
+tooltip > blank {
+  background-color: transparent;
+}
+
+tooltip:after {
+  display: marker;
+  padding-bottom: .7em;
+  content: insert-after-button(color, #7f7f7f, icon, icon(right-half-disc));
+}
+
 /* audio ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
 audio {
@@ -632,5 +644,4 @@
 
 smil {
   background-color: #ffffc0;
-  
 }
--- a/Xxe/Css/publiquiz.css	jeu. févr. 14 17:42:32 2013 +0100
+++ b/Xxe/Css/publiquiz.css	mar. févr. 19 14:32:29 2013 +0100
@@ -490,6 +490,11 @@
 
 /* category ~~~~~~~~~~~~~~~~~~~~~~~~ */
 
+category:before {
+  color: #7f7f7f;
+  content: "  " insert-before-button();
+}
+
 category {
   display: block;
   margin-bottom: .3em;