Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    [Javascript] Tooltip su TAG A

    Ciao su questo sito ho notato uno strano tooltip sui link A

    http://particletree.com/features/an-...ut-techniques/

    La cosa molto strana è che guardando il codice, i tag A che visualizzano questo tooltip non contengono classi strane e quindi credo sia tutto Js ...

    Qualcuno ha un' idea?

    Ho provato con un layer nascosto ma su Mozzilla non va ...

    Mentre quello di questo sito va sia su IE che Moz ...

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Niente Javascript. Si fa tutto con gli attributi di HTML.

    In particolare si usa l'attributo title:
    ..
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Certo ma come trasforma il contenuto dell attributo title in quellla specie di DIV?
    Sempre con css?

  4. #4
    nel caso specifico è DHTML ossia XHTML + CSS + Javascript (e DOM)

  5. #5
    Ok quindi devo creare una cosa di questo tipo :

    codice:
    window.onload = enableTooltips();
    
    function enableTooltips(){
    	var links=document.getElementsByTagName("a");
    	for(i=0;links.length;i++){
        	t=links[i].getAttribute("title");
        	alert(t);
        	if(t!=""){
            	links[i].removeAttribute("title");
            	links[i].style.position="relative";
            	tooltip=document.createElement("em");
            	tooltip.className="tooltip";
            	tooltip.style.display="none";
            	tooltip.appendChild(document.createTextNode(t));
            	links[i].appendChild(tooltip);
            	links[i].onmouseover=showTooltip;
            	links[i].onmouseout=hideTooltip;
            }
        }
    }
    function showTooltip(event){
        this.style.zIndex="25";
        this.getElementsByTagName("em")[0].style.display="block";
        }
    function hideTooltip(event){
        this.style.zIndex="24";
        this.getElementsByTagName("em")[0].style.display="none";
        }
    Questo l' ho trovato su pro.html.it

    ma mi da errore sul comando 'window.load' forse non è DOM.

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 © 2025 vBulletin Solutions, Inc. All rights reserved.