Changeset 3654

Show
Ignore:
Timestamp:
12/28/07 05:41:39 (11 months ago)
Author:
cho45
Message:

lang/javascript/userscripts/voxeditingwithwysiwygorh.user.js:

Add icon to toolbar instead of tab like interface.

Files:
1 modified

Legend:

Unmodified
Added
Removed

  • lang/javascript/userscripts/voxeditingwithwysiwygorh.user.js

    r3652 r3654  
    66 
    77(function () { 
    8         var toggle = h("<div>Toggle</div>").firstChild; 
    9         with (toggle.style) { 
    10                 width      = "3em"; 
    11                 textAlign  = "center"; 
    12                 margin     = "0.5em 0 -0.5em 0"; 
    13                 padding    = "0 0.5em"; 
    14                 background = "#000"; 
    15                 color      = "#fff"; 
    16                 zIndex     = "999"; 
    17         } 
    18         toggle.addEventListener('click', function (e) { 
    19                 unsafeWindow.app.editor.toggleMode(); 
    20         }, false); 
    21         var area = document.getElementById('compose-entry'); 
    22         area.parentNode.insertBefore(toggle, area); 
     8        var icon = <><![CDATA[ 
     9                data:image/gif;base64, 
     10                R0lGODlhFgAWANU7APPz8+3t7cXFxenp6e7u7s/Pz/Hx8fX19ff39/r6+ujo 
     11                6O/v7/T09Ozs7N/f3xAQEMjIyP39/f7+/oCAgI+Pj+fn5/v7+8nJyfz8/GBg 
     12                YD4+PuHh4Z+fn5ubm0BAQCAgINra2uPj43x8fOTk5OLi4ri4uNzc3F1dXb+/ 
     13                v9PT09nZ2cvLy9XV1ampqcfHx+bm5uvr6/Ly8vb29vDw8Orq6srKyvn5+cTE 
     14                xPj4+AAAAP///////wAAAAAAAAAAAAAAACH5BAEAADsALAAAAAAWABYAAAb/ 
     15                wN0GIrgZjbWk8ihYjYQgi0RHpdqu2KoExyJBLNWweIyr3cZoccRWTIdx4TXC 
     16                6Kbi4PC1jEF33/ERCTIAMX1pf3cWOAcxMzc1NmMLHAU4Iip3CQgABjCPkVUO 
     17                Ew85FzikJwU2gzOekFQFGTkfFAt/HR45Gi0ArZ9UEzkUVX9UKLq9rqAOsrS2 
     18                cBy5GiXJv6Gjpac5GZWMMzTWYQodpiIOVAgMBgvgr1QSGIiICN4EA7/wCTgI 
     19                Mv39BwcYNArQQAEdDPr2EIrBMIYBAzMIBIBBw5OABKs4RZQYoGPHBhQHiBRQ 
     20                A4CMRgRAUqTBkqVIBTBDFJBZISWNARVe6NzJc4SJFhoVdsBI4UKAURdIkyaF 
     21                AKEGCAM7ggAAOw== 
     22        ]]></>.toString().replace(/\s+/g, ""); 
     23        var iconHover = <><![CDATA[ 
     24                data:image/gif;base64, 
     25                R0lGODlhFgAWANU7AK/a6avV5I6xvajR4KzW5ZW6x67Y6LTh8KfQ37Hc67Le 
     26                7aHI1rfj85C0wAwOD7fk9KzX5rDb6qrU41xze7bi8qfP3i04PJG1wbXh8WeA 
     27                iUVWXFlvd6XN26LK2BcdH53E0aTM2i45PXCLlXOPmXqYop3D0ENUWZi9y4qs 
     28                uJ/G04WlsaPL2ZK2w5q/zZCzv6bP3a3Y56nS4arT4q/Z6bLd7JK1wrTg742w 
     29                vLPf7gAAALjl9f///wAAAAAAAAAAAAAAACH5BAEAADsALAAAAAAWABYAAAb/ 
     30                wF2nIbgZjbWk8ihgcYQfzENHpdqu2OoD11o1MNWweIyr3cZoMcNWTIdx4bXC 
     31                6Kbi4PA1LUJ33/EMBzQAM31pf3cYOAkzMDc1NmMQIwU4GyV3BwoABjKPkVUL 
     32                Ew45FzikJgU2gzCekFQFGjkeGRB/IiE5FiQArZ9UEzkZVX9UKLq9rqALsrS2 
     33                cCO5FirJv6Gjpac5GpWMMDHWYQgiphsLVAoRBhDgr1QPFIiICt4EA7/wBzgK 
     34                NP39CQkiNAogAQEdCvr2EJrBcIYBAzAIBJARw5OAA6s4RZQYoGNHCRQHiBRQ 
     35                AwCNRgRAUozBkqVIBDBBFJBZIWWMARVe6NzJk0OKFhoVdsg44UKAURdIkyZt 
     36                0KDGBwM7ggAAOw== 
     37        ]]></>.toString().replace(/\s+/g, ""); 
     38        var iconActive = <><![CDATA[ 
     39                data:image/gif;base64, 
     40                R0lGODlhFgAWAPeVALW0tLKysqqqqnV0dLi2uPLy8rGxsby8vL6/v3Fycbe3 
     41                tdDQ0OHh4c7Ozv/+/0BAQOPk5K2trZGQkYmKifr6+8/Pz5+fn6enp6ioqIaG 
     42                hv///dXV1bCwsPf39tjX142Njejo6Jubm5STk5eWlezs7MnJyoyMi7a2tvj2 
     43                +MfGxvz7/Obl5Y+Qj9LS0oGAgoKCgrm5uf7//sfHx7+/v93d3YSDg+/v7+3t 
     44                7bWysg8PD8fIyNvb2mBgYPT09LCtrbq6uIiIiMvLytPT1G9vb/7+/sXFxK6u 
     45                rnp7e39+f8HAwK+vr9nZ2JWWlbq6ur69v7Ozs9vd3pOSksrKytfa2qmpqePj 
     46                40ZGRhAQEBsbGwwMDf77/IiJhpubmLKxs8HBwktLS8LBwrK1srGvscLBwe/s 
     47                7n+AgPb09qyrrqGfofT29LSytHV1dd/f3xkZGZeXmMzMzKKgoMbGyZiZmoCA 
     48                gNra2XBwcLu5uYyKi87Q0LKysJiYl/z8++Li4vz8/vf29M3PzZiYmF9fYMPD 
     49                w15dXXt7fc/Pzr28vHFxcbe6uL+/vXJyct3b3qmqqdTU066xrpKSkoaDhays 
     50                rPn5+QAAAP///////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA 
     51                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA 
     52                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA 
     53                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA 
     54                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA 
     55                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA 
     56                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA 
     57                AAAAAAAAAAAAAAAAAAAAACH5BAEAAJUALAAAAAAWABYAAAj/ACshGJCgYIIB 
     58                A44gQeKiBiQXLl7UYOFB4IsLFwQIiBTBCAcxAAAgaoIAjI4/Dbi0GHABA4aN 
     59                HA0EAKCgiZMkRYIs2ABlEYshLWFGkAngxAEEXmS8EbKEAQgyE4a83MiBqAIY 
     60                BwSVwMNzxQ0zKoAkgGnER4AnNH8g0LGgKYg0ezSomDBgYwQOMwkQ+EGgRIsd 
     61                EEj40aKBEoU7A2Ia4IBDr5M4CwCToESJCGUKJo6csWqHQBdCVDwoakC5tAMV 
     62                El6YVRNGAZpAWSYpWZFjEo8KpSl1GJHBEdooVia1WSMFQgFKFh5MeqCEkoYO 
     63                TIDkOXFi0KQ6CzwYzz1jOSUHKJhMpwiAldGXSVjKVCmdfPmM7yhGTMBxYIyM 
     64                BYYO1cZ9xTbu0pLwBkMSKRSyAQMF2GABbnOwkVtpEmxxQAoNeEDDZA9mSJkE 
     65                EyRSghA0gNDDdxo++EgGRTQwhXF9xFDigx9kEMSBN0jiwIu5ESHBBw3QscJx 
     66                hbmIYwEWNCJCCyJKgkIHFEji5JNOUtBBCiHwUQkDcHxgggkfSMCCHHq4EcKY 
     67                IpQJSAA2VBIQADs= 
     68        ]]></>.toString().replace(/\s+/g, ""); 
    2369 
     70        GM_addStyle([ 
     71                ".editor-toolbar a.button.command-toggleMode {", 
     72                        "background: url('",icon,"');", 
     73                "}", 
     74                ".editor-toolbar a.button.command-toggleMode:hover {", 
     75                        "background: url('",iconHover,"');", 
     76                "}", 
     77                ".editor-toolbar a.button.command-toggleMode.textmode ,", 
     78                ".editor-toolbar a.button.command-toggleMode.textmode:hover {", 
     79                        "background: url('",iconActive,"');", 
     80                "}", 
     81        ].join("")); 
     82})(); 
    2483 
    25         /* template functions  */ 
    26         function log () { 
    27                 var c = unsafeWindow.console; 
    28                 if (c) c.debug.apply(c, arguments); 
    29         } 
     84location.href = "javascript:"+encodeURIComponent(uneval(function () { 
     85        var toolbar = document.getElementById("compose-entry-toolbar"); 
     86        var button  = h("<a href='javascript:void(156)' class='command-toggleMode toolbar button' title='toggle mode'>ToggleMode</a>").firstChild; 
     87        toolbar.insertBefore(button, document.getElementById("restore-post")); 
     88 
     89        var update = function () { 
     90                setTimeout(function () { 
     91                        if (app.editor.mode == "textarea") { 
     92                                DOM.addClassName(button, "textmode"); 
     93                        } else { 
     94                                DOM.removeClassName(button, "textmode"); 
     95                        } 
     96                } ,0); 
     97        }; 
     98        button.addEventListener("click", update, false); 
     99        update(); 
    30100 
    31101        function h (s) { 
    … …  
    34104                return d; 
    35105        } 
    36 })(); 
     106}))+"()"; 
    37107