Why is my onclick function not called?

Question

?php foreach($participants as $participant) {
 echo "<tr>";
 echo "<td>" . $participant['Vorname'] . "</td>";
 echo "<td>" . $participant['Auto'] . "<img id=$participant[name_id] onclick='deleteDriver()' class='delete' src='img/tonne.gif' align='right' data-url='backend/queries.php?decision=deleteDriver&id=".$participant['name_id']."'/></td>";
 echo "</tr>";
 }
 ?>
 function deleteDriver()
 {
 var dataString = "decision=deleteDriver";
 $.ajax({
 type: 'POST',
 url: 'queries.php',
 data: dataString
 }
 })
 }
 </script>

When I push the button the function is not called. Why?

• Rizier123: ?php is not a valid php opening tag. Where is the start tag for <script> ?
• Adam Azad: And you have HTML content inside <script> tags, some many things are wrong with above code
• Hardik Solanki: You have add extra } in your js code as well. And missed ; after AJAX function end.
• Rahul Saxena: Console inside the function
• j.m.l: tryed all still doesent work

Answer 1

try with this code.

<?php
 foreach($participants as $participant) {
 echo "<tr>";
 echo "<td>" . $participant['Vorname'] . "</td>";
 echo "<td><a onclick='deleteDriver()'>" . $participant['Auto'] . "<img id=$participant[name_id] class='delete' src='img/tonne.gif' align='right' data-url='backend/queries.php?decision=deleteDriver&id=".$participant['name_id']."'/></a></td>";
 echo "</tr>";
 }
 ?>
 <script>
 function deleteDriver()
 {
 var dataString = "decision=deleteDriver";
 $.ajax({
 type: 'POST',
 url: 'queries.php',
 data: dataString
 })
 }
 </script>

• Jay Blanchard: Why should the OP "try this"? A good answer will always have an explanation of what was done and why it was done that way, not only for the OP but for future visitors to SO.
• j.m.l: the link is now on my text but i want it on my img

Answer 2

You have missed <script> open tag before function deleteDriver(). Please add and retry. Try as below :

<?php
foreach($participants as $participant) {
 echo "<tr>";
 echo "<td>" . $participant['Vorname'] . "</td>";
 echo "<td>" . $participant['Auto'] . "<img id='".$participant['name_id']."' onclick='deleteDriver()' class='delete' src='img/tonne.gif' align='right' data-url='backend/queries.php?decision=deleteDriver&id=".$participant['name_id']."'/></td>";
 echo "</tr>";
}
?>
<script>
 function deleteDriver()
 {
 var dataString = "decision=deleteDriver";
 $.ajax({
 type: 'POST',
 url: 'queries.php',
 data: dataString
 }
 });
 }
</script>

• Adam Azad: You forgot about echo and the HTML content inside the <script>, go over the code again.