Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

We're retiring the forums!

The SilverStripe forums have passed their heyday. They'll stick around, but will be read only. We'd encourage you to get involved in the community via the following channels instead:

Themes /

Discuss SilverStripe Themes.

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo, swaiba

Creating a theme with javascript....

Go to End

3 Posts   4127 Views


Community Member, 3 Posts

17 April 2009 at 8:46am


I am new to SilverStripe, and I am attempting to build my first theme, however I am trying to include a few javascript functions, but I can't seem to get them working at all.

I have figured out how to use the Require:: tag so that the javascript files that I'm wanting to use get loaded into the page, but it doesn't seem that the javascript actually works.

The first one that I'll talk about is Cufon.js, which is a script that will dynamically go through and replace text with images using a non-standard font face. If you want to read more about cufon, please go here:

On a standard site, you load the javascript files for cufon (cufon.js and the font.js) and insert a replace command for the CSS id that you want replaced. Example:

<script src="content/cufon.js" type="text/javascript"></script>
<script src="content/SNC_Script_italic_400.font.js" type="text/javascript"></script>
<script type="text/javascript">

I have this exact same thing on my SilverStripe site, but it is not replacing the content of the div id "direction", even though it should be.


Forum Moderator, 5523 Posts

18 April 2009 at 6:56pm

Couple things to check

- Are all the JS files loaded
- Are there any JS errors preventing it loading?
- Does the outputted HTML validate? If it is strict and it does not validate then some JS is may not be applied to the page.
- Is the path to the font.js file correct?


Community Member, 3 Posts

19 April 2009 at 4:46pm


Thanks for the reply - you have it - my HTML wasn't able to validate, and as soon as I fixed that problem I had my other one fixed.

Thank you again!