CakePHP: Include js file in header from view

Question

The cakephp docs say:

By default, script tags are added to the document inline. If you override this by setting $options['inline'] to false, the script tags will instead be added to the script block which you can print elsewhere in the document.

So in my view file (.ctp) I have:

echo $this->Html->script('//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js', array('inline' => 'false'));

And in my layout, in the head tag:

echo $this->fetch('script');

But the script tag prints out inline and not in the head. If I miss of the echo from the line in my view file, the script doesn't print out at all in my html.

Any help would be gratefully received.

PAE

SameOldNick · Accepted Answer · 2014-10-23 02:05:03Z

11

You have false in quotes, so PHP is treating it as a string and not a boolean. It should be:

echo $this->Html->script('//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js', array('inline' => false));

answered Oct 23, 2014 at 2:05

SameOldNick

2,4571 gold badge28 silver badges34 bronze badges

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

1 Comment

Peter Over a year ago

And I stared at that for hours! I really, really should have known better, shouldn't I? Many thanks.

HelloSpeakman · Accepted Answer · 2015-07-27 15:07:55Z

8

I'd want to expand and mention a couple of things on this.

Inline Script

This will print out the script tag inline which isn't always desired.

<?php echo $this->Html->script('script.name'); ?>

Non-Inline Script

This will place the script where ever you placed $this->fetch('script') in your layout file, usually in the head of your page. (As pointed out by ub3rst4r you were passing false as a string)

<?php echo $this->Html->script('script.name', array('inline' => false)); ?>

Block Script

This might be a much more useful version for many people, you can place a script block in any layout file (as many as you wish actually). I'll show you an example and call it scriptBottom to go before the end of my body.

<?php echo $this->fetch('scriptBottom'); ?>

Then you can pass the block to the script method like such

<?php $this->Html->script('script.name', array('block' => 'scriptBottom')); ?>

Hope this helps

edited Jul 27, 2015 at 15:07

answered Oct 23, 2014 at 7:42

HelloSpeakman

8309 silver badges22 bronze badges

3 Comments

Peter Over a year ago

Yes, it does help. Thanks. I find the CakePHP book a little weak in this area.

Petruza Over a year ago

You don't even need to echo the script, since it's being buffered and echoed later where the scriptBottom goes.

HelloSpeakman Over a year ago

Just tested this and it worked, updated the answer accordingly, cheers.

r3mmel · Accepted Answer · 2014-10-23 05:51:50Z

3

just put this in your view ctp file. :)

<?php echo $this->Html->script('//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'); ?>

answered Oct 23, 2014 at 5:51

r3mmel

6565 silver badges13 bronze badges

Comments

Battousai · Accepted Answer · 2015-09-04 16:16:02Z

2

In cakephp 3 instead of array('inline' => false) you should use array('block' => true) if anyone is looking for that answer like I was. And you don't need to echo the script at the top of your ctp file you can just place inside php syntax i.e.

<?php $this->Html->script('//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js', ['block' => true]); ?>

answered Sep 4, 2015 at 16:16

Battousai

5237 silver badges19 bronze badges

Comments

Pratik Joshi · Accepted Answer · 2014-10-23 05:42:21Z

1

Why are u going on lot of attributes ?? simply use url

echo $this->Html->script('http://code.jquery.com/jquery.min.js');

answered Oct 23, 2014 at 5:42

Pratik Joshi

11.7k7 gold badges44 silver badges73 bronze badges

1 Comment

HelloSpeakman Over a year ago

Using this in the view is going to print it inline, the view will be outside the head tag, OP does not want this.

Collectives™ on Stack Overflow

CakePHP: Include js file in header from view

5 Answers 5

1 Comment

3 Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

3 Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related