Forum PHP.pl > [JS] Problem ze skryptem do zapisu danych z okienka do wiersza

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JS] Problem ze skryptem do zapisu danych z okienka do wiersza

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

martinstw

3.01.2009, 22:48:32

Witam!

Czy mógłby mi ktoś doradzić jak można zapisywać dane z pól input w okienku do wiersza tabeli?
Okienko otwiera się po naciśnięciu na przycisk Edytuj.

Kod wygląda następująco: http://www.wklej.org/hash/c8e06aa6d6/

Rafal Filipek

3.01.2009, 23:49:39

Jakoś nie podoba mi się to tworzenie dodatkowych table i tak dalej. To co podałem poniżej nie sprawdzałem tylko w ie6.

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title></title>
	<script type="text/javascript">
		function editRow(button){
			var i, j, node;
			var row = button.parentNode.parentNode;
			var elements = row.getElementsByTagName('span');
			var count = elements.length;
			for(i=0; i < count; i++){
				var span = elements[i];
				span.style.display = 'none';
				if(span.nextSibling == null){
					try{ input = document.createElement('<input />'); }
					catch(e){ input = document.createElement('input'); }
					span.parentNode.appendChild(input);
				}else{
					input.style.display = 'inline';
					input = span.nextSibling;
				}
				input.value = span.innerHTML;
			}
 
		}
		function stopEditRow(button){
			var i, j, node;
			var row = button.parentNode.parentNode;
			var elements = row.getElementsByTagName('span');
			var count = elements.length;
			for(i=0; i < count; i++){
				var span = elements[i];
				var input = span.nextSibling;
				span.style.display = 'inline';
				span.innerHTML = input.value;
				input.style.display = 'none';
 
			}
		}
	</script>
</head>
<body>
	<table border="1">
		<tr>
			<th></th>
			<th>Kolumna 1</th>
			<th>Kolumna 2</th>
			<th>Kolumna 3</th>
			<th>Kolumna 4</th>
			<th>Opcje</th>
		</tr>
		<tr>
			<td><input type="checkbox" /></td>
			<td><span>wartość 1</span></td>
			<td><span>wartość 2</span></td>
			<td><span>wartość 3</span></td>
			<td><span>wartość 4</span></td>
			<td>
				<button>usuń</button>
				<button onclick="editRow(this);">edytuj</button>
				<button onclick="stopEditRow(this);">anuluj</button>
			</td>
		</tr>
	</table>
</body>
</html>
[HTML] pobierz, plaintext

hwao

5.01.2009, 23:09:38

Cytat

Witam!

Czy mógłby mi ktoś doradzić jak można zapisywać dane z pól input lub textarea w okienku do wiersza tabeli?
Okienko otwiera się po naciśnięciu na przycisk Edytuj, następnie wypełnia sie poszczególne inputy i klika w zapisz Zapisz dane w wierszu i są one umieszczane w wierszu.

Kod wygląda następująco:

http://www.wklej.org/id/35435/

I dodatkowo, żeby dane wysyłane były do serwera i zapisywane w bazie danych.

Czy mógłby mi ktoś w tym pomóc?

Proszę kontynuować wątek w tym temacie.

martinstw

8.01.2009, 22:51:54

Problem jest jeszcze taki, że trzeba uwzględnić ustaloną szerokość komórek w tabeli. W twoim przypadku szerokość się zmienia. Dodatkowo może być treść w jednej komórce i jeśli nie mieści się w ustalonej szerokości komórki to zostaje przeniesiony niżej (na zasadzie entera).

Jak można takie coś uwzględnić?

Rafal Filipek

8.01.2009, 22:55:23

nie mam pojecia o co ci chodzi z ta zmiana szerokosci i dlaczego u mnie sie zmienia. mozesz troche jasniej.

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.