Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [PHP][JavaScript] Pobieranie wartości z jQuery Slider do $_POST (pełny skrypt + demo)
bdd
post 28.05.2013, 15:46:09
Post #1





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 29.04.2013

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

Witam, mam dosyć nietypowy problem i sam się zastanawiam czemu nie działa, mam nastepujący skrypt:

[PHP] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. 	<html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. 	<head>
  5. 		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6. 		<link type="text/css" href="http://code.jquery.com/ui/1.10.2/themes/ui-darkness/jquery-ui.min.css" rel="stylesheet">
  7. 		<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  8. 		<script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
  9.  
  10. 		<script type="text/javascript">
  11. 			$(function() {
  12. 				$( "#slider_czas" ).slider({
  13. 					value: 30,
  14. 					min: 1,
  15. 					max: 59,
  16. 					step: 1,
  17. 					slide: function( event, ui ) {
  18. 						$( "#slider_czas_liczba" ).val( ui.value );
  19. 						$( "#slider_czas_pokaz" ).val( ui.value + " x + " + ui.value/2 + " y" );
  20.  
  21. 					}
  22. 				});
  23. 				$( "#slider_czas_liczba" ).val( $( "#slider_czas" ).slider( "value" ) );
  24. 				$( "#slider_czas_pokaz" ).val( $( "#slider_czas" ).slider( "value" ) + " x + " + $( "#slider_czas" ).slider( "value" )/2 + " y" );
  25. 			});
  26.  
  27. 		</script>
  28. 	</head>
  29. 	<body>
  30. <?php
  31. 		echo '--- INPUT B ---<br/>';
  32. 		echo '$_POST["input_b"]: ' . $_POST["input_b"] . '<br/><br/>';
  33.  
  34. 		echo '--- INPUT C ---<br/>';
  35. 		$input_c = htmlspecialchars(stripslashes(strip_tags(trim($_POST["input_c"]))), ENT_QUOTES);
  36. 		echo '$_POST["input_c"]: ' . $input_c . '<br/><br/>';
  37. ?>
  38. 		<form action="/test.php" method="post">
  39. 			INPUT A:
  40. 			<br/>
  41. 			<input type="text" id="slider_czas_pokaz" style="font-weight:bold; width:200px;" disabled/>
  42. 			<br/>
  43. 			<br/>
  44.  
  45. 			INPUT B:
  46. 			<br/>
  47. 			<input type="text" name="input_b" id="slider_czas_liczba" style="font-weight:bold;" disabled/>
  48. 			<br/>
  49. 			<br/>
  50.  
  51. 			INPUT C (testowy):
  52. 			<br/>
  53. 			<input type="text" name="input_c" style="font-weight:bold;" />
  54. 			<br/>
  55. 			<br/>
  56.  
  57. 			Suwak:
  58. 			<br/>
  59. 			<div id="slider_czas" style="width:450px;display:inline-block;"></div>
  60. 			<br/>
  61. 			<br/>
  62.  
  63. 			Wyślij formularz i zwróć wartość INPUTA B i INPUTA C:
  64. 			<input type="submit" value="Wyślij" />
  65. 		</form>
  66.  
  67. 	</body>
  68. 	</html>
[PHP] pobierz, plaintext


Opis:
INPUT A (disabled) - ma za zadanie wyświetlać przerobioną wartość ustawioną na Suwaku
INPUT B (disabled) - ma za zadanie zostać wysłanym w formularzu
INPUT C (enabled) - testowy, również wysyłany w formularzu

Problem polega na tym, że formularz nie zwraca mi wartości z INPUT B, wie ktoś z Was jak tego dokonać?

Pozdrawiam.

Ten post edytował bdd 28.05.2013, 16:41:44
Go to the top of the page
+Quote Post
_Borys_
post 28.05.2013, 16:19:43
Post #2





Grupa: Zarejestrowani
Postów: 587
Pomógł: 190
Dołączył: 5.02.2011
Skąd: 64-800

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

Zmień disabled na readonly, jeśli chcesz zmienić kolor tekstu w inputach to możesz w CSS upodobnić do disabled.
Go to the top of the page
+Quote Post
bdd
post 28.05.2013, 16:41:21
Post #3





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 29.04.2013

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

Co do wyglądu to umieściłem tutaj tylko to, co najpotrzebniejsze wink.gif

Ale nie ma co, słowa uznania dla Ciebie, działa aż miło biggrin.gif

@Temat do zamknięcia.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 30.04.2025 - 06:00
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn