[Qsos-commits] qsos/tools/xslt qsos-sheet.css qsos-xhtml.xsl

[Raphaël Semeteys]

CVSROOT:        /sources/qsos
Module name:    qsos
Branch:         
Changes by:     Raphaël Semeteys <address@hidden>      06/05/01 23:07:56

Modified files:
        tools/xslt     : qsos-sheet.css qsos-xhtml.xsl 

Log message:
        Expand/Collapse : icons are now clickable

CVSWeb URLs:
http://cvs.savannah.gnu.org/viewcvs/qsos/qsos/tools/xslt/qsos-sheet.css.diff?tr1=1.4&tr2=1.5&r1=text&r2=text
http://cvs.savannah.gnu.org/viewcvs/qsos/qsos/tools/xslt/qsos-xhtml.xsl.diff?tr1=1.14&tr2=1.15&r1=text&r2=text

Patches:
Index: qsos/tools/xslt/qsos-sheet.css
diff -u qsos/tools/xslt/qsos-sheet.css:1.4 qsos/tools/xslt/qsos-sheet.css:1.5
--- qsos/tools/xslt/qsos-sheet.css:1.4  Sat Apr 29 23:25:26 2006
+++ qsos/tools/xslt/qsos-sheet.css      Mon May  1 23:07:56 2006
@@ -1,7 +1,7 @@
 body {
   font-family:Verdana,Helvetica;
   font-size:11px;
-  width: 500px;
+  width: 800px;
 }
 
 h1 {
@@ -21,19 +21,23 @@
 }
 
 li {
-  list-style: square; 
+  list-style: none; 
 }
 
-li.collapsed {
-  list-style-image: url("expand.png");
-}
-
-li.expanded {
-  list-style-image: url("collapse.png");
+div.collapsed {
+  cursor: pointer;
+  background-image: url("expand.png");
+  background-repeat: no-repeat;
+  background-position: center left;
+  padding-left: 12px;
 }
 
-.expandable {
+div.expanded {
   cursor: pointer;
+  background-image: url("collapse.png");
+  background-repeat: no-repeat;
+  background-position: center left;
+  padding-left: 12px;
 }
 
 #header {
@@ -66,6 +70,5 @@
 
 .comments {
   color: green;
-  
 }
 
Index: qsos/tools/xslt/qsos-xhtml.xsl
diff -u qsos/tools/xslt/qsos-xhtml.xsl:1.14 qsos/tools/xslt/qsos-xhtml.xsl:1.15
--- qsos/tools/xslt/qsos-xhtml.xsl:1.14 Sun Apr 30 10:23:09 2006
+++ qsos/tools/xslt/qsos-xhtml.xsl      Mon May  1 23:07:56 2006
@@ -13,13 +13,13 @@
        function expand(div) {
                document.getElementById(div).style.display = "";
                document.getElementById("lnk_"+div).setAttribute("onclick", 
"collapse('"+div+"')");
-               document.getElementById("list_"+div).setAttribute("class", 
"expanded");
+               document.getElementById("lnk_"+div).setAttribute("class", 
"expanded");
        }
    
        function collapse(div) {
                document.getElementById(div).style.display = "none";
                document.getElementById("lnk_"+div).setAttribute("onclick", 
"expand('"+div+"')");
-               document.getElementById("list_"+div).setAttribute("class", 
"collapsed");
+               document.getElementById("lnk_"+div).setAttribute("class", 
"collapsed");
        }
       </script>
       </head>
@@ -109,8 +109,8 @@
     </xsl:if>
   </xsl:template>
   <xsl:template match="section">
-    <li id="address@hidden" class="expanded">
-      <div id="address@hidden" onclick="collapse('address@hidden');" 
class="expandable">
+    <li>
+      <div id="address@hidden" onclick="collapse('address@hidden');" 
class="expanded">
         <h2>
           <xsl:value-of select="@title"/>
         </h2>
@@ -124,8 +124,8 @@
     </li>
   </xsl:template>
   <xsl:template match="element">
-    <li id="address@hidden" class="expanded">
-      <div id="address@hidden" onclick="collapse('address@hidden');" 
class="expandable">
+    <li>
+      <div id="address@hidden" onclick="collapse('address@hidden');" 
class="expanded">
         <strong>
           <xsl:value-of select="@title"/>
         </strong>