Modificare il contenuto di una cella di tabella aprendo e chiudendo un box di scrittura/salvataggio

[lucavizzi]

ovvio che il sistema monitorizza la posizione del mouse e gestisce il posizionamento del box in funzione di questo

Questa supposizione è assolutamente errata, nessuno sviluppatore con un minimo di conoscenza del DOM la attuerebbe.


La normale prassi consiste nell'associare un evento al click su una cella e poi sostituire l'HTML della cella con qualcos'altro.
Ti scrivo un esempio con jQuery:

$(function(){
   $('#table_id td').click(function(){
      var cella_cliccata=$(this);
      var contenuto_della_cella=$(this).html();
      var nuovo_contenuto='<input value="'+contenuto_della_cella+'">';
      
      cella_cliccata.html(nuovo_contenuto);
   });
});

Questa soluzione è la normale prassi e va bene nella maggior parte dei casi, considerando che dovrai comunque paginare la tabella.


Se gli elementi cui associare l'evento fossero davvero molti, esistono degli approcci per evitare di associare un evento ad ogni singolo elemento, migliorando così le performances generali. Con jQuery si può usare delegate.

[Marcolino's]

Se gli elementi cui associare l'evento fossero davvero molti, esistono degli approcci per evitare di associare un evento ad ogni singolo elemento, migliorando così le performances generali. Con jQuery si può usare delegate.

Leggevo giusto di quanto hai scritto sul sito di jquery relativamente a delegate e ho scoperto che:

As of jQuery 1.7, .delegate() has been superseded by the .on() method. For earlier versions, however, it remains the most effective means to use event delegation. More information on event binding and delegation is in the .on() method. In general, these are the equivalent templates for the two methods: