[jQuery]onlick, zmiana pola z disabled na edytowalne + update, trochę działa, ale nie do końca Opcje

[jacke]

Witam,

Mój kod:
jQuery:

[HTML] pobierz, plaintext 
<script language="javascript">
	$(document).ready(function()
 
	{
		$("#control").toggle(
		function ()
		{
		  	$('#target').removeAttr("disabled");
			$('#control').empty().append("Save");
			$('#edit_field').load("edit.php");
   			$.ajaxSetup({ cache: false });
 
		},
		function ()
		{
			$('#target').attr("disabled", true);
			$('#control').empty().append("Edit");
			$('#edit_field').load("display.php");			
   				var refreshId = setInterval(function() {
      				$("#edit_field").load('display.php');
 				}, 1000);
			$.ajaxSetup({ cache: false });
		});
	});
	</script>
[HTML] pobierz, plaintext 

HTML:

[HTML] pobierz, plaintext 
<div id="edit_field"></div><a href="#" id="control" />Edit</a>
[HTML] pobierz, plaintext 

+ pliki edit.php i display.php z odpowiednimi zapytaniami do bazy.

Co chciałem osiągnąć? Po załadowaniu strony, pole tekstowe wyświetla dane z pliku display (+ odświeżanie 1000ms). Po kliknięciu w <a> w to samo miejsce ładuje się plik edit (bez odświeżania), po ponownym kliknięciu w <a> rekord jest zapisywany/aktualizowany w bazie danych i pole wraca do strony display która wyświetla zaktualizowany rekord. Oczywiście nie działa tak jak chcę. Po pierwsze nie bardzo jestem w stanie sprawić by na dzieńdobry się pojawiało pole display (mogę od kopa z odświeżaniem wstawić w diva, ale po kliknięciu na edytuj, dalej się odświeża), a drugi problem to taki, że po kliknięciu w edit, pole się zmienia z powrotem na display po sekundzie. Pomocy!

[outsider]

jeśli chcesz wyłączyć interval który ustawiłeś to:
http://www.w3schools.com/jsref/met_win_clearinterval.asp

ustawiłeś load co sekundę, zrób clearInterval po kliknięciu edit i będzie git
Toggle wywołuje się dopiero po kliknięciu, także po załadowaniu strony nie masz tego odświeżania. Skopiuj ten setInterval przed toggle.

[jacke]

Danke, działa prawie bez zarzutu. Tyle że po drugim kliknięciu nie wraca do odświeżania... bo po pierwszym kliknięciu każe mu przestać.

[HTML] pobierz, plaintext 
$(document).ready(function()
	{	
	  	var refreshId = setInterval(function() {
			$("#edit_field").load('display.php');
			}, 1000); 
		$("#control").toggle(
		function ()
		{
		  	$('#target').removeAttr("disabled");
			$('#control').empty().append("Save");
			$('#edit_field').load("edit.php");
			window.clearInterval(refreshId);
   			$.ajaxSetup({ cache: false });
		},
		function ()
		{
			$('#target').attr("disabled", true);
			$('#control').empty().append("Edit");
			$('#edit_field').load("display.php");
			window.setInterval(refreshId, 1000);
			$.ajaxSetup({ cache: false });
		});
	});
[HTML] pobierz, plaintext 

Jak ustawiam z powrotem interval na 1000 to nie odświeża. Mniemam że coś tu przekombinowałem.