[jQuery] Jak przywrócić zawartość pola DIV ? Opcje

[qverty]

Mam kod którego zadaniem jest wczytanie do pola div zawartości pliku html którego nazwa została podana przez użytkownika. Wygląda to tak:

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function()
{
	$('#button').click(function(){
		var plik = $("#nazwapliku").val();
		$('#container').load(plik+'.html',
			function(responseText, textStatus, XMLHttpRequest) {
				if(textStatus == 'error') {
					$('#container').html('<p>wystapil blad.</p>');
				}
			});
	});
 
});
 
</script>
 
<div id="container">
<p>
	Lorem ipsum dolor sit amet.<br /><br />
	<input type="text" name="tekst" id="nazwapliku" />
	<input type="button" value="OK" id="button" />
</p>
</div>
[HTML] pobierz, plaintext 

Problem polega na tym, że jeżeli plik nie istnieje w polu div pojawi się tekst "wystapil blad". Jak teraz dodać do tego tekstu link, albo przycisk "powrót" który przywróci zawartość pola div, tak by można było ponownie wpisać nazwę pliku ? Mogę zrobić coś takiego: <a href="index.php">Powrót</a>, ale to przeładuje mi cała stronę, a tego chciałbym uniknąć.

[mat-bi]

[JAVASCRIPT] pobierz, plaintext 
$(function()
	{
		$("#powrot").click(function()
			{
				$("#container").val('');
			});
	});
[JAVASCRIPT] pobierz, plaintext 

A w kodzie

[HTML] pobierz, plaintext 
<a href="#" id="powrot">Powrót</a>
[HTML] pobierz, plaintext 

Pisane na szybko, sprawdź, czy działa

Sorry, źle zrozumiałem, w val daj

[HTML] pobierz, plaintext 
<p>
	Lorem ipsum dolor sit amet.<br /><br />
	<input type="text" name="tekst" id="nazwapliku" />
	<input type="button" value="OK" id="button" />
</p>
[HTML] pobierz, plaintext 

Ten post edytował mat-bi 9.04.2011, 15:41:19

[qverty]

nie bardzo chce to działać, poza tym nie uśmiecha mi się powtarzanie tego samego fragmentu kodu...

ja kombinowałem tak:

[HTML] pobierz, plaintext 
$('#container').html('<p>wystapil blad<br /><input type="button" id="wroc" value="powrot"></p>');
 
	$('#wroc').click(function() {
		$('#container').show();
	}); 
[HTML] pobierz, plaintext 

Tylko że to też nie chce działać...

[mat-bi]

Sorry, źle! val() jest do zmiany opcji value, nie kodu

No to może

$("#button").click(function()
{
$("#container").hide();
});

$("#powrot").click(function()
{
$(#container").show();
});

Tylko musisz zrobić inny div dla zawartości, co sie pokaże, ten kod chowa i pokazuje div o id container

Ten post edytował mat-bi 9.04.2011, 16:21:51

[qverty]

mam teraz coś takiego:

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function()
{
	$('#button').click(function(){
		var plik = $("#nazwapliku").val();
		$('#container').load(plik+'.html',
			function(responseText, textStatus, XMLHttpRequest) {
				if(textStatus == 'error') {
					$('#container').html('<p>wystapil blad.</p><a href="#" id="powrot">Powrót</a>');
				}
			});
	});
 
	$("#powrot").click(function() {
		$("#container").show();
	});
 
});
</script>
 
<div id="container">
<p>
	Lorem ipsum dolor sit amet.<br /><br />
	<input type="text" name="tekst" id="nazwapliku" />
	<input type="button" value="OK" id="button" />
</p>
</div>	
[HTML] pobierz, plaintext 

i za nic nie mogę go zmusić, by po tym jak wywali tekst "wystąpił błąd" przywrócić widoczność div'a "container". Ten fragment:

[HTML] pobierz, plaintext 
$('#container').html('<p>wystapil blad.</p><a href="#" id="powrot">Powrót</a>');
 
	$("#powrot").click(function() {
		$("#container").show();
	});
[HTML] pobierz, plaintext 

po prostu nie działa.