How to Use PHP to Trigger a JS onClick Event

Question

I have a signup form that has an input box hidden from view unless a link is clicked. Here's the code:

<a id="showCoupon" href="javascript:void(0);" onclick="toggleCoupon();">
     <?php _e('Have a coupon?','mysite'); ?>
</a>

If the coupon GET variable is set, I want the input box to be visible and prefilled with the supplied data. I added PHP to check for the presence of a GET variable like this:

if(isset($_GET['coupon'])) {
    $coupon = $_GET['coupon'];
}
?>

In addition, the input box has been modified to use the value of $coupon, if set. Now, I can't figure out how to trigger the JS event toggleCoupon();.

I modifying the PHP function to click the link like this:

if ( isset($_GET['coupon']) ) {
   $coupon = $_GET['coupon'];
   echo "<script>$('#showCoupon').trigger('click');</script>";
}
?>

So far, it doesn't work. What am I doing wrong?

Do you just want to be able to execute some JavaScript when the user clicks the link? — orb
– orb, Commented Mar 23, 2013 at 18:37
No, I want to prefill a text field with a get variable which is hidden from default view unless a link is clicked. — Trent Scott
– Trent Scott, Commented Mar 23, 2013 at 18:37

What have you tried · Accepted Answer · 2013-03-23 18:33:30Z

4

have you tried:

<script>
$(document).ready(function(){
$('#showCoupon').trigger('click');
});

</script>

When the document loads, jQuery will trigger the click even of the element with the id of showCoupon

answered Mar 23, 2013 at 18:33

What have you tried

11.2k4 gold badges35 silver badges45 bronze badges

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

8 Comments

Trent Scott Over a year ago

That worked, thanks! So, I was missing the $(document).ready? Thought I didn't need it since it was being executed by PHP, not on page load necessarily.

What have you tried Over a year ago

The code is not being executed by PHP. PHP is a server side language. Your simply telling the page to load that script if a certain circumstance is met. But the actual running of that script is not going to happen until the page loads, in this case when the DOM is ready

Trent Scott Over a year ago

Got it, that makes sense! I'll mark your answer as soon as it lets me.

Matti Virkkunen Over a year ago

Downvoted for kludge. The correct way is not to simulate a click, the correct way is to not hide the element in the first place.

What have you tried Over a year ago

@MattiVirkkunen The question was "how can I trigger event x" - I showed him how he could do so.

|

Matti Virkkunen · Accepted Answer · 2013-03-23 18:47:32Z

0

Don't use a kludge like that. That's awful.

Instead, on the server side, don't output the piece of code (CSS class, "display: none;", whatnot) that hides the element in the first place, if the URL parameter is provided.

If the element is hidden by JavaScript, pass it a value indicating that the initial state should be visible.

answered Mar 23, 2013 at 18:47

Matti Virkkunen

65.4k9 gold badges138 silver badges162 bronze badges

Collectives™ on Stack Overflow

How to Use PHP to Trigger a JS onClick Event

2 Answers 2

8 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related