Creare elementi (link,bottoni) che rispondano al passaggio mouse

[Elranius]

Salve a tutti,

ho una pagina con una tabella che devo popolare con dei dati estratti da DB e fino a qui ci sono arrivato.

Il mio problema ora è che una colonna di questa tabella contiene dei link che devono rispondere al mouse over con la comparsa di un popup con i dettagli.

La creazione dei link sono riuscito a gestirla con questa funzione:

function crealink(){  

var a = document.createElement('a');
var linkText = document.createTextNode("Test");
a.appendChild(linkText);
a.href = "ulrLink";
a.setAttribute("class","trigger");
document.getElementById('idDiv').appendChild(a);
};

In pratica creao un link con la classe trigger che poi viene gestita da questa funzione:

$(function(){
      $('a.trigger').hover(
          alert('mouse over intercettato');
       });
     });

Ora se la funzione CreaLink la richiamo direttamente nel Body mi crea i link che rispondono al mouse over, ma a me serve che i link vengano creati alla pressione di un tasto e in questo caso non rispondono più al mouse over.

Cosa sbaglio? E' un errore procedurale di funzioni lato client / server che non comunicano?

Grazie!

 

[Nefyt]

La funzione viene chiamata quando ancora non esiste, prova cosi

 $(document).bind('DOMSubtreeModified',function(){
  if($('a.trigger').length){
      $('a.trigger').hover(function(){
          alert('mouse over intercettato');
       });
   }});