Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Nie czyści inputa, Strona bez przeładowania
Johnas
post
Post #1





Grupa: Zarejestrowani
Postów: 650
Pomógł: 16
Dołączył: 5.07.2010
Skąd: Ściśle Tajne

Ostrzeżenie: (0%)
-----


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.

(IMG:https://d3higte790sj35.cloudfront.net/images/ns/pq/765735dedb2e54c5792aacca365efd41.jpeg)

Skrypt odpowiedzialny za wysyłanie wiadomości:
[JAVASCRIPT] pobierz, plaintext
  1. $("#newMessage").submit(function() {
  2. var username = $("#username").val();
  3. var message = $("#message").val();
  4.  
  5. var type = $("#username").attr('type');
  6. if (type == "text") {
  7. // Zadania dla pierwszej wiadomości
  8. $("#username").prop('type', 'hidden');
  9. setUsername(username);
  10. $("#newMessageLink").show();
  11. }
  12.  
  13. $("#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>' );
  14.  
  15. // Scrolowanie na dół
  16. var elem = document.getElementById('showMessage');
  17. elem.scrollTop = elem.scrollHeight;
  18.  
  19. // Wysyłanie wiadomości
  20. var formData = "send=true&message="+message+"&to="+username; //Array
  21. $.ajax({
  22. url : "sendMessage.php",
  23. type: "POST",
  24. data : formData,
  25. success: function(data, textStatus, jqXHR)
  26. {
  27. //data - response from
  28. $("#message").removeAttr( "value" );
  29. return false;
  30. },
  31. error: function (jqXHR, textStatus, errorThrown)
  32. {
  33. return false;
  34. }
  35. });
  36. $("#message").removeAttr( "value" ); // czyścimy okienko
  37. return false;
  38. });
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 25.09.2025 - 18:13