 [HTML/PHP] Tabela z możliwością edycji zawartości |
| [HTML/PHP] Tabela z możliwością edycji zawartości |
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.: (IMG:http://images35.fotosik.pl/67/46dd77acf6a115bf.png) to chciałbym aby po naciśnięciu "Edytuj", otwierała się strona gdzie będzie taka sama tabelka, ale z polami tekstowymi. (IMG:http://images49.fotosik.pl/70/10b074d89f003755.png) 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 |
 |
 
|
 |
|
Post
#2
|
|
|
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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
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> |
|
|
|
Kredka29 [HTML/PHP] Tabela z możliwością edycji zawartości 24.02.2009, 17:39:55 
Foxx Oto namiary na wszystko co będzie Ci potrzebne:
1.... 24.02.2009, 17:47:00 
shaolin33 Cytat(Rafal Filipek @ 24.02.2009, 19:01... 28.06.2013, 08:06:22 Kredka29 Rafal Filipek, jesteś super, gdyby tak jeszcze pot... 24.02.2009, 18:35:59 Rafal Filipek No tak ale to juz inna bajka. to co mozesz zrobic ... 24.02.2009, 19:07:08 Kredka29 Dobra.
"Pomógł"
Pozdr. 24.02.2009, 19:29:03  |
|
Aktualny czas: 14.10.2025 - 14:15 |
