[JavaScript][MySQL][PHP]Dynamiczne odczytanie i zapisanie danej do MySQL Opcje

[globalinfo]

Witam,

Chciałbym odczytać dane z MySQL dla zmiennej
var count1 = 6;
Potem po zmianie wartości przez kliknięcie przycisku automatycznie uaktualnić wartość w bazie - nie bardzo wiem jak to ugryźć. (IMG:style_emoticons/default/sciana.gif)

Kod

<script type="text/javascript">
        var count1 = 6;
        function GON1() { if( count1 <= 24){var el = document.getElementById('GON1'); el.innerHTML = count1++
  
        }}
         function GON12(){if( count1 >= 0){var el = document.getElementById('GON1'); el.innerHTML = count1--}}
</script>
  

<div style='position:absolute;margin: 30px 0 0 115px'>
<a href="#" onClick="GON1()"><div class='buttonUp'></div></a></div>

<div style='position:absolute;margin: 45px 0 0 120px'>
<h2> <p id="GON1"><? echo $count1; ?></p> </h2></div>

<div style='position:absolute;margin: 105px 0 0 115px'>
<a href="#" onClick="GON12()"><div class='buttonDown'></div></a></div>

Ten post edytował globalinfo 7.03.2017, 20:42:03

[freewalker]

Rozumiem, że wczytanie danych z MySQL przez PHP nie stanowi dla ciebie problemu i w zmiennej $count1 masz już pobraną wartość, i wypuszczasz wynik w HTML, który później chcesz modyfikować przez JS?
Aby z JS wrzucać do bazy, czy w ogóle komunikować się z plikami PHP polecam jQuery, przy pomocy którego zaimplementowanie takich rozwiązań to bajka;)
Puszczasz wtedy (przez jQuery) zmienną do pliku php, w którym zamieszczasz skrypt aktualizujący bazę, przy pomocy:

$.post("uaktualnianie_twojej_bazy.php", { nowawartosc: count1 });

Twój skrypt JS wyglądałby wtedy coś na miarę:

<script type="text/javascript">
$(document).ready(function(){

var count1 = 6;
function GON1(){
if( count1 <= 24){
var el = document.getElementById('GON1');
el.innerHTML = count1++;
$.post("uaktualnianie_twojej_bazy.php", { nowawartosc: count1 });
}
}
function GON12(){
if( count1 >= 0){
var el = document.getElementById('GON1');
el.innerHTML = count1--;
$.post("uaktualnianie_twojej_bazy.php", { nowawartosc: count1 });
}
}
});
</script>