[JavaScript]Nie czyści inputa, Strona bez przeładowania Opcje

[Johnas]

Witam, cały czas jestem w trakcie rozwijania swojego własnego skryptu forum... Aktualnie natknąłem się na problem tego typu że podczas pisania wiadomości których działanie jest podobne do działania tego na facebooku (podczas wysyłania strona się nie odświeża) i z wysyłaniem wiadomości wszystko przebiega prawidłowo. Problem natomiast pojawia się z inputem w który wpisuje się wiadomości... nie wiem dlaczego, ale nie chce się on odświeżyć, tak jakby przez to że strona została wyświetlona javascriptem sprawiało że nie mogę kontrolować tego elementu... Czy da się to jakoś obejść ? Wiem że na pewno jest na to jakiś sposób.



Skrypt odpowiedzialny za wysyłanie wiadomości:

[JAVASCRIPT] pobierz, plaintext 
$("#newMessage").submit(function() {
		var username = $("#username").val();
		var message = $("#message").val();
 
		var type = $("#username").attr('type');
		if (type == "text") {
			// Zadania dla pierwszej wiadomości
			$("#username").prop('type', 'hidden');
			setUsername(username);
			$("#newMessageLink").show();
		} 
 
		$("#showMessage").append( '<div style="margin-top:10px;width:100%;min-height:45px;"><img src="{if $profile.avatarBy eq 0}{if $profile.avatar|count_characters}{$config->domain}/{$profile.avatar}{else}{$config->domain}/images/avatar.png{/if}{else}{$profile.avatar}{/if}" style="width:45px; height:45px; float:left;"><a href="profile/{changeSpecialCharsURL($user->username)}" style="float:left; margin-left:5px;">{$user->username}</a><br><span style="float:left;margin-left:5px;width: 92%;">'+message+'</span></div>' );
 
		// Scrolowanie na dół
		var elem = document.getElementById('showMessage');
		elem.scrollTop = elem.scrollHeight;
 
		// Wysyłanie wiadomości
		var formData = "send=true&message="+message+"&to="+username; //Array 
		$.ajax({
			url : "sendMessage.php",
			type: "POST",
			data : formData,
			success: function(data, textStatus, jqXHR)
			{
				//data - response from 
				$("#message").removeAttr( "value" ); 
				return false;
			},
			error: function (jqXHR, textStatus, errorThrown)
			{
				return false;
			}
		});
		$("#message").removeAttr( "value" ); // czyścimy okienko
		return false;
	});
[JAVASCRIPT] pobierz, plaintext 

[Star]

A nie lepiej zrobić coś takiego? :

[PHP] pobierz, plaintext 
$("#message").val(''); 
[PHP] pobierz, plaintext 

[Comandeer]

Zdecydowanie lepiej, bo zgodnie ze standardem DOM atrybut [value] odzwierciedla tak naprawdę domyślną wartość pola – stąd niekoniecznie jego zmiana wpłynie na samo pole.

[Star]

Comandeer,a co myslisz o takim rozwiazaniu ->

[PHP] pobierz, plaintext 
$("#messages").prop('value', ' ');
[PHP] pobierz, plaintext 

?
Działa, jednak czy jest to poprawne ?

Ten post edytował Star 26.03.2016, 20:57:12

[Comandeer]

No poprawne, bo zmienia własność, nie atrybut. Niemniej po co, skoro $.fn.val robi to samo?

[Johnas]

Jednak to nie pomaga... sam nie mam pomysłu dlaczego, tak jakby nie widziało elementu, albo nie wiem co...

[PHP] pobierz, plaintext 
<div style="padding-right:30px;">
					<input type="text" name="to" style="width:100%;" id="message" class="form-control input-txt" placeholder="Napisz wiadomość" autocomplete="off">
				</div>
[PHP] pobierz, plaintext 

to jest kod od wpisywania wiadomości, który jest pobierany i wrzucany za pomocą skryptu... no i w <script type="text/javascript"></script>

[JAVASCRIPT] pobierz, plaintext 
$("#newMessage").submit(function() {
		var username = $("#username").val();
		var message = $("#message").val();
 
		var type = $("#username").attr('type');
		if (type == "text") {
			// Zadania dla pierwszej wiadomości
			$("#username").prop('type', 'hidden');
			setUsername(username);
			$("#newMessageLink").show();
		} 
 
		$("#showMessage").append( '<div style="margin-top:10px;width:100%;min-height:45px;"><img src="{if $profile.avatarBy eq 0}{if $profile.avatar|count_characters}{$config->domain}/{$profile.avatar}{else}{$config->domain}/images/avatar.png{/if}{else}{$profile.avatar}{/if}" style="width:45px; height:45px; float:left;"><a href="profile/{changeSpecialCharsURL($user->username)}" style="float:left; margin-left:5px;">{$user->username}</a><br><span style="float:left;margin-left:5px;width: 92%;">'+message+'</span></div>' );
 
		// Scrolowanie na dół
		var elem = document.getElementById('showMessage');
		elem.scrollTop = elem.scrollHeight;
 
		// Wysyłanie wiadomości
		var formData = "send=true&message="+message+"&to="+username; //Array 
		$.ajax({
			url : "sendMessage.php",
			type: "POST",
			data : formData,
			success: function(data, textStatus, jqXHR)
			{
				//data - response from 
				$("#message").val(''); 
				return false;
			},
			error: function (jqXHR, textStatus, errorThrown)
			{
				return false;
			}
		});
		$("#message").val(''); // czyścimy okienko
		return false;
	});
[JAVASCRIPT] pobierz, plaintext 

i ten kod działa jeżeli wejdzie się na tą stronę z odświeżeniem, ale jeżeli załaduje się stronę przez skrypt to już nie chce czyścić okienka...

A nie, jednak działa... plik mi się nie wysłał przez ftp... dziękuje

[Star]

No poprawne, bo zmienia własność, nie atrybut. Niemniej po co, skoro $.fn.val robi to samo?

jasne, pytalem z ciekawosci :-)