Forum Coders' city Strona Główna Coders' city
Nasza pasja to programowanie!
 

 PomocPomoc   SzukajSzukaj   UżytkownicyUżytkownicy   GrupyGrupy  RejestracjaRejestracja 
Archiwum starego forum + teoria    RSS & Panel/SideBar
 ProfilProfil   Zaloguj się, by sprawdzić wiadomościZaloguj się, by sprawdzić wiadomości   ZalogujZaloguj 

Potrzebuję szybkiej odpowiedzi na moje pytanie... Zasady

Edycja komórek tabeli



 
Odpowiedz do tematu    Forum Coders' city Strona Główna -> Webmasterstwo
Zobacz poprzedni temat :: Zobacz następny temat  
Autor Wiadomość
Ktośśiek
Gość





PostWysłany: Wto Maj 19, 2015 9:44 am  OP    Temat postu: Edycja komórek tabeli Odpowiedz z cytatem Pisownia

Weźmy przykładową tabelę

Kod:
<table>
<tr>
<td>11</td><td>12</td>
</tr><tr>
<td>21</td><td>22</td>
</tr>
</table>



I teraz chcę, aby po kliknięciu np.11 wyskoczyło pole do edycji i po kliknięciu "enter" zapisywały się te dane. Jakiego języka programowania użyć i mniej więcej jak to robić. Już nie wiem gdzie szukać
Powrót do góry
Marcin_Miga



Dołączył: 09 Lis 2005
Posty: 2575

PostWysłany: Wto Maj 19, 2015 2:53 pm      Temat postu: Odpowiedz z cytatem Pisownia

W starym stylu: w jakimś języku serverowym np. PHP lub ASP + HTML
W nowym stylu: ajax, np. JQuery + JQuery UI
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość Wyślij email Tlen
Luke



Dołączył: 17 Cze 2007
Posty: 1893
Skąd: Szczecin

PostWysłany: Wto Maj 19, 2015 5:49 pm      Temat postu: Odpowiedz z cytatem Pisownia

Ale ten "nowy sposób" bez zapisu danych "gdzieś" (zapewne na serwerze) się przecież nie obejdzie.
No i dlaczego koniecznie jQuery? Po prostu JavaScript.

_________________
Moje projekty | Tani hosting
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość Odwiedź stronę autora
Sinus32



Dołączył: 20 Sty 2007
Posty: 895

PostWysłany: Wto Maj 19, 2015 7:03 pm      Temat postu: Odpowiedz z cytatem Pisownia

Ja bym zaproponował ajax, JQuery, ASP.NET MVC, MS SQL i HTML, lub nawet AngularJS, JQuery i HTML5 z zapisem danych tylko u klienta.

A na pytanie dlaczego JQuery odpowiedź brzmi: bo szybciej się pisze i działa.
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość Odwiedź stronę autora
marcin_an



Dołączył: 26 Maj 2005
Posty: 18820

PostWysłany: Wto Maj 19, 2015 7:30 pm      Temat postu: Odpowiedz z cytatem Pisownia

Ktośśiek:
Jeżeli ta tabela stanowi pojedynczą instancję danych (np. macierz): dodając kilkanaście znaków wokół wartości: <input name="rc" value="wartość">. Gdzie rc to identyfikator komórki. Całość w form i pod spodem przycisk do wysyłania.

Jeżeli ta tabela stanowi zbiór większej instancji danych (np. wyplucie listy wyników z bazy danych): dodając kolumnę z przyciskami odsyłającymi do formularza edycji dla każdego wiersza: <form method="get" action="…"><div><input type="hidden" name="rowid" value="…"><input type="submit" value="Edytuj"></div></form>.

Oczywiście w obydwu przypadkach musisz po stronie serwera napisać kod obsługujący zapytanie.

Jeżeli po napisaniu tego kodu po stronie serwera nadal będzie ci się chciało, to możesz dodać JavaScript, który po uruchomieniu zarejestruje odpowiednie eventy do przycisków i wyświetli formularz od razu na stronie bez przeładowania. Wspomniany JQuery do zrobienia takowego jak najbardziej się nada. W połowie pisania i tak zorientujesz się, że piszesz kod, który tak naprawdę nie dodaje nic oprócz błędów i wkurzania użytkowników, a ty marnujesz swój czas, który mógłbyś poświęcić na coś bardziej pożytecznego ;).
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość
anonimowy999
Gość





PostWysłany: Wto Lip 28, 2015 1:38 pm      Temat postu: Odpowiedz z cytatem Pisownia

laik jestem.. ale tak to widzę ;-)
Kod:
<table align="center" id="ttt" border="1">
  <tr><td>11</td><td>12</td></tr>
  <tr><td>21</td><td>22</td></tr>
</table>

<script type="text/javascript">         
    
var table = document.getElementById("ttt");
    for (var i = 0; i < table.rows.length; i++) {
        for (var j = 0; j < table.rows[i].cells.length; j++)
        table.rows[i].cells[j].onclick = function () {
            tableText(this);
        };
    }

function tableText(tableCell) {
    tableCell.innerHTML = window.prompt("co wpisać??","0");
}

</script>
Powrót do góry
Wyświetl posty z ostatnich:   
Odpowiedz do tematu    Forum Coders' city Strona Główna -> Webmasterstwo Wszystkie czasy w strefie CET (Europa)

Strona 1 z 1

 
Skocz do:  
Możesz pisać nowe tematy
Możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Możesz dodawać załączniki na tym forum
Możesz pobierać pliki z tego forum




Debug: strone wygenerowano w 0.22311 sekund, zapytan = 11
contact

| Darmowe programy i porady Jelcyna | Tansze zakupy w Helionie | MS Office Blog |