Google's CDN in Zend Framework

Question

How can I get Google's CDN with fallback working in Zend Framework(Zend_View)?

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
<script type="text/javascript">!window.jQuery && document.write('<script src="/base/js/jquery-1.7.2.js"></script>');</script>

Thanks for your help.

Venu · Accepted Answer · 2012-05-25T09:46:43.153

The way you wrote is correct.

I just added 2 things.
1) Base URL
2) Unescaping the special chars

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
!window.jQuery && document.write(unescape('%3Cscript src="<?php echo $this->baseUrl(); ?>/base/js/jquery-1.7.2.js"%3E%3C/script%3E'));
</script>

For using head script view helper

 $java_script_code= '<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>';
    $java_script_code.= '<script>';
    $java_script_code.= '!window.jQuery && document.write(unescape(\'%3Cscript src="' . $this->baseUrl() . '/base/js/jquery-1.7.2.js"%3E%3C/script%3E\'));';
    $java_script_code.= '</script>';

You can do in view this

$this->headScript()->appendScript($java_script_code);

or in controller (update base url above)

$this->view->headScript()->appendScript($java_script_code);

FYI: Head Script Helper

And how would i get that working with "$view->headLink()->appendScript();" ? — John, May 25 '12 at 09:12

score 0 · Answer 2 · answered May 25 '12 at 12:50

Best practice is to be made as @Venu said, using the headScript().

If you have customized or will modify the base where is your files you can use the setBaseUrl() that will modify the path where it does include the files.

//File: /public/js/jquery.js
$view->baseUrl("js/jquery.js");

score 0 · Answer 3 · answered Sep 10 '13 at 07:35

Create a file fallback.js under /base/js/ directory and paste following

!window.jQuery && document.write('<script src="/base/js/jquery-1.7.2.js">

Add following code in you bootstrap.php

protected function initJquery() {
    $this->bootstrap('view');
    $view = $this->getResource('view'); //get the view object

    //default loads from google CDN
    $view ->jQuery()->enable()->setVersion('1.7');

    $view ->headScript()->prependFile($view->baseUrl().'/base/js/fallback.js');
    return $view;
}

I hope it helps

Google's CDN in Zend Framework

3 Answers3