Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js]wyswietlenie danych z formularza
Forum PHP.pl > Forum > Po stronie przeglądarki
Mlodycompany
3.11.2009, 18:07:16
Witam. Zabawę z JS zacząłem niedawno i jeszcze wszystkiego nie ogarnołem. Otóż napotkał mnie problem, ponieważ chciałbym zrobić aby wyświetlało wyniki wyszukiwania odrazu na stronie czyli w ajaxie. Problem w tym, że nie wiem jak dobrze pobrać wartość z inputa. Napisałem coś takiego i średnio działa
[HTML] pobierz, plaintext 
  1.  
  2. <script>
  3.  
  4. var user = document.getElementById(\'odbiorca\');
  5. 				var value = user.value;
  6. 				document.write(value);
  7.  
  8.  
  9. </script>
  10.  
  11. <input id="odbiorca" type="text" name="odbiorca" value=""/>
  12.  
[HTML] pobierz, plaintext


Mógłby mi ktoś pomóc w tej kwesti? Proszę o pomoc

vokiel
3.11.2009, 18:43:16
Piszesz jeszcze wszystkiego nie ogarnołem, no jeszcze nie.
To co napisałeś z ajaxem nie ma nic wspólnego.

[JAVASCRIPT] pobierz, plaintext 
  1. function alertVal(){
  2.     var userValue = document.getElementById('odbiorca').value;
  3.     alert (userValue);
  4. }
[JAVASCRIPT] pobierz, plaintext
No i teraz wypadałoby w jakiś sposób uruchomić ten a'la kod. Najlepiej wybrać sobie zdarzanie, po którym zostanie wywołany. Zdarzeń jest multum. Możesz np po opuszczeniu pola, po wpisaniu znaku, po wielu innych. W zależności od tego co chcesz osiągnąć wybierasz odpowiednie zdarzenie i do niego podpinasz wywołanie danej funkcji.

[HTML] pobierz, plaintext 
  1. <input id="odbiorca" type="text" name="odbiorca" value=""/>
  2. <button onClick="java script:alertVal();">pokaż wartość</button>
[HTML] pobierz, plaintext
Mlodycompany
6.11.2009, 08:23:11
to może inaczej. To jest jedna funkcja. Chciałbym napisać taki skrypt który pokazuje wyniki wyszukiwania bez przeładowania strony, czyli ktoś wpisuje minimalnie 3 litery do formularza, skrypt te litery pobiera i wysyła zapytanie. I problem jest w tym, że nie pobiera danych z formularza. 
nospor
6.11.2009, 08:32:49
Cytat
. I problem jest w tym, że nie pobiera danych z formularza.
no to przeciez vokiel napisal ci kod, ktory to wlasnie robi.
Mlodycompany
6.11.2009, 08:45:56
Ale chodzi mi o kod, który pobiera cały czas a nie po kliknięciu, czyli jak wpisze sie 'a' to na stronie wyprintuje 'a', jeżeli wpisze się 'polska' to wyświetli 'polska'. 

Napisałem coś takiego
[PHP] pobierz, plaintext 
  1.  
  2. echo('
  3. 	<body onload="window.setTimeout(\'getSecs()\',1)">
  4. 	<script language="javascript">
  5. 	startday = new Date();
  6. clockStart = startday.getTime();
  7. function initStopwatch()
  8. {
  9.  var myTime = new Date();
  10.         var timeNow = myTime.getTime();
  11.         var timeDiff = timeNow - clockStart;
  12.         this.diffSecs = timeDiff/1000;
  13.         return(this.diffSecs);
  14. }
  15. function getSecs()
  16. {
  17.         var mySecs = initStopwatch();
  18.         var mySecs1 = ""+mySecs;
  19.         mySecs1= mySecs1.substring(0,mySecs1.indexOf("."));
  20.         window.setTimeout(\'getSecs()\',1000);
  21. 				var link = "'.$_SESSION['link'].'akcje.php?a=podp_users&";
  22. 				var user = document.getElementById(\'odbiorca\');
  23. 				var value = user.value;
  24. 				document.write(value);
  25.         if (mySecs1%1==0) {
  26. 					#getData(\'link\', \'users\');
  27. 				}
  28.  
  29. }
  30.  
  31. }
  32. </script>
  33. <title>'.$title.'</title><form action="'.$_SESSION['link'].'akcje.php?p=nowa_wiadomosc&a=ok" method="post">
  34. 	<table>
  35. 		<tr>
  36. 			<th>Odbiorca:</th>
  37. 			<th><input id="odbiorca" type="text" name="odbiorca" value="sdasd"/></th>
  38. 			<th id="users"></th>
  39. 		</tr>
  40. 	</table></form>
  41. 	');
  42.  
  43.  
[PHP] pobierz, plaintext


To jest narazie wersja próbna więc namieszane jest.

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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.