How to Use Scalar: Digital Publishing for Libraries, Archives, and Museums Main Menu About This Project About the creators and purpose of this project What Is Scalar? A brief introduction to what Scalar can do as a platform. Scalar in Libraries, Archives, and Museums Why Scalar is a relevant tool for librarians and other information professionals to learn. How to Use Scalar Step-by-step instructions for creating your first Scalar book. More Resources Annotated list of resources with more information on using Sclar

Using JavaScript

38779 Publishing your Scalar Book How to publish a Scalar Book
JavaScript can be used to add certain features or elements that are usually hidden on a page or not displayed, among other things.

Page-Specific JavaScript

  1. To add JavaScript customization to a page, click the pencil icon to open the editor, go to the Styling tab in the editor page, and select the JavaScript option. This should refresh the page with a JavaScript code field.
  2. Type or paste any JavaScript code into the field.
  3. Click one of the "Save" buttons at the bottom.

JavaScript for the Entire Book

To add JavaScript that will apply to the entire book, go to the dashboard, click on the Styling tab, and scroll down to the JavaScript code input field. Follow steps 2-3 from the Page-Specific JavaScript tutorial above.

Adding bylines

If you want to insert an individual byline for a particular page, you can use the code snippet provided by the Scalar 2 User's Guide:
$(document).ready(function() { var author = $('header span[resource="'+location.protocol+'//'+location.host+location.pathname+'"]').next().find('[property="foaf:name"]').text(); $('h1:first').append(' by '+author+''); });
Below you can see where the byline should appear. The name displayed will be that of the user who added the page to the book.If the person who created the content of the page is different from the person who added the page, you can use the following code-snippet instead:
$(document).ready(function() { $('h1:first').append(' by FirstName LastName'); });
Substitute the person's name where it says "FirstName LastName."
For more information about using JavaScript, consult the Advanced Topics chapter of the Scalar 2 User's Guide.

This page has paths:

  1. Using HTML/CSS/JavaScript Shenwei Chang

This page references: