Edycja treści SPAN'a po dwukliku, dynamiczna obsługa formularzy Opcje

[5w155]

Witam!
Chciałbym uzyskać efekt taki, że po dwukliku na pewnego SPAN'a w jego miejsce pojawi sie <input type="text" /> z wartością (value) którą ma ten span (w tym przypadku- dane pobrane z bazy), a później po wciśnięciu ENTER'a treść SPAN'a będzie taka jaką wpisaliśmy. I po tym wszystkim chciałbym pobrać wszystkie wartości tych SPAN'ów.
Tak to wygląda od strony wizualnej:




a tak od strony kodowej:

[PHP] pobierz, plaintext 
<div class="dane">
    <div>Imię: <span><?php echo $imie ?></span></div>
    <div>Nazwisko: <span><?php echo $nazwisko ?></span></div>
    <div>Kod pocztowy: <span><?php echo $kod_pocztowy ?></span></div>
    <div>Miejscowość: <span><?php echo $miejscowosc ?></span></div>
    <div>Ulica: <span><?php echo $ulica ?></span></div>
    <div>Numer domu: <span><?php echo $nr_domu ?></span></div>
    <?php if($nr_lokalu){?>
    <div>Numer lokalu: <span><?php echo $nr_lokalu ?></span></div>
    <?php }?>
    <div>Telefon: <span><?php echo $telefon ?></span></div>
    <?php if($nip_klienta){?>
    <div>Nazwa firmy: <span><?php echo $nazwa ?></span></div>
    <div>Numer NIP: <span><?php echo $nip_klienta ?></span></div>
    <?php }?>
</div>
[PHP] pobierz, plaintext 

Wszelkie zmienne w tym kodzie to dane pobrane z bazy. Dzięki za pomoc!

[baa]

Zobacz sobie plugin jQuery, który robi coś podobnego: http://www.appelsiini.net/projects/jeditable/default.html
Albo JS: http://tool-man.org/examples/edit-in-place.html

Lub szukaj "edit in place" w Google.

PS. Nie pakuj wszystkiego w divy. Używaj UL/OL albo P.