TutorialsCreate an AJAX Auto-Complete Member Search with SilverStripe and jQuery

10 May 2011 | Aram Balakjian | JavaScript | Supports v2.4

19 8

For ages now I have been meaning to figure out how to get an AJAX autocomplete field working with SilverStripe Objects. So when I found this great jQuery Autocomplete Plugin, I thought now would be a good time. As always SilverStripe provides all the tools necessary to complete the task without too much hassle. 

TutorialsEmbed flash content using SWFObject

3 December 2009 | Roman Schmid | CMS, Templates, JavaScript | Supports v2.4, v2.3

11 2

There are numerous ways to embed flash content into your SilverStripe Website. A commonly used and very flexible method to embed flash is provided by the SWFObject script. In this snippet I'll show you how to create a custom FlashPage that will contain flash content, embedded using SWFObject.

TutorialsUsing jQuery for form validation

13 November 2009 | Aram Balakjian | Templates, Forms, JavaScript

8 2

As you may have noticed, SilverStripes built in form validation is based on Prototype and is pretty limited. It also means that even though you might be using jQuery for other things on your site, you will still need to load prototype.js and all the associated files that SilverStripe requires for it's built in JavaScript form validation.

SnippetsInserting Javascript into a DOM Popup

11 September 2011 | Gordon Anderson | JavaScript, DataObjectManger | Supports v2.4, v2.3

5 6

I recently ran into the problem of how to insert my own Javascript into a DOM (DataObjectManager) popup window.  After much googling and getting nowhere I resorted to reading the code and discovered that it was in fact quite simple to do.

The problem I was trying to solve was for a dropdown select box to toggle fields in the form, depending on whether a link is internal or external to the site. 

SnippetsClearing the Search field on click with jQuery

5 August 2009 | Aram Balakjian | Templates, Forms, JavaScript

4 1

As with everything, it's attention to detail that makes great sites. One thing that really bugs me is when a site has a search box with the word 'search' inside it but which does not clear it self when clicked, meaning I have to clear it before I can search. Given it can be achieved with a few lines of jQuery, it's a real surprise how many sites fail to implement this, or that still use the 'onclick' inline javascript event. 

TutorialsLeaflet with SS3

19 November 2012 | stallain | JavaScript, SilverStripe 3 | Supports v3.0

3 3

Leaflet is a good open-source alternative to Google Maps. I followed the instructions given in the Leaflet quick start guide (http://leafletjs.com/examples/quick-start.html), with a few adaptations to Silverstripe CMS. No custom icon, no additional layer, no customized css, no fancy feature : only the basic options to plot several locations on an interactive map.

SnippetsDisable Default JavaScript Behaviours

15 February 2010 | Hamish Campbell | Templates, JavaScript | Supports v2.4, v2.3

0 2

By default SilverStripe uses bulky and sometimes unwanted JavaScript libraries to handle form validation and AJAX page commenting features. Often you want to disable this behaviour so you can integrate your own JavaScript code. This is easily achieved with the following two lines in you site configuration file: