From 82cb71c182440266292bf2264fc5685cc8961730 Mon Sep 17 00:00:00 2001
From: Andreas Gohr <andi@splitbrain.org>
Date: Mon, 14 May 2007 20:09:03 +0200
Subject: replaced TOC toggle images by CSS magic

Instead of relying on images to show the toggle button for hiding the table
of contents, now some CSS is used to simulate an arrow.

darcs-hash:20070514180903-7ad00-4aeef03580dfb92a5c939d3cdd569850ea31df5b.gz
---
 lib/scripts/script.js | 37 ++++++++++++++-----------------------
 1 file changed, 14 insertions(+), 23 deletions(-)

(limited to 'lib/scripts')

diff --git a/lib/scripts/script.js b/lib/scripts/script.js
index 1ba303e8e..df6a13b11 100644
--- a/lib/scripts/script.js
+++ b/lib/scripts/script.js
@@ -243,21 +243,13 @@ function addTocToggle() {
     var header = $('toc__header');
     if(!header) return;
 
-    var showimg     = document.createElement('img');
-    showimg.id      = 'toc__show';
-    showimg.src     = DOKU_TPL+'images/toc_show.gif';
-    showimg.alt     = '+';
-    showimg.onclick = toggleToc;
-    showimg.style.display = 'none';
-
-    var hideimg     = document.createElement('img');
-    hideimg.id      = 'toc__hide';
-    hideimg.src     = DOKU_TPL+'images/toc_hide.gif';
-    hideimg.alt     = '-';
-    hideimg.onclick = toggleToc;
-
-    prependChild(header,showimg);
-    prependChild(header,hideimg);
+    var obj       = document.createElement('span');
+    obj.id        = 'toc__toggle';
+    obj.innerHTML = '<span>-</span>';
+    obj.className = 'toc_close';
+    obj.onclick   = toggleToc;
+
+    prependChild(header,obj);
 }
 
 /**
@@ -265,16 +257,15 @@ function addTocToggle() {
  */
 function toggleToc() {
   var toc = $('toc__inside');
-  var showimg = $('toc__show');
-  var hideimg = $('toc__hide');
+  var obj = $('toc__toggle');
   if(toc.style.display == 'none') {
-    toc.style.display      = '';
-    hideimg.style.display = '';
-    showimg.style.display = 'none';
+    toc.style.display   = '';
+    obj.style.innerHTML = '-';
+    obj.className       = 'toc_close';
   } else {
-    toc.style.display      = 'none';
-    hideimg.style.display = 'none';
-    showimg.style.display = '';
+    toc.style.display   = 'none';
+    obj.style.innerHTML = '<span>+</span>';
+    obj.className       = 'toc_open';
   }
 }
 
-- 
cgit v1.2.3