Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Tooltip

  1. #1

    Tooltip

    Questo è l'articolo di riferimento: http://javascript.html.it/articoli/l...bble-tooltips/

    Avrei la necessità di assegnare i tooltipo a due link, distanti tra loro.
    Provando a fare: <div id="tooltip">etc. etc.</div> ad entrambi i link, il primo funziona perfettamente, il secondo da problemi.

    Idee?

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649

    Re: Tooltip

    Originariamente inviato da supergeniux
    Provando a fare: <div id="tooltip">etc. etc.</div> ad entrambi i link
    e' sbagliato, un id deve individuare univocamente un elemento,
    non ci possono essere 2 elementi con stesso id

    cosa devi fare, limitare i tooltip a due aree specifiche,
    in pratica non il primo esempio, ma il secondo dell' articolo, solo esteso a due id?

  3. #3
    Si, esatto. Limitato (per ora, ma non è da escludere che gli id aumentino) a 2 id posizionati in posti diversi.

  4. #4
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    codice:
    function enableTooltips(id){
    var links,i,h;
    if(!document.getElementById || !document.getElementsByTagName) return;
    AddCss();
    h=document.createElement("span");
    h.id="btc";
    h.setAttribute("id","btc");
    h.style.position="absolute";
    document.getElementsByTagName("body")[0].appendChild(h);
    if(id==null) links=document.getElementsByTagName("a");
    else {
      for(var k=0,l=arguments.length;k<l;k++){
        links=document.getElementById(arguments[k]).getElementsByTagName("a");
          for(i=0;i<links.length;i++){
            Prepare(links[i]);
          }
      }
    }
    }
    window.onload=function(){enableTooltips("id_primo" ,"id_secondo","id_ennesimo")};

    ciao

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.