Call Javascript Function in PHP Echo

Question

With reference to This link , I am trying to delete rows dynamically from a table. Here's my Javascript function:

function deleteBox(id){

alert ("Inside Method");
if (confirm("Are you sure you want to delete this record?"))
{
  var dataString = 'id='+ id;
  $("#flash_"+id).show();
  $("#flash_"+id).fadeIn(400).html('<img src="img/loading.gif" /> ');
  $.ajax({
  type: "POST",
  url: "delete.php",
  data: dataString,
  cache: false,
  success: function(result){
           if(result){
                $("#flash_"+id).hide();
                // if data delete successfully
                if(result=='success'){
                     //Check random no, for animated type of effect
                     var randNum=Math.floor((Math.random()*100)+1);
                     if(randNum % 2==0){
                        // Delete with slide up effect
                        $("#list_"+id).slideUp(1000);
                     }else{
                        // Just hide data
                        $("#list_"+id).hide(500);
                     }

                }else{
                     var errorMessage=result.substring(position+2);
                     alert(errorMessage);
                }
          }
  }
  });
}
}

However, calling it from Echo in Php, doesn't seem to invoke it. Here's my PHP code:

echo "<td align=\"center\">" . $id."</td>";
echo "<td><a href = 'javascript:deleteBox($id)'>Delete</a></td>";

Please correct me wherever I'm goin wrong. An early help would be highly appreciated.

it wont be invoked till you click the anchor tag, and if $id is text containing quotes it is going to mess up with the html markup — Patrick Evans
– Patrick Evans, Commented Jul 26, 2014 at 7:49
www.jsfiddle.net doesn't allow to make PHP fiddles.. I'm very new to this stuff so appologize for being stupid :( — Ingila Ejaz
– Ingila Ejaz, Commented Jul 26, 2014 at 7:50
@PatrickEvans so how do I call it then? $id is just a simple integer e.g 202, 183 etc. — Ingila Ejaz
– Ingila Ejaz, Commented Jul 26, 2014 at 7:51
When do you wish to have it being called, not in click event? — Niklas
– Niklas, Commented Jul 26, 2014 at 7:53

Julian Camilleri · Accepted Answer · 2014-07-26 08:30:10Z

2

<td><a href = 'javascript:deleteBox($id)'>Delete</a></td>

to

echo "<td><a onClick='deleteBox(" . $id . ");'>Delete</a></td>";

In my opinion, thats how I would do it..

Edited and shortened the jscript;

function deleteBox(idDelete){

alert ("Inside Method");
if (confirm("Are you sure you want to delete this record?"))
{
  $("#flash_" + idDelete).show();
  $("#flash_" + idDelete).fadeIn(400).html('<img src="img/loading.gif" /> ');

  $.post('delete.php', {'id': idDelete}, function(result) {
            if(result){
                $("#flash_" + idDelete).hide();
                // if data delete successfully
                if(result=='success'){
                     //Check random no, for animated type of effect
                     var randNum=Math.floor((Math.random()*100)+1);
                     if(randNum % 2==0){
                        // Delete with slide up effect
                        $("#list_" + idDelete).slideUp(1000);
                     }else{
                        // Just hide data
                        $("#list_" + idDelete).hide(500);
                     }

                }else{
                     var errorMessage=result.substring(position+2);
                     alert(errorMessage);
                }
          }
  });  
}

in your delete.php:

$_POST['id']

to retrieve the ID.

edited Jul 26, 2014 at 8:30

answered Jul 26, 2014 at 7:53

Julian Camilleri

3,1451 gold badge28 silver badges39 bronze badges

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

7 Comments

Ingila Ejaz Over a year ago

can you please show me the same code inside PHP Echo? I guess the quotesare being messed up inside Echo, outside it works fine..

Julian Camilleri Over a year ago

here you go: echo "<td><a onClick='deleteBox(" . $id . ");'>Delete</a></td>"; That should work fine.

Julian Camilleri Over a year ago

are you getting the ID variable properly?

Julian Camilleri Over a year ago

Check the response with FireBug, and see the console retrieving, its probably that you're not setting $id, check whats set inside the deleteBox(id) in the HTML.

Ingila Ejaz Over a year ago

BelthazorNv thanks for your edit. But as per my understanding, even if there was something wrong with the delete.php page, it would still give alert ("Inside Method") atleaset.. But it isn't giving it.. means itsn't being called in the first place..

|

Code · Accepted Answer · 2014-07-26 09:32:37Z

1

Check this, Hope this helps. Instead of id, static values are given

<td align="center">1</td>
<td><a href='#' onclick='deleteBox(1)'>Delete</a></td>

echo "<td><a href='#' onclick='deleteBox(1)'>Delete</a></td>";

jsfiddle

I am updating the answer, check whether alert is working.

<script>
function deleteBox(a){
    alert(a);
}   
</script>

<?php
  echo "<a href='#' onclick='deleteBox(1)'>Delete</a>";
?>

edited Jul 26, 2014 at 9:32

answered Jul 26, 2014 at 8:06

Code

3032 silver badges11 bronze badges

5 Comments

Ingila Ejaz Over a year ago

please show it how to use it within Echo in PHP.. I have to useit inside Echo and I think I'm messing up with the quotes somewhere..

Code Over a year ago

echo "<td><a href='#' onclick='deleteBox(1)'>Delete</a></td>";

Ingila Ejaz Over a year ago

I'm cpoy-pasting the exact code but still it's not invoking the Javascript function :( Please help :(

Code Over a year ago

Not working means? Are you getting the alert message?

Code Over a year ago

Try the updated answer. Check whether you are getting value of a in the alert

Niklas · Accepted Answer · 2014-07-26 08:22:07Z

0

Since you're using jQuery, I wouldn't do the call to the function in the href. Try something like this:

Javascript:

$(function() {
$('.delete').click(function() {

var id = $(this).attr('data-id');

alert ("Inside Method");
if (confirm("Are you sure you want to delete this record?"))
{
  var dataString = 'id='+ id;
  $("#flash_"+id).show();
  $("#flash_"+id).fadeIn(400).html('<img src="img/loading.gif" /> ');
  $.ajax({
  type: "POST",
  url: "delete.php",
  data: dataString,
  cache: false,
  success: function(result){
           if(result){
                $("#flash_"+id).hide();
                // if data delete successfully
                if(result=='success'){
                     //Check random no, for animated type of effect
                     var randNum=Math.floor((Math.random()*100)+1);
                     if(randNum % 2==0){
                        // Delete with slide up effect
                        $("#list_"+id).slideUp(1000);
                     }else{
                        // Just hide data
                        $("#list_"+id).hide(500);
                     }

                }else{
                     var errorMessage=result.substring(position+2);
                     alert(errorMessage);
                }
          }
  }
  });
});
});

PHP/HTML:

echo "<td align=\"center\">" . $id."</td>";
echo "<td><a class='delete' data-id='" . $id . "'>Delete</a></td>";

edited Jul 26, 2014 at 8:22

answered Jul 26, 2014 at 7:51

Niklas

1,7851 gold badge12 silver badges19 bronze badges

8 Comments

Ingila Ejaz Over a year ago

I did that but it's not a clickable link

Niklas Over a year ago

What do you mean? If it's an a tag, it can be clicked?

Ingila Ejaz Over a year ago

I did what you said but now Delete option is not coming clickable :(

Niklas Over a year ago

You mean that the mouse doesn't indicate that you can click it? Try echo "<td><a class='delete' style='cursor: pointer;' data-id='" . $id . "'>Delete</a></td>";.

Ingila Ejaz Over a year ago

that's execatly what I meant. But now it is clickable but doesn't do anything after I click it :(

|

Collectives™ on Stack Overflow

Call Javascript Function in PHP Echo

3 Answers 3

7 Comments

5 Comments

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

7 Comments

5 Comments

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related