Chapter8 Syntax question

[npm]

In chapter 8 there's a line of code that looks like this:

<?=$form->button('UploadText',array('onClick'=>'$(\'#postAddForm
\').ajaxSubmit({target: \'#postTextUpload\',url:\"'.$html->url('/posts/text').'\
'});return false;'));?>

What purpose do the # (pound signs) serve?

[davidgolding]

This is because of jQuery. In jQuery, $('#id') is short for the JavaScript call

document.getElementById('id')

Using the # symbol means the ID attribute, like in CSS; using the . symbol would reference a class attribute. Here, I've given the form id="postAddForm" so, in jQuery, we must use $('#postAddForm') to update it, etc.

[Michelle]

I can't show you here, but in the above code all the ' and " are being echoed as HTML entities. IE amp#039;

[davidgolding]

Are you copying/pasting from this web page? That would be your problem. Try manually typing it so the chars don't get affected by IE.

[Michelle]

No...didn't copy and paste from here. Came here to see if I could find a solution. :)

This is my code:
<?php echo $form->button('UploadText',array('onClick'=>'$(\'#postAddForm\').ajaxSubmit({target: \'#postTextUpload\',url:\"'.$html->url('/posts/text').'\'});return false;'));?>

And the HTML output:

<input type="button" value="UploadText" onClick="$(amp#039;#postAddFormamp#039;).ajaxSubmit({target: amp#039;#postTextUploadamp#039;,url:\ampquot;/blog/posts/textamp#039;});return false;" />

I've replaced the & with amp so they won't be converted when I post and you can see what I mean. I'm using the latest stable version of CakePHP 1.2.1.8004 and so far haven't figured out what's changed.

[Michelle]

Fixed by adding 'escape' =>false to the array:

<?php echo $form->button('UploadText',array('onClick'=>'$(\'#postAddForm\').ajaxSubmit({target: \'#postTextUpload\',url:"'.$html->url('/posts/text').'\'});return false;','escape' =>false));?>