Zend Framework: How can I add JavaScript element after the scripts in head?

Question

I have a partial which loads all common links and styles in head and I use setScript in other pages for local scripts. I want to add the following script which is located in my view/scripts after other scripts but zf appends it at first:

<? $this->headScript()->setScript('$(document).ready(function() {
        $("#birthdate").datepicker();
        });', 
    $type = 'text/javascript') ?>

which leads to following code:

<script type="text/javascript">
    $(document).ready(function() {
        $("#birthdate").datepicker();
        });
</script>
<script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/js/jquery.dcmegamenu.1.3.3.min.js"></script>
<script type="text/javascript" src="/js/jquery.hoverIntent.minified.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.8.16.custom.min.js"></script>

but I want:

<script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/js/jquery.dcmegamenu.1.3.3.min.js"></script>
<script type="text/javascript" src="/js/jquery.hoverIntent.minified.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#birthdate").datepicker();
        });
</script>

Brian Fisher · Accepted Answer · 2011-12-16 21:12:36Z

6

Try calling:

<? $this->headScript()->appendScript('$(document).ready(function() {
        $("#birthdate").datepicker();
        });', 
    $type = 'text/javascript') ?>

Try adding your other files using:

<? $this->setScript()
->prependFile('/js/jquery-ui-1.8.16.custom.min.js')
->prependFile('/js/jquery.hoverIntent.minified.js') 
->prependFile('/js/jquery.dcmegamenu.1.3.3.min.js') 
->prependFile('/js/jquery-1.7.1.min.js') ;
?>

edited Dec 16, 2011 at 21:12

answered Dec 16, 2011 at 20:27

Brian Fisher

24.1k15 gold badges81 silver badges82 bronze badges

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

3 Comments

Brian Fisher Over a year ago

How are you adding the other scripts to the header?

eneepo Over a year ago

Here is the code: <?= $this->setScript()->setFile('/js/jquery-1.7.1.min.js') ->setFile('/js/jquery.dcmegamenu.1.3.3.min.js') ->setFile('/js/jquery.hoverIntent.minified.js') ->setFile('/js/jquery-ui-1.8.16.custom.min.js'); ?>

pregmatch Over a year ago

@Brian Fisher do you know maybe how to do this in codeigniter? Or can you explain me how setScript()->setFile() is working?

Collectives™ on Stack Overflow

Zend Framework: How can I add JavaScript element after the scripts in head?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related