Cakephp generated javascript throws error onclick

Question

I have a group of tests in my system. It is possible for a test to be paused. On the index page of my test controller, I use the following code to display the tests.

<table>
<tr><th>ID</th><th>Name</th><th>Updated</th><th>Actions</th></tr>
<?php foreach ($tests as $test): ?>
    <tr>    
    <td>
        <?php echo $test['Test']['id']; ?>
    </td>
    <td class="actions">
        <?php
            $status = ($test['Test']['is_paused'] == 1) ? 'Un-pause' : 'Pause';
            echo $this->Form->postLink($status, array('controller'=>'tests', 'action' => 'pause', $test['Test']['id'], 'admin' => 1), array('confirm'=>'Are you sure?') );
        ?>
        <?php 
            echo $this->Html->link('Edit', array('controller'=>'tests', 'action' => 'edit', 'admin'=>1, $test['Test']['id']));
        ?>
        <?php 
            echo $this->Form->postLink('Delete', array('controller'=>'tests', 'action' => 'delete',       $test['Test']['id'], 'admin'=>1), array('confirm'=>'Are you sure?') );
        ?>
    </td>
</tr>

<?php endforeach; ?>
</table>

This generates a list of tests and provides some action functions for each one using postlink from the cakephp form helper. The one that is causing problems is the pause button. Sometime when clicked it throws the following error.

Uncaught TypeError: Object #<HTMLCollection> has no method 'submit'

This error almost never occurs on the first time pause is clicked. Pause can be toggled so this error usually pops up after pause has been toggled a few time. I'm not super up on my JS and since the JS for this is automatically built, I'm not sure how to fix this. The pause button will do nothing when this issue occurs and I'm not even sure where to start debugging this. Thank you to anyone who helps.

UPDATE: This is the html code that is being rendered in the browser by the postlink:

<form action="/admin/tests/pause/5" name="post_521370eb05d3f" id="post_521370eb05d3f" style="display:none;" method="post">
    <input type="hidden" name="_method" value="POST">
</form>

<a href="#" onclick="if (confirm('Are you sure?')) { document.post_521370eb05d3f.submit(); } event.returnValue = false; return false;">Un-pause</a>

It looks like the code document.post_521370eb05d3f.submit(); is the problem, and if I had to guess, I think for some reason document.post_521370eb05d3f does not have a submit method. I'm not sure how to fix that though.

"This method creates a <form> element. So do not use this method inside an existing form. Instead you should add a submit button using FormHelper::submit()" book.cakephp.org/2.0/en/core-libraries/helpers/… — SaidbakR
– SaidbakR, Commented Aug 19, 2013 at 22:35
@sємsєм I reviewed that part of the manual. I could not make it work. I should review to see if a larger form wraps this existing one. — usumoio
– usumoio, Commented Aug 19, 2013 at 23:59

Chris Pierce · Accepted Answer · 2013-11-21 04:27:22Z

1

$this->Html->link(__('Some Text to Click'), array(
    'admin' => true,
    'action' => 'delete',
    $delete_id,
), null, 'Are you sure?'));

answered Nov 21, 2013 at 4:27

Chris Pierce

7365 silver badges9 bronze badges

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

Collectives™ on Stack Overflow

Cakephp generated javascript throws error onclick

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related