Category Archives: Effect

Effect library entry.

Centre Burgee Effect

This is a very simple effect that allows you to have a large(r) image at  the top centre of the results instead of an Event Burgee and a Venue Burgee which are normally at the top corners of the published results

Enable this effect and specify either an Event or Venue Burgee – If you specify both you will get two images.

It can be downloaded from here.
Save it in your custom effects folder as specified in the Setup – Global options- folders – My script folder,  the default for this is
C:\Users\Public\Documents\Sailwave\Javascript

Then when publishing, enable the CentreBurgee effect

Image background Effect

This effect allows a background image (it doesn’t have to be a photo) to be applied to the results as an effect so you can turn it on or off as simply as selecting the effect.  You can also specify the image to use and save it with the series.

You can of course simply add an image using CSS, to any of the existing styles by editing the Style and saving it as a custom style (see the Sailwave User Group for the sample that Keith kindly supplied).  This effect however allows you to add a background image to any of the styles without having to edit the style.  And publish with or without it at will.

It has a default image (you can modify the default image simply by editing the effect) but it also allows you to specify the image to use at the time of publishing and this is stored with the series so that each series can have a different background image.

As a sample, you could have something like this

 

 

 

 

 

 

 

It can be combined with other effects such as HighlightWins3v3 if required

How to change the image at publishing time without editing any files.
This is done by adding the path to the image in the publish notes.
You can still add notes as normal but if you add a line starting with
<!BG   and ending with > e.g.
<!BGhttps://i.imgur.com/kwdzcgr.jpg>
This line will not appear in the published results but it is passed to the effect.  You must of course tick the box to publish notes even if the image path is the only thing in the notes.

 

 

 

 

 

 

 

 

 

It can be downloaded from here.
Save it in your custom effects folder as specified in the Setup – Global options- folders – My script folder,  the default for this is
C:\Users\Public\Documents\Sailwave\Javascript

Have fun….
Try the example <!BGhttps://i.imgur.com/kwdzcgr.jpg> and post a reply in the user group if you know where the picture is taken – I know some of you will.

Hover Effect for Summary and Race Tables (Jon)

This effect allows the row where the cursor is to be highlighted by changing its color as you move the cursor around and over the summary and race tables.

You can of course simply add the hover effect to the style by adding one or two lines of CSS and some of the styles do have this implemented already.  This is an effect which you can turn on or off at the point of publishing by selecting the Hover effect implementing it as Javascript .  The colour is a rather boring grey so that it works with all the different styles available but feel free to change your copy if you wish.

It can be combined with other effects such as HighlightWins3v3 if required

 

 

 

 

It can be downloaded from here.
Save it in your custom effects folder as specified in the Setup – Global options- folders – My script folder, the default for this is
C:\Users\Public\Documents\Sailwave\Javascript

ModHeader(Jon)

This effect allows the renaming of text in the Summary table header.
As an example you can rename the Rating system to some new name.  It is a very simple example of an effect but is presented as an idea where users can expand upon it to their requirements.

The code as it stands would rename Texel to NewText

It can be downloaded from here.

 

Refresh (Colin J)

This effect refreshes the published page every 10 seconds and makes sure it’s up to date by clearing the cache.

It’s useful when displaying results continuously on a big screen at events.

It can be downloaded from here.

It can take a URL parameter:-

  • rate defines the refresh rate in milliseconds overriding the default of 10 seconds; i.e. the default is equivalent to url?rate=10000.

 

TableSorter (Jon)

2018/04/16 Updated to version 1.2 to work with https websites

This effect allows the sorting of the columns for the results summary tables and sort indicators are added to the column headers.   Columns are sorted alphabetically except the race columns which have a custom parser to make them numeric – so even if a result is discarded and the number is in brackets it will use the numeric value within the cell.  Click on the column header to sort any column.  Clicking it a second time will reverse the sorting.  If you are using a PC to view then you can sort on multiple columns by holding down the control key while you select the next column.  Or use the Alt key to reset the sort (You can always click on the Rank column header to reset also)

It can be combined with the HighlightWins3 if required

Sorter

 

 

 

It can be downloaded from here.

HighlightWins3 (Jon)

This effect highlights the first 3 places in the series summary tables in different colours.  It is an extension of Colin’s HighlightWins effect.  It can be used as it is or you can examine the code to see how only the race columns are manipulated (1.0, 2.0 and 3.0 will not be highlighted in other columns or the table header).  It will also highlight the results even if they are discarded as it uses a regular expression to match the points for 1st, 2nd and 3rd.  The colours by default match those of stickers commonly used to denote these positions, but you can edit the colours to those of your choice.

HighlightWin3

 

It can be downloaded from here.

Updated to V1.6 30th August 2015 Changed Regular expression used – Jon