Question

I’m working in a Joomla environment but I think this is not the source of the problem.

I have a view which renders subviews (containing JavaScript code like <script type="text/javascript></script>) with AJAX. Problem is : the JavaScript code is ignored. I guess that’s because it isn’t in the document when it is loaded.

Here’s the JavaScript code contained in one of the subview :

<script type="text/javascript">
    window.addEvent('domready', function() {
        $('annuler').addEvent('click', function() {
            var a = new Ajax(
                    '{$url}', 
                    {
                        method: 'get',
                        update: $('update')
                    }
            ).request();
        });
    });
</script>

Another basic example, if I load a subview with the following code in it, it won’t work either :

<script type="text/javascript">
    function test()
    {
        alert('ok');
    }
</script>

<a id="annuler" onclick="test()">Annuler</a>

I’m getting the following error message : “test is not defined”

I can’t find a solution to that problem so I’m starting to think that it is not a good way to use JavaScript…and, yes, I’m kind of new to event based JavaScript (with frameworks and so on).

Answer 1

I finally managed to put all the subviews and the JavaScript code into the same page. I’m using the CSS display property to hide/show a subview (<div>) (instead of loading it with Ajax).