Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812

    Menu a Tendina (CssPlay)

    sto cercando di sistemare il mio menù a tendina ( www.creazionespettacoli.net ) perché ho scoperto che si sono problemi con le protezioni di IE7 ( ) perché carica un piccolo JS e certe opzioni di Norton, insomma: un disastro per nulla... vabbè...
    ( http://css.html.it/articoli/leggi/43...olo-con-i-css/ )

    allora, studiando queste pagine ( http://www.cssplay.co.uk/menus/drop_examples.html ), risulta che bisogna inserire una marea i commenti condizionali per IE6 IE7...
    bisogna farsi un mazzo tanto...

    Qualcuno è a conoscenza di cose più semplici?

  2. #2
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    Insomma: voglio solo fare un menù fatto bene!

    ...e poi dicono che la gente si deprime....suicidi di massa, pulizie etniche...

  3. #3

  4. #4
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    Grazie Piero, mi sa che è proprio quello che cercavo...
    Verifico nei prossimi giorni.
    Nessun problema di accessibilità - usabilità - script bloccati, vero?

  5. #5
    se un antivirus cerca javascript dentro il css ... allora sprecano performance per niente....


    Un menu a tendina che funziona anche con javascript disattivato è questo....


    http://www.jazzascona.ch/ o http://sourceforge.net/



    body { behavior:url("csshover.htc"); }


    csshover2.htc


    codice:
    <attach event="ondocumentready" handler="parseStylesheets" />
    <script>
    /**
     *	Whatever:hover - V2.02.060206 - hover, active & focus
     *	------------------------------------------------------------
     *	(c) 2005 - Peter Nederlof
     *	Peterned - http://www.xs4all.nl/~peterned/
     *	License  - http://creativecommons.org/licenses/LGPL/2.1/
     *
     *	Whatever:hover is free software; you can redistribute it and/or
     *	modify it under the terms of the GNU Lesser General Public
     *	License as published by the Free Software Foundation; either
     *	version 2.1 of the License, or (at your option) any later version.
     *
     *	Whatever:hover is distributed in the hope that it will be useful,
     *	but WITHOUT ANY WARRANTY; without even the implied warranty of
     *	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
     *	Lesser General Public License for more details.
     *
     *	Credits and thanks to:
     *	Arnoud Berendsen, Martin Reurings, Robert Hanson
     *
     *	howto: body { behavior:url("csshover.htc"); }
     *	------------------------------------------------------------
     */
    
    var csshoverReg = /(^|\s)((([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active))|((a|input|textarea)([#.][^ ]+)?:unknown)/i,
    currentSheet, doc = window.document, hoverEvents = [], activators = {
    	onhover:{on:'onmouseover', off:'onmouseout'},
    	onactive:{on:'onmousedown', off:'onmouseup'},
    	onunknown:{on:'onfocus', off:'onblur'}
    }
    
    function parseStylesheets() {
    	if(!/MSIE (5|6)/.test(navigator.userAgent)) return;
    	window.attachEvent('onunload', unhookHoverEvents);
    	var sheets = doc.styleSheets, l = sheets.length;
    	for(var i=0; i<l; i++) 
    		parseStylesheet(sheets[i]);
    }
    	function parseStylesheet(sheet) {
    		if(sheet.imports) {
    			try {
    				var imports = sheet.imports, l = imports.length;
    				for(var i=0; i<l; i++) parseStylesheet(sheet.imports[i]);
    			} catch(securityException){}
    		}
    
    		try {
    			var rules = (currentSheet = sheet).rules, l = rules.length;
    			for(var j=0; j<l; j++) parseCSSRule(rules[j]);
    		} catch(securityException){}
    	}
    
    	function parseCSSRule(rule) {
    		var select = rule.selectorText, style = rule.style.cssText;
    		if(!csshoverReg.test(select) || !style) return;
    		
    		var pseudo = select.replace(/[^:]+:([a-z-]+).*/i, 'on$1');
    		var newSelect = select.replace(/(\.([a-z0-9_-]+):[a-z]+)|(:[a-z]+)/gi, '.$2' + pseudo);
    		var className = (/\.([a-z0-9_-]*on(hover|active|unknown))/i).exec(newSelect)[1];
    		var affected = select.replace(/:(hover|active|unknown).*$/, '');
    		var elements = getElementsBySelect(affected);
    		if(elements.length == 0) return;
    
    		currentSheet.addRule(newSelect, style);
    		for(var i=0; i<elements.length; i++)
    			new HoverElement(elements[i], className, activators[pseudo]);
    	}
    
    function HoverElement(node, className, events) {
    	if(!node.hovers) node.hovers = {};
    	if(node.hovers[className]) return;
    	node.hovers[className] = true;
    	hookHoverEvent(node, events.on, function() { node.className += ' ' + className; });
    	hookHoverEvent(node, events.off, function() { node.className = node.className.replace(new RegExp('\\s+'+className, 'g'),''); });
    }
    	function hookHoverEvent(node, type, handler) {
    		node.attachEvent(type, handler);
    		hoverEvents[hoverEvents.length] = { 
    			node:node, type:type, handler:handler 
    		};
    	}
    
    	function unhookHoverEvents() {
    		for(var e,i=0; i<hoverEvents.length; i++) {
    			e = hoverEvents[i]; 
    			e.node.detachEvent(e.type, e.handler);
    		}
    	}
    
    function getElementsBySelect(rule) {
    	var parts, nodes = [doc];
    	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 identify = (/\#([a-z0-9_-]+)/i).exec(select);
    		if(identify) {
    			var element = doc.getElementById(identify[1]);
    			return element? [element]:nodes;
    		}
    		
    		var classname = (/\.([a-z0-9_-]+)/i).exec(select);
    		var tagName = select.replace(/(\.|\#|\:)[a-z0-9_-]+/i, '');
    		var classReg = classname? new RegExp('\\b' + classname[1] + '\\b'):false;
    		for(var i=0; i<elements.length; i++) {
    			result = tagName? elements[i].all.tags(tagName):elements[i].all; 
    			for(var j=0; j<result.length; j++) {
    				node = result[j];
    				if(classReg && !classReg.test(node.className)) continue;
    				nodes[nodes.length] = node;
    			}
    		}	
    		
    		return nodes;
    	}
    </script>
    I search one translator Italian/[2]/Englisch for my QT4 Projekt:
    http://sourceforge.net/projects/qt-webdav/
    http://sourceforge.net/projects/visual-xsltproc/
    http://sourceforge.net/projects/qtexcel-xslt/

  6. #6
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    Grazie patrik del tuo intervento.

    Appena ho un po' di tempo faccio prove varie.

    Solo una cosa: accedendo con IE6 a jazzascona.ch rilevo un errore alla riga 136: necessario oggetto, e il menu non mi funge bene; non compare la freccia sul puntatore e non si espande il menu.
    Funzica invece con FF2

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.