[HTML/PHP] Tabela z możliwością edycji zawartości |
[HTML/PHP] Tabela z możliwością edycji zawartości |
24.02.2009, 17:39:55
Post
#1
|
|
Grupa: Zarejestrowani Postów: 78 Pomógł: 1 Dołączył: 6.12.2008 Skąd: Polska Ostrzeżenie: (0%) |
Witam.
Chciałbym się dowiedzieć jak zrobić coś takiego, że jest sobie tabelka, np.: to chciałbym aby po naciśnięciu "Edytuj", otwierała się strona gdzie będzie taka sama tabelka, ale z polami tekstowymi. i po naciśnięciu "Zapisz", zapisywałoby dane w pliku (może być txt). Ważne, aby wpisane wcześniej wartości, po naciśnięciu "Edytuj", były zachowane, tzn. zostały by w polu tekstowym i w tabelce. Strona edycji nie musi być w tym samym pliku. Na pewno da się takie coś zrobić, tylko nie wiem jak. Oczywiście przycisk Edycji byłby wyświetlany za podaniem hasła, ale z tym bym sobie poradził. Pozdrawiam -------------------- Mam Windows 7 RC
|
|
|
24.02.2009, 17:47:00
Post
#2
|
|
Grupa: Zarejestrowani Postów: 896 Pomógł: 76 Dołączył: 15.11.2003 Skąd: Sosnowiec/Kraków Ostrzeżenie: (0%) |
Oto namiary na wszystko co będzie Ci potrzebne:
1. Edytowanie treści: formularze html. 2. Zachowanie treści w polach formularza: parametr value dla pól input. 3. Operacje na plikach: http://pl.php.net/manual/pl/ref.filesystem.php 4. Lub jeżeli wybierzesz bazę mysql: http://pl.php.net/manual/pl/ref.mysql.php 5. Słowa kluczowe do wyszukiwarki: "formularz php", "wysłanie formularza", "zapis danych do pliku"... |
|
|
24.02.2009, 18:01:38
Post
#3
|
|
Grupa: Zarejestrowani Postów: 274 Pomógł: 54 Dołączył: 2.05.2006 Skąd: Nadarzyn Ostrzeżenie: (0%) |
A jakbyś chciał mieć edytowanie w tej samej tabelce na tej samej stronie bez przeładownia itp to looknij na to, pisałem na szybko ale działa ok
Kod <head>
<title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <script> function edit(){ var table = document.getElementById('fields'), fields = table.getElementsByTagName('td'), span, input, field, i; for(i=0; i<fields.length; i++){ field = fields[i]; span = field.getElementsByTagName('span')[0]; span.style.display = 'none'; if(!(input = field.getElementsByTagName('input')[0])){ input = document.createElement('input'); field.appendChild(input); } input.style.display = 'inline'; input.value = span.innerHTML; } } function update(){ var table = document.getElementById('fields'), fields = table.getElementsByTagName('td'), span, input, field, i; for(i=0; i<fields.length;i++){ field = fields[i]; span = field.getElementsByTagName('span')[0]; input = field.getElementsByTagName('input')[0] input.style.display = 'none'; span.innerHTML = input.value; span.style.display = 'inline'; } } </script> </head> <body> <table id="fields" border="1" style="width: 300px;"> <tr> <td><span>1</span></td> <td><span>2</span></td> <td><span>3</span></td> </tr> <tr> <td><span>4</span></td> <td><span>5</span></td> <td><span>6</span></td> </tr> <tr> <td><span>7</span></td> <td><span>8</span></td> <td><span>9</span></td> </tr> </table> <button onclick="edit()">edytuj</button> <button onclick="update()">update</button> </body> </html> |
|
|
24.02.2009, 18:35:59
Post
#4
|
|
Grupa: Zarejestrowani Postów: 78 Pomógł: 1 Dołączył: 6.12.2008 Skąd: Polska Ostrzeżenie: (0%) |
Rafal Filipek, jesteś super, gdyby tak jeszcze potrafiło by to "zapamiętywać dane" po np. odświerzeniu, było by świetnie =]
Z góry dzięki, Kredka29 -------------------- Mam Windows 7 RC
|
|
|
24.02.2009, 19:07:08
Post
#5
|
|
Grupa: Zarejestrowani Postów: 274 Pomógł: 54 Dołączył: 2.05.2006 Skąd: Nadarzyn Ostrzeżenie: (0%) |
No tak ale to juz inna bajka. to co mozesz zrobic to wpakowac ta tabelke w <form></form> i dodac 1 przycisk ktory wysle formularz i tyle. ewentualnie mozna bawic sie formularzem ajaxowym ale to pewnie najlatwiej byloby wykorzystac jakas bibliotekę js np. jQuery.
|
|
|
24.02.2009, 19:29:03
Post
#6
|
|
Grupa: Zarejestrowani Postów: 78 Pomógł: 1 Dołączył: 6.12.2008 Skąd: Polska Ostrzeżenie: (0%) |
Dobra.
"Pomógł" Pozdr. -------------------- Mam Windows 7 RC
|
|
|
28.06.2013, 08:06:22
Post
#7
|
|
Grupa: Zarejestrowani Postów: 136 Pomógł: 0 Dołączył: 5.10.2012 Ostrzeżenie: (10%) |
A jakbyś chciał mieć edytowanie w tej samej tabelce na tej samej stronie bez przeładownia itp to looknij na to, pisałem na szybko ale działa ok Kod <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <script> function edit(){ var table = document.getElementById('fields'), fields = table.getElementsByTagName('td'), span, input, field, i; for(i=0; i<fields.length; i++){ field = fields[i]; span = field.getElementsByTagName('span')[0]; span.style.display = 'none'; if(!(input = field.getElementsByTagName('input')[0])){ input = document.createElement('input'); field.appendChild(input); } input.style.display = 'inline'; input.value = span.innerHTML; } } function update(){ var table = document.getElementById('fields'), fields = table.getElementsByTagName('td'), span, input, field, i; for(i=0; i<fields.length;i++){ field = fields[i]; span = field.getElementsByTagName('span')[0]; input = field.getElementsByTagName('input')[0] input.style.display = 'none'; span.innerHTML = input.value; span.style.display = 'inline'; } } </script> </head> <body> <table id="fields" border="1" style="width: 300px;"> <tr> <td><span>1</span></td> <td><span>2</span></td> <td><span>3</span></td> </tr> <tr> <td><span>4</span></td> <td><span>5</span></td> <td><span>6</span></td> </tr> <tr> <td><span>7</span></td> <td><span>8</span></td> <td><span>9</span></td> </tr> </table> <button onclick="edit()">edytuj</button> <button onclick="update()">update</button> </body> </html> czegoś podobnego poszukuje ale zeby wykorzystac mysql oraz cos tak jak tutaj: Temat: MySQLPHPWyswietlenie danych z sql edycja |
|
|
Wersja Lo-Fi | Aktualny czas: 18.04.2024 - 11:28 |