Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][AJAX][PHP]Dynamicznie zmieniająca się cena przy zmianie wartości na suwaku.
Forum PHP.pl > Forum > Przedszkole
dymek3r
Cześć,
piszę formularz rezerwacji, który jest połączony z MSQL. Mam już wyświetlanie dostępnych terminów po wybraniu daty i mam też suwak do wyboru ilości osób, ale nie potrafię AJAXem sprawić, żeby cena zmieniała się dynamicznie.
Proszę tylko o weryfikację kodu, bo nie chce działać smile.gif Ewentualnie jakieś wskazówki jak to łatwiej zrobić, żeby działało.

Mam taki skrypt i tutaj nie jestem do końca pewien jakie wartości powinno mieć pole "data" i "load_price"
  1. $(document).ready(function() {
  2.  
  3. function load_price(value, rangeValue)
  4. {
  5. $.ajax({
  6. url:"ceny.php",
  7. method:"POST",
  8. data: {value:value},
  9. success:function(data)
  10. {
  11. $('#load_price').html(data);
  12. }
  13.  
  14. })
  15. }


ceny.php
  1. <?php
  2. if(isset(
  3. $_POST["value"] ))
  4.  
  5. {
  6. echo $ilosc;
  7. }
  8.  



Tutaj pole slidera:
  1. <div class="slidecontainer">
  2. <input type="range" min="8" max="28" value="10" class="slider" id="rangeValue">
  3. <div id="demo"></div>
  4. </div>


I miejsce wyświetlania ceny
  1. <div class="wynik" id="load_price"></div><div>zł - końcowa</div>
  2.  


i skrypt slidera:
  1. <script>
  2. var slider = document.getElementById("rangeValue");
  3. var output = document.getElementById("demo");
  4. output.innerHTML = slider.value;
  5. slider.oninput = function() {
  6. output.innerHTML = this.value;
  7. }



Z góry dziękuję za rozjaśnienie i pomoc wink.gif
trueblue
Nie widzę gdziekolwiek, aby funkcja load_price była wywoływana.
Druga sprawa, w jakim celu używasz Ajax? Nie możesz policzyć ceny w JS?
Johnas
  1. $("#rangeValue").on("change", function () {
  2. // Tutaj wywołujesz skrypt
  3. });


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.