Changeset 18692 for lang/javascript/userscripts

Timestamp:

09/03/08 01:46:18 (4 months ago)

Author:

maripo

Message:

XSLT　で小窓の中身を整形できるように

Files:

• lang/javascript/userscripts/poptip.user.js (modified) (8 diffs)

lang/javascript/userscripts/poptip.user.js

@@ -31 +31 @@
 20080824 0.0.10 Error handling (HTTP error / HTML node error)
                Add a rule (Tabelog)
+20080824 0.1.0 XSLT option for popup area
+
+== TODO ==
++ Write some XSLT examples
++ Change the icon to smaller one
++ Re-create as a Firefox extension
 
 */
 
-var VERSION = '0.0.10';
+var VERSION = '0.1.0';
 var DEFAULT_DELAY_MSEC = 400;
 var HIDE_DELAY_MSEC = 400;
@@ -40 +46 @@
 var ERROR_MESSAGE_POPUP_ELEMENT_EMPTY = 'Error : No such node';
 var ERROR_MESSAGE_HTTP = 'HTTP Error';
-
-var popupTil = null;
-
 
 // == IMAGE ==
@@ -166 +169 @@
         linkElement: '//a[@class="keyword"]',
         popupElement: '//div[@class="box-curve-bar"]//div[@class="section"]',
-        delay: 1000,
-        stripe: true,
+        delay: 1500,
+        stripe: false,
         style: {
             fontSize: '80%',
@@ -339 +342 @@
             border: '1px solid #444'
         }
+    },
+    {
+        description: 'XSLT Example',
+        url: '^http://www\\.example\\.com/.*',
+        linkElement: 'id("hoge")',
+        popupElement: 'id("fuga")',
+        disabled: true,
+        xslt : <><![CDATA[<xsl:stylesheet version='1.0' xmlns:xsl='http://www.w3.org/1999/XSL/Transform'>
+<xsl:output method='html'/>
+<xsl:template match='/'>
+<div>EXAMPLE</div>
+</xsl:template>
+</xsl:stylesheet>
+]]></>
     }
 
@@ -427 +444 @@
                         style:SITEINFO[i].style,
                         containerHTML:SITEINFO[i].containerHTML,
+                        xslt:SITEINFO[i].xslt,
                         delay:SITEINFO[i].delay
                     });
@@ -477 +495 @@
                             if (http.status == 200) {
                                 var elementList = getElementsByXPath(popupElementXPath, xml);
-
-                                if (elementList.length > 0) {
+                                if (option.xslt) {
+                                    // apply XSLT stylesheet
+                                    var template = new XSLTProcessor();
+                                    var stylesheet = createXsltDocumtntByString(option.xslt);
+                                    template.importStylesheet (stylesheet.documentElement.firstChild);
+                                    var result = template.transformToFragment(xml, document);
+                                    elmContainer.appendChild(result);
+                                } else if (elementList.length > 0) {
                                     // "popupElement" found
                                     if (option.containerHTML) {
@@ -506 +530 @@
                             popupAreaObj.append(elmContainer);
                             popupAreaObj.show(targetElement);
-                    } catch (ex) {}
+                    } catch (ex) {
+                    }
                  }
             };
@@ -567 +592 @@
 
 /*
- Utilities (cited from AutoPagerize)
+ Utilities 
 */
-
+function createXsltDocumtntByString(str) {
+    var htmlDoc  = document.implementation.createDocument(null, 'html', null);
+    var range = document.createRange();
+    range.selectNodeContents(htmlDoc.documentElement);
+    htmlDoc.documentElement.appendChild(range.createContextualFragment(str));
+    return htmlDoc;
+}
+
+/*
+cited from AutoPagerize
+*/
 function createHTMLDocumentByString(str) {
     var html = str.replace(/^[\s\S]*?<html(?:\s[^>]*)?>\s*|\s*<\/html\s*>[\S\s]*$/ig, '');