Changeset 96

Timestamp:

12/21/05 12:25:05

Author:

piv

Message:

corrected and optimized csshover.htc script

Files:

• qPloneDropDownMenu/trunk/HISTORY.txt (modified) (1 diff)
• qPloneDropDownMenu/trunk/TODO.txt (modified) (1 diff)
• qPloneDropDownMenu/trunk/skins/qPloneDropDownMenu/csshover.htc.dtml (modified) (1 diff)
• qPloneDropDownMenu/trunk/skins/qPloneDropDownMenu/drop_down.css.dtml (modified) (11 diffs)
• qPloneDropDownMenu/trunk/skins/qPloneDropDownMenu/global_sections.pt (modified) (1 diff)
• qPloneDropDownMenu/trunk/version.txt (modified) (1 diff)

qPloneDropDownMenu/trunk/HISTORY.txt

@@ +1 @@
+0.1.7
+
+  * corrected and optimized csshover.htc script
+   
-0.1.6
-

qPloneDropDownMenu/trunk/TODO.txt

@@ +1 @@
+
+ * next optimization of csshover.htc script

qPloneDropDownMenu/trunk/skins/qPloneDropDownMenu/csshover.htc.dtml

@@ -3 +3 @@
-<script language="JScript">
-/**
-     
-     
-     
-     
+    
+    
+    
+    
- *
-     
-             
+    
+        
- *
-     
-     
+    
+    
- */
-
-var currentSheet, doc = window.document;
-
-
+
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-};
-
-function ddMenuAdd(ddMenuID) {
-        if ( typeof(ddMenuID) == "undefined") return;
-        ddMenuIDs[ddMenuIDs.length] = ddMenuID.replace(/List/, "");
-};
-
-function parseStylesheets() {
-        findDdMenus();
-        var sheets = doc.styleSheets, l = sheets.length;
-        for(var i=0; i<l; i++) 
-                parseStylesheet(sheets[i]);
-}
-        function parseStylesheet(sheet) {
-                var l, rules, imports;
-                if(sheet.imports) {
-                        imports = sheet.imports, l = imports.length;
-                        for(var i=0; i<l; i++) 
-                                parseStylesheet(sheet.imports[i]);
-                }
-
-                rules = (currentSheet = sheet).rules, l = rules.length;
-                for(var j=0; j<l; j++) parseCSSRule(rules[j]);
-        }
-
-        function parseCSSRule(rule) {
-                var select = rule.selectorText, style = rule.style.cssText;
-
-                if ( style.replace(/ /, "") == "" ) return;
-
-                var ddMenuID, Found = 0;
-                for (var t=0; t<ddMenuIDs.length; t++) {
-                        if (select.indexOf(ddMenuIDs[t]) != -1) {
-                        Found = 1;
-                        ddMenuID = ddMenuIDs[t];
-                        break;
-                        }
-                }
-                if (!Found) return;
-
-                if(!(/(^|\s)(([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):hover/i).test(select)) return;
-                
-                var newSelect = select.replace(/(\.([a-z0-9_-]+):hover)|(:hover)/g, '.$2onHover');
-                var hasClass = (/(\.([a-z0-9_-]+):hover)/g).exec(select);
-                var className = (hasClass? hasClass[2]:'') + 'onHover';
-
-                var affected = select.replace(/:hover.*$/g, '');           
-                eval('affected = affected.replace(/#' + ddMenuID + '([ ]+)/i, "")');               
-
-                var elements = getElementsBySelect(affected, ddMenuID);
-                
-                currentSheet.addRule(newSelect, style);
-                for(var i=0; i<elements.length; i++)
-                        new HoverElement(elements[i], className);
-        }
-
-function HoverElement(node, className) {
-        if(!node.hovers) node.hovers = {};
-        if(node.hovers[className]) return;
-        node.hovers[className] = true;
-        node.attachEvent('onmouseover',
-                function() { node.className += ' ' + className; });
-        node.attachEvent('onmouseout',
-                function() { node.className = 
-                        node.className.replace((new RegExp('\\s+'+className)),''); });
-}
-
-function getElementsBySelect(rule, ddMenuID) {
-        var parts, nodes = [doc.getElementById(ddMenuID)];
-        parts = rule.split(' ');
-        for(var i=0; i<parts.length; i++) {
-                nodes = getSelectedNodes(parts[i], nodes);
-        }       return nodes;
-}
-        function getSelectedNodes(select, elements) {
-                var result, node, nodes = [];
-                var classname = (/\.([a-z0-9_-]+)/i).exec(select);
-                var identify = (/\#([a-z0-9_-]+)/i).exec(select);
-                var tagName = (/^[a-z0-9]+/i).exec(select.toUpperCase()) || '*';
-                for(var i=0; i<elements.length; i++) {
-                        result = elements[i].getElementsByTagName(tagName);
-                        for(var j=0; j<result.length; j++) {
-                                node = result[j];
-                                if((identify && node.id != identify[1]) || (classname && !(new RegExp('\\b' +
-                                        classname[1] + '\\b').exec(node.className)))) continue;
-                                nodes[nodes.length] = node;
-                        }
-                }       return nodes;
-        }
-
-function getElementsByClassName(clsName, parentEle, tagName, fn) {
-        var found = new Array();
-        var re = new RegExp('\\b'+clsName+'\\b', 'i');
-        var list = parentEle.getElementsByTagName(tagName);
-        for (var i = 0; i < list.length; ++i) {
-                if (list[i].className.search(re) != -1) {
-                        found[found.length] = list[i];
-                        if (fn) fn(list[i]);
-                }
-        }
-        return found;
-}
-
-</script>

qPloneDropDownMenu/trunk/skins/qPloneDropDownMenu/drop_down.css.dtml

@@ -7 +7 @@
-
-
-             ------  Basic style     ------          
+             ------  Basic style  ------             
-#portal-globalnav ul {
-       
-       
-       
-       
+        
+        
+        
+        
-}
-
-#portal-globalnav li {
-       
-       
-       
-       
-       
-       
-       
+        
+        
+        
+        
+        
+        
+        
-}
-
-#portal-globalnav a {
-       
-       
+        
+        
-}
-
-#portal-globalnav li ul {
-       
-       
-       
+        
+        
+        
-}
-
@@ -48 +48 @@
-
-html>body #portal-globalnav li ul li {
-       
-       
+        
+        
-}
-
-
-       
+.csshover 
+        
-}
-
@@ -59 +59 @@
-/* fix the position */
-#portal-globalnav li ul li ul {
-       
-       
+        
+        
-}
-
@@ -66 +66 @@
-
-/* simulate child selector for IE */
-li:hover ul, #portal-globalnav li:hover li:hover ul, #portal-globalnav li:hover li:hover li:hover ul, #portal-globalnav
-       
+.csshover li:hover ul, #portal-globalnav .csshover li:hover li:hover ul, #portal-globalnav .csshover li:hover li:hover li:hover ul, #portal-globalnav .csshover
+        
-}
-li:hover li ul, #portal-globalnav li:hover li:hover li ul, #portal-globalnav li:hover li:hover li:hover li ul, #portal-globalnav
-       
+.csshover li:hover li ul, #portal-globalnav .csshover li:hover li:hover li ul, #portal-globalnav .csshover li:hover li:hover li:hover li ul, #portal-globalnav .csshover
+        
-}
-
-/* do the normal show, with increased specificity */
-
-       
+.csshover 
+       
-}
-
-/*     ------   Make-up --------            */
-
-/*.outer {
-       padding-bottom: 4px;
-       padding-top: 1em;
-}*/
-
-#portal-globalnav li.invisibleHeightKeeper {
@@ -94 +89 @@
-}*/
-
-
+.csshover 
-        background-color: &dtml-globalBackgroundColor;;
-}
-
-
-       
+.csshover 
+        
-}
-
-
-
-
-       
-       
+.csshover 
+.csshover 
+        
+        
-}
-
-
-
-
-
+.csshover 
+.csshover 
+.csshover 
-        background-color: &dtml-globalBackgroundColor;;
-}
@@ -123 +118 @@
-#portal-globalnav ul li ul {
-        border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;;
-       
-       
+        
+        
-        background-color: &dtml-globalBackgroundColor;;
-}
-
-
+.csshover 
-        background-color: &dtml-backgroundColor;;
-       
+        
-}
-
-
-/* latest changes */
-
-
@@ -140 +132 @@
-
-
+/* latest changes */
-
-#portal-globalnav ul {
@@ -151 +144 @@
-        margin:0;
-        line-height:normal;
- 
+
-
-#portal-globalnav ul li.selected a,
-
+.csshover 
-
-        color:&dtml-globalFontColor;;
@@ -160 +153 @@
-
-
-
+.csshover 
-        background-color:&dtml-globalBackgroundColor;;
-}
-
-
-
+.csshover 
-        margin:0;
-;
+
-        background-color: &dtml-backgroundColor;;
-        overflow:visible;
-}
-
-
+.csshover 
-        background-color: &dtml-backgroundColor; !important;
-        padding:0;
@@ -178 +171 @@
-}
-
-
+.csshover 
-        color: &dtml-globalFontColor !important;
-        background-color: &dtml-backgroundColor; !important;
@@ -186 +179 @@
-}
-
-
+.csshover 
-        background-color: &dtml-globalBackgroundColor; !important;
-        background-image:none;

qPloneDropDownMenu/trunk/skins/qPloneDropDownMenu/global_sections.pt

@@ -9 +9 @@
-        tal:omit-tag="">
-      <h5 class="hiddenStructure" i18n:translate="heading_sections">Sections</h5> 
-
-<div id="portal-globalnav"
-
-
-
-
-
-
+
+   <div
+    
+    
+    
+    
+   
+
-   </div>
-</body>

qPloneDropDownMenu/trunk/version.txt

@@ -1 @@
-6
+7