I have an onClick listener set to trigger an AJAX call which in turn triggers a PHP script. However, it doesn't seem to recognize the click. Any ideas?
Index.html
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
function doThings(){
document.write("Test");
$.ajax( {
type: "GET",
url: "script.php",
success:function(data){
if(data==0)
$("#imgId").attr("src","lightbulb_0.png");
else
$("#imgId").attr("src","lightbulb_1.png");
}
});
}
</script>
</head>
<body>
<img id="imgId" src="lightbulb_0" onClick='doThings();'/>
</body>
</html>
Script.php
<?php
function toggle()
{
$filename = "brightness";
$otherDirectory="/sys/class/leds/led0/";
$f = fopen($otherDirectory . $filename,"r");
$value = fgets($f);
$newvalue = 1;
fclose($f);
if ((int)$value == 1) {
$newvalue = 0;
}
if ((int)$value == 0) {
$newvalue = 1;
}
$f = fopen($otherDirectory . $filename,"w+");
fwrite($f, $newvalue);
fclose($f);
echo $newvalue;
}
toggle();
?>
EDIT: Added code on here, and used fix from below. Now the onClick() works, but after setting the image to lightbulb_1, it won't go to 0.
EDIT2: Fixed using combination of all solutions below. Thanks alot!
