PHP AJAX button click counter

Question

i want to make a button click counter. When you click the button the text from it changes, when the button is clicked i want to write to the database but i can't manage this.

<button type="button" class="btn btn-info" style="width:90%;" id="textChanger" onclick="counter;"><h4><i class="glyphicon glyphicon-earphone" aria-hidden="true">  </i> XXXX XXX XXX <h6>Show Number</h6></h4></button>

document.getElementById("textChanger").onclick= function(){
        document.getElementById("textChanger").innerHTML="<h4><i class=\"glyphicon glyphicon-earphone\" aria-hidden=\"true\">  </i> <?php echo $nrTelefonAnunt ?> </h4>";
         }

this is the code that i manage the text change, now what can i do to write to the database, i tried some methods but none worked

Assuming the DB is not on your local machine, you'll need to make a remote call so you can do some server side scripting. — Ilion
– Ilion, Commented Mar 8, 2017 at 7:12

Viorel WWI · Accepted Answer · 2017-03-08 07:26:52Z

3

Thanks everybody for the answers i manged by adding this:

$('#textChanger').click(function(){
    $.ajax({
        url : 'rate.php?idanunt="<?php echo $idAnunt ?>"', 
        type : 'post',  
        success : function(data){
        }
    });
});

answered Mar 8, 2017 at 7:26

Viorel WWI

811 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mohit Shukla · Accepted Answer · 2017-03-08 07:15:53Z

2

Try this

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<button type="button" class="btn btn-info" style="width:90%;" id="textChanger" onclick="counter;">1</button>
<script>
document.getElementById("textChanger").onclick= function(){
        var count = document.getElementById("textChanger").innerHTML;
        count = parseInt(count) + 1;
        document.getElementById("textChanger").innerHTML=count;
         }
</script>

answered Mar 8, 2017 at 7:15

Mohit Shukla

656 bronze badges

Comments

Mithu CN · Accepted Answer · 2017-03-08 07:22:51Z

0

Try this

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script>
 <button type="button" class="btn btn-info" style="width:90%;" id="textChanger" onclick="counter;"><h4><i class="glyphicon glyphicon-earphone" aria-hidden="true">  </i> <span>XXXXX</span> <h6>Show Number</h6></h4></button>

<script>
count=0;
 $(document).on("click","button",function(){
     count++;
     $('span').text(count);



  });  
</script>

answered Mar 8, 2017 at 7:22

Mithu CN

5955 silver badges11 bronze badges

Collectives™ on Stack Overflow

PHP AJAX button click counter

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related