Hallo,
ich habe ein jquery script mit zwei Slidern. Ich möchte die jeweils ausgewählten Variabeln in beiden Slidern per Ajax an meine php_file.php senden und dann in meiner html_file.php, innerhalb eines Links, ausgeben.
html_file.php
Ich benötige nun die Values von beiden Slidern als php-Variablen. Diese müssen dynamisch in einen link eingesetzt werden. Der Link führt mich dann, je nach Variablen, zu einer Json-Datei, aus der ich Werte auslesen kann.
php_file.php
Sobald ich nun vom ersten Slider (level) den Wert ändere, sehen ich diesen, aber der Wert von Slider 2 (quality) verschwindet. Andersherum ist dies genau so. Was mache ich hier falsch? Ich möchte dass, wenn ich den Wert eines Sliders ändere, der Wert des zweiten Sliders nicht verschwindet.
Screenshot 1
screen1.jpg
Screenshot 2
screen2.jpg
ich habe ein jquery script mit zwei Slidern. Ich möchte die jeweils ausgewählten Variabeln in beiden Slidern per Ajax an meine php_file.php senden und dann in meiner html_file.php, innerhalb eines Links, ausgeben.
html_file.php
Code:
<script> $( function() { $( "#slider-range-max" ).slider({ range: "max", min: 1, max: 25, value: 1, slide: function(event, ui) { $("#amount").val(ui.value); /* Here we send the slider value towards PHP */ $.ajax({ method: "POST", url: "php_file.php", data: { sliderVal: ui.value } }) /* Here we receive the data back */ .done(function(data) { /* Here you can do whatever you want with the data */ $("#content").html(data); }); } }); $( "#amount" ).val( $("#slider-range-max").slider("value") ); }); $( function() { $( "#slider-range-max2" ).slider({ range: "max", min: 1, max: 4, value: 1, slide: function(event, ui) { $("#amount2").val(ui.value); /* Here we send the slider value towards PHP */ $.ajax({ method: "POST", url: "php_file.php", data: { sliderVal2: ui.value } }) /* Here we receive the data back */ .done(function(data2) { /* Here you can do whatever you want with the data */ $("#content").html(data2); }); } }); $( "#amount2" ).val( $("#slider-range-max2").slider("value2") ); }); </script> <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;"> <div id="slider-range-max"></div> <input type="text" id="amount2" readonly style="border:0; color:#f6931f; font-weight:bold;"> <div id="slider-range-max2"></div> <div id='content'></div>
php_file.php
Code:
<?php $str = $_POST['sliderVal']; $quality = $_POST['sliderVal2']; $str2 = file_get_contents('https://example.de/stats/258?level='. $str .'&qualityId='. $quality .'&locale=de_DE'); $json = json_decode($str2, true); // decode the JSON into an associative array $n= $json['health']; echo '<div class="profile-font2">', $n, '</div>'; ?>
Sobald ich nun vom ersten Slider (level) den Wert ändere, sehen ich diesen, aber der Wert von Slider 2 (quality) verschwindet. Andersherum ist dies genau so. Was mache ich hier falsch? Ich möchte dass, wenn ich den Wert eines Sliders ändere, der Wert des zweiten Sliders nicht verschwindet.
Screenshot 1
screen1.jpg
Screenshot 2
screen2.jpg
Kommentar