Xerte Community Documentation

User Tools

Site Tools

Trace:
styles_and_script

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
styles_and_script [2022/12/08 10:42] – [Use JS to add a link to the project footer] Added JS codeblock syntax tadachistyles_and_script [2023/09/26 08:22] (current) – [Use JS to add a link to the project footer] jsmith
Line 24: Line 24:
 JavaScript (JS or JQuery) is described as the programming language of the web and can be used to introduce new functions to your project.  This usually requires previous experience or knowledge with programming, although it is possible to find code snippets on the web that can be adapted for use in a Xerte project.  There are two ways to add JavaScript to a Xerte project, to change its functionality. JavaScript (JS or JQuery) is described as the programming language of the web and can be used to introduce new functions to your project.  This usually requires previous experience or knowledge with programming, although it is possible to find code snippets on the web that can be adapted for use in a Xerte project.  There are two ways to add JavaScript to a Xerte project, to change its functionality.
  
-  - In the HTML Source of the Page, from any text editor by clicking the HTML toggle button <>.  The new function(s) will apply only to the page to which it is added+  - In the HTML [[source_view|source view]] of the Page, from any text editor by clicking the HTML toggle button <>.  The new function(s) will apply only to the page to which it is added
   - In the optional property Script box:   - In the optional property Script box:
     - at project, where the function(s) will apply to all relevant pages in the project     - at project, where the function(s) will apply to all relevant pages in the project
Line 52: Line 52:
   * Add this code to the Script box, replacing the "add url here" with the link you want to add: <code javascript>$('#x_footerBlock').append('<a href=“add url here” target="_self"><span style="color:#fff; position:relative; bottom:20px;">Link</span></a>');</code>   * Add this code to the Script box, replacing the "add url here" with the link you want to add: <code javascript>$('#x_footerBlock').append('<a href=“add url here” target="_self"><span style="color:#fff; position:relative; bottom:20px;">Link</span></a>');</code>
  
 +{{tag>pagetype customisation}}
styles_and_script.1670496133.txt.gz · Last modified: 2022/12/08 10:42 by tadachi