jSignage Core

jSignage is a jQuery port for SVG Tiny 1.2 uDOM — it simplifies writing JavaScript for digital signage on SpinetiX players. It provides layer constructors, DOM manipulation, event handling, AJAX, data feed parsing, animations, and interactivity.

Loading the Library

<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     viewBox="0 0 1920 1080">
  <script xlink:href="https://download.spinetix.com/spxjslibs/jSignage.js"/>
  <script><![CDATA[
    $(function() {
      // your code here
});
  ]]></script>
</svg>

The jSignage Object

• jSignage is the global object added after the library loads
• $ is a syntactic sugar alias: $() === jSignage()
• Most methods return the jSignage object itself → chaining: $.media({...}).fadeIn().addTo('svg')

⚠️ JavaScript Engine: SpiderMonkey 17

CRITICAL CONSTRAINT: SpinetiX players use SpiderMonkey 17 (ES5 era).

NOT Supported

Supported

• var, function, for, while, do-while
• JSON.parse(), JSON.stringify(), RegExp, try/catch
• Standard Math, Date, String, Array methods (ES5)

Document Ready Pattern

Always wrap code in document ready — ensures the DOM is fully loaded before manipulation:

$(function() {
  // ALL code goes here
  $.textArea({ fontSize: 60 }).text("Hello World").addTo('svg');
});

Global Variables

Data Types

Related Pages

• Layers Overview — all layer types and common attributes
• jQuery uDOM Port — selectors, DOM manipulation
• Utilities & Timers — timer methods, loggers
• Player APIs Overview — all available APIs