Embeded jQuerey functions are being reoved

[jonwgeorge]

I'm trying to get a custom slider implemented into my WHMCS install, and for some reason, the jQuery that is embedded on the page keeps getting by what I assume to be WHMCS. The code works flawlessly in a regular .html file. Here's my code:

 

<script type="text/javascript">
$(function(){
	$function("#faded").faded({
		speed: 500,
		crossfade: true,
		autoplay: 10000,
		autopagination:false
	});

	$('#domain-form').jqTransform({imgPath:'jqtransformplugin/img/'});
});
</script>

 

But when I load the page in a browser, this is what is rendered:

 

<script type="text/javascript">
$(function());

	$('#domain-form').jqTransform();
});
</script>

 

Any ideas why?

[sparky]

Add literal tags around it

{literal}
<script type="text/javascript">
    $(function(){
        $function("#faded").faded({
            speed: 500,
            crossfade: true,
            autoplay: 10000,
            autopagination:false
        });

        $('#domain-form').jqTransform({imgPath:'jqtransformplugin/img/'});
    });
</script>
{/literal}

[jonwgeorge]

Thanks sparky, that works for embedded JS, however it looks like some of my linked JS files are doing the same thing. Any ideas on how to fix that as well?

[sparky]

How about a link to your site so that we can see?

[jonwgeorge]

Sure. Custom Template is still in the works, but here it is.

 

The four boxes at the top are supposed to look like the ones at the static beta page: located here.

 

Thanks

[sparky]

You have this java error

Timestamp: 3/10/2012 12:24:16 PM

Error: TypeError: $("html").on is not a function

Source File: http://socializedsmc.com/templates/socialized/js/whmcs.js

Line: 183

This means that you are using an early jquery version

http://socializedsmc.com/templates/socialized/js/jquery-1.4.2.min.js

 

change this line in your header.tpl

<script type="text/javascript" src="templates/socialized/js/jquery-1.4.2.min.js"></script>

to this

<script type="text/javascript" src="includes/jscript/jquery.js"></script>

[jonwgeorge]

Ok, I've done that, still didn't seem to solve my problem. I was unable to determine if the slider function would work with higher than jQuery 1.4.

[sparky]

Should this

   <script type="text/javascript">
    $(function(){
        $function("#faded").faded({
            speed: 500,
            crossfade: true,
            autoplay: 10000,
            autopagination:false
        });

        $('#domain-form').jqTransform({imgPath:'jqtransformplugin/img/'});
    });
    </script>

be

   <script type="text/javascript">
    $(function(){
        $("#faded").faded({
            speed: 500,
            crossfade: true,
            autoplay: 10000,
            autopagination:false
        });

        $('#domain-form').jqTransform({imgPath:'jqtransformplugin/img/'});
    });
    </script>

Edited October 3, 2012 by sparky

[jonwgeorge]

Yes it should... this is why I should never code after 10pm. Thanks.