Javascript replace content innerhtml on click with integrated PHP tag

Question

I am trying to replace the content of a DIV once the button inside that DIV is clicked, (basically replacing the button, which retreives a PHP variable:

<div id="buttonholder">
<a href="#" onClick="return false" onmousedown="javascript:publish('<?php echo $id;?>');">Publish</a>
</div>

I am trying to replace it with an unpublish button after a post is published (when the button above is clicked):

function publish(status){
document.getElementById("buttonholder").innerHTML = '<a href="#" onClick="return false" onmousedown="javascript:publish('<?php echo $id;?>');">Unpublish</a>';
}

It does not work however ... What am I doing wrong ?

It does not work however That tells us nothing. What is the error message in the browser's console? — epascarello
– epascarello, Commented Jul 25, 2014 at 13:17

RajivRisi · Accepted Answer · 2014-07-25 13:15:22Z

2

Your code syntax is wrong. Use like below.

function publish(status){
document.getElementById("buttonholder").innerHTML = '<a href="#" onClick="return false" onmousedown="javascript:publish(\'<?php echo $id;?>\');">Unpublish</a>';
}

answered Jul 25, 2014 at 13:15

RajivRisi

3981 silver badge12 bronze badges

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

1 Comment

rainerbrunotte Over a year ago

Thank you RajivRisi ! Worked perfectly ! Yes I had trouble with the ' apostrophes

andreihondrari · Accepted Answer · 2014-07-25 13:13:51Z

0

Add a button id and then do:

$(function() {
    $("#buttonId").click(function() {
        $("#buttonHolder").html(" html to replace with ");
    });
});

Also you can use the $("#buttonHolder").html(" html to replace with "); instruction in your onClick function as well.

answered Jul 25, 2014 at 13:13

andreihondrari

5,8335 gold badges33 silver badges61 bronze badges

3 Comments

Michael Over a year ago

There's no jQuery in his question title or original code so you shouldn't recommend a solution that relies on it.

andreihondrari Over a year ago

It's an exercise of imagination

rainerbrunotte Over a year ago

Thanks, Andrew, but it does not work ... I think it is the mess of all those apostrophes " and ' and that PHP block, it breaks everything ...

Collectives™ on Stack Overflow

Javascript replace content innerhtml on click with integrated PHP tag

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related