cambiar span al hacer click por un text box

[scorpionhack]

Hola buenas:

tengo una pregunta y haber is me podeis ayudar un poko...

tengo una tabla en mi web html con muchos datos, y me gustaria saber como puedo hacer, que al hacer click en unos de los campos... me apareciera un texbox en el campo que he clickado y que al poner algo me lo sustituya en la tabla por ejemplo yo tengo...

Dias Meses
17 15

pues que al clickar a 17 me apareciera en ese sitio un textbox y que yo al poner por ejemplo 20 quedara...

Dias Meses
20 15

algo asi como lo que hace una hoja de excel...

Gracias

Código HTML:

<tr class="lstcls" onmouseout="" onmouseover="" style="cursor: pointer;">
<td><span>1 centimo</span></td>
<td border="0" align="center"><span  id="vlr1cnt">2.50</span></td>
<td border="0" align="center"><span id="cant1cnt">10</span></td>

<td border="0" align="center"><span id="ttl1cnt" ></span></td>


</tr> 

[Panino5001]

Para editar no es necesario que utilices javascript, basta con usar html:

Código PHP:

  <table><tr>
<td><span contenteditable="true">1 centimo</span></td>
</tr></table> 
   

Para almacenar el resultado, en cambio, podrías usar AJAX.