Preguntas sobre el menú

Inicio Forums Ayuda / Ajuda / Laguntza / Axuda / Help Preguntas sobre el menú

This topic contains 4 respuestas, has 2 voices, and was last updated by  PacoRuiz Hace 8 años.

  • Author
    Entradas
  • #26555

    PacoRuiz
    Member

    Hola, un par de preguntas

    1.
    El material que estoy desarrollando es muy amplio así que lo he dividido en varios exes que llamaré desde una página web.
    Me gustaría poner como último elemento de cada menú un [VOLVER] de forma que al pulsarlo (se cerrara el exe y) volviera a la página web que lo llamó.
    ¿Hay alguna forma de hacer esto?

    2.
    Al pasar sobre un elemento de menú, ¿hay alguna forma de que aparezca un bocadillo con información, o aunque sea un simple recuadrito de los que desaparece al mover el ratón?

    Gracias, un saludo

  • #26560

    Ignacio Gros
    Keymaster

    Hola Paco:

    1. Mientras los Estilos no permitan HTML personalizado (incidencia relacionada) tendrás que recurrir a JavaScript. Puedes incluir este código en el archivo JS del Estilo que estés usando o en Propiedades – Pie de página:

    $(function(){
    	$("#siteNav ul").eq(0).append('<li><a href="../">Volver</a></li>');
    });

    2. La respuesta es similar. De momento puedes usar una solución dependiente de JavaScript:

    $(function(){
    	var natTitles = [
    		'Title A',
    		'Title B'
    	];
    	$("#siteNav a").each(function(i){
    		if (natTitles[i]) this.title = natTitles[i];
    	});
    });

    Espero que te sirva.

  • #26603

    PacoRuiz
    Member

    Gracias Ignacio,
    por fin he podido probarlo de las dos formas y me viene genial
    (creo que lo usaré en el pie de página porque lo veo más controlado).

    Siguiendo con el hilo aprovecho para añadir una tercera pregunta.

    3.
    Me gustaría que al desplegar cualquier menú de un determinado nivel, se le añadiera al final del texto el símbolo ‘+’ (si es que tiene nodos hijos) y al volverlo a plegar desapareciera.

    Gracias de antemano por cualquier ayuda
    Paco Ruiz

  • #26610

    Ignacio Gros
    Keymaster

    Hola Paco.

    Lo puedes hacer con CSS añadiendo esto en nav.css (no funcionará en navegadores antiguos):

    #siteNav a.daddy:after{content:" +"}
    #content #siteNav a.main-node:after{content:none}
    #siteNav a.active.daddy:after{content:" -"}

    También puedes usar JavaScript. Ejemplo:

    $(function(){
    	$("#siteNav a").each(function(){
    		var e = $(this);
    		if (e.hasClass("daddy") && !e.hasClass("main-node")) {
    			var symbol = "+";
    			if (e.hasClass("active")) symbol = "-";
    			this.innerHTML += '<span> '+symbol+'</span>';
    		}
    	});
    });

    Saludos.

  • #26617

    PacoRuiz
    Member

    Hola Ignacio

    Respecto a lo de añadir un símbolo al final de un nodo que se despliega/repliega.
    Si esta función que me mandas quisiera aplicarla solo a un determinado nivel del árbol, o a dos nives en concreto, ¿cómo se haría? Me pierdo un poco en la estructura del menú.

    Por cierto, tu texto me sale casi invisible. Tengo que seleccionarlo para que se resalte o para copiarlo.

    $(function(){
    $(“#siteNav a”).each(function(){
    var e = $(this);
    if (e.hasClass(“daddy”) && !e.hasClass(“main-node”)) {
    var symbol = “+”;
    if (e.hasClass(“active”)) symbol = “-“;
    this.innerHTML += ‘<span> ‘+symbol+'</span>’;
    }
    });
    });

You must be logged in to reply to this topic.

Skip to content