Correct syntax for including external CSS and js files from a view in CakePHP

Question

What is the correct syntax for including an external js and external CSS file in CakePHP so that these files are included in the <head> from within a view?

By external I mean something like "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/jquery-ui.css" but I want to place it conditionally in a single view.

Google searching always produce more tricks than answers along with conflicting info and the documentation doesn't help unless you know the exact helpers involved and since stuff has been deprectated it's even more difficult. — going
– going, Commented Nov 22, 2010 at 4:06

stevelove · Accepted Answer · 2010-11-22 05:05:41Z

4

The answer from xiaohouzi79 is correct for Cake 1.2, but the JavaScript helper has been deprecated in Cake 1.3 (documentation).

CSS (documentation):

$html->css(array('http://example.com/type.css', 'http://example.com/color.css'), null, array('inline' => false));

JavaScript (documentation):

$html->script(array('http://example.com/script.js'), array('inline' => false));

edited Nov 22, 2010 at 5:05

answered Nov 22, 2010 at 4:49

stevelove

3,2121 gold badge25 silver badges29 bronze badges

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

4 Comments

going Over a year ago

Would be nice if the documentation mentioned this on the methods page also book.cakephp.org/view/1451/Methods. Thanks for your answer.

stevelove Over a year ago

Yes, the documentation could definitely use some work. Glad to help.

going Over a year ago

Didn't format my question properly, I wanted these to appear in the head. For the benefit of others these two function calls need to include , false, array('inline' => false)); at the end to appear in the head.

stevelove Over a year ago

Correct. I've updated the code to match your clarified question.

going · Accepted Answer · 2010-11-22 04:41:24Z

0

For css use the following:

$html->css('http://code.google.com/apis/maps/documentation/javascript/examples/standard.css', false, array('inline' => false));

For a javascript file use the following:

$javascript->link('http://maps.google.com/maps/api/js?sensor=false', false);

btw. don't forget to include the javascript helper in the model.

edited Nov 22, 2010 at 4:41

answered Nov 22, 2010 at 4:30

going

9,8174 gold badges39 silver badges37 bronze badges

1 Comment

going Over a year ago

This is too painful, learning curve shouldn't be related to how easily you can memorise inconsistencies in a language/framework whatever. Every time I go back to Cake I get stung by sh.. like this.

Collectives™ on Stack Overflow

Correct syntax for including external CSS and js files from a view in CakePHP

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related