Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Edycja treści SPAN'a po dwukliku
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
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:
  1. <div class="dane">
  2. <div>Imię: <span><?php echo $imie ?></span></div>
  3. <div>Nazwisko: <span><?php echo $nazwisko ?></span></div>
  4. <div>Kod pocztowy: <span><?php echo $kod_pocztowy ?></span></div>
  5. <div>Miejscowość: <span><?php echo $miejscowosc ?></span></div>
  6. <div>Ulica: <span><?php echo $ulica ?></span></div>
  7. <div>Numer domu: <span><?php echo $nr_domu ?></span></div>
  8. <?php if($nr_lokalu){?>
  9. <div>Numer lokalu: <span><?php echo $nr_lokalu ?></span></div>
  10. <?php }?>
  11. <div>Telefon: <span><?php echo $telefon ?></span></div>
  12. <?php if($nip_klienta){?>
  13. <div>Nazwa firmy: <span><?php echo $nazwa ?></span></div>
  14. <div>Numer NIP: <span><?php echo $nip_klienta ?></span></div>
  15. <?php }?>
  16. </div>

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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.