Skip to content

FileMaker 19 Javascript in Webviewer examples and playground, sliders, C3JS charts, datatables, pivot table, faker, FM ExecuteDataAPI, LeafletJS, PapaParse, SanKey, etc.

Notifications You must be signed in to change notification settings

asktami/filemaker-javascript-playground

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 

Repository files navigation

filemaker-javascript-playground

Using JavaScript in a FileMaker Webviewer

51 examples as of 1/1/2022

FileMaker 19 experiments with various JavaScript functions and libraries. Fully tested on Mac. Not fully tested on Windows.

I created this file so that I could experiment with various JavaScript libraries and the new FileMaker 19 Perform JavaScript in Web Viewer and Execute FileMaker Data API script steps.

The RESOURCE table holds CSS and JavaScript code / libraries / frameworks for use with different demos.

The HTML_RESOURCE table links the demo to its associated CSS and JavaScript code / libraries / frameworks.

The HTML table holds 1 record for each demo, aka the "HTML Template".

Note: In some of my examples I use a special FUNCTION Web Viewer to run a JavaScript function and then use those results in my demo. This shows how you can use a Web Viewer to perform a specific function/calculation/etc. that you then use in another Web Viewer/script/etc.

Let me know if you have any questions/comments.

Sign-up if you want to be notified about updates to this file.

Enjoy!

About

Main Demos

Main_Demos

    Demo Name (Record ID)
  • Blinking Text (1)
  • Bootstrap Animated Progress Bar (5)
  • Bootstrap Masonry (42)
  • C3 Chart (8)
  • C3JS Chart (12)
  • C3JS Chart Test (14)
  • C3JS JSON Chart Data Test (13)
  • C3JS JSON Chart Data Test 2 (15)
  • C3JS JSON Chart Data Test 3 (16)
  • C3JS with JSON data from ExecuteDataAPI (20)
  • Carafe.FM Pivot.js (28)
  • Carafe.FM SanKey (data sorted by Channel and State) (27)
  • CSV2JSON: Convert CSV to JSON (7)
  • DataTables (for portals) - shift+click to select multiple rows, command+click to select non-adjacent rows (21)
  • DataTables TEST - FM18 Survey Questions as Cards, with flag for question already in selected survey (45)
  • DataTables TEST - Survey Questions as a table (43)
  • DataTables TEST - Survey Questions as Cards, with flag for question already in selected survey (44)
  • Faker.js - Create People Test Records - look at script before clicking "Run Faker" (26)
  • Faker.js - Create Person and Donation Test Records - look at script before clicking "Run Faker" (25)
  • FM18 getFieldData array of JSON objects from ExecuteDataAPI script step finding all MARKER records (10)
  • FM19 getFieldData array of JSON objects from ExecuteDataAPI script step finding all MARKER records (9)
  • FM19 window.location=FileMaker.PerformScript (17)
  • GoogleMap (50)
  • GoogleMap An Address (51)
  • Hello World (2)
  • jQueryUI Accordian - Default (46)
  • jQueryUI Accordian - Dynamic (47)
  • jQueryUI Range Slider - Default (48)
  • jQueryUI Range Slider - Dynamic (like PipsSlider) (49)
  • JS Error Handling - Try, Catch, Finally (11)
  • JSONATA - 1 (29)
  • JSONATA - 2 (30)
  • JSONATA - 3 (31)
  • JSONATA - My Conversion - 1 (32)
  • JSONATA - My Conversion - 2 (33)
  • JSONATA - My Conversion - 3 (34)
  • LeafletJS Marker Clusters with Filters (CLICK to select a marker; DOUBLE-CLICK to add a marker) (6)
  • Moving Graphic (40)
  • NoUI Sliders - Multiple Sliders at Once (41)
  • PapaParse jQuery CSV parser: CSV to JSON (22)
  • PapaParse: CSV to JSON Form (24)
  • PapaParse: JSON to CSV (23)
  • PipSlider using fmScript and scriptParam fields and GetWebViewerValues script (3)
  • PipsSlider - FM18 using fmURL and fmURLOptions field (4)
  • PipsSlider - FM18 using fmURL and GetWevViewerValues_ALT script (18)
  • PipsSlider - FM19 using FileMaker.PerformScript and GetWevViewerValues_ALT (19)
  • Really Big Time with Seconds (39)
  • Spinner (38)
  • WebForm-1 (35)
  • WebForm-2 (36)
  • WebForm-3 (37)

Other Demos

Other_Demos

Change Log

12/31/2021

  • Added GoogleMap and GoogleMap An Address

12/30/2021

  • Added jQueryUI Range Slider and Accordian
  • Fixed Webforms 1-3 so that Rating value displays correctly after form submitted

10/27/2021

  • Added user-defined parameters to PivotJS demo

10/24/2021

  • Updated CSS and JS libraries;
  • Added non-FileMaker JavaScript demos, Bootstrap Masonry with JS and Datatables "Cards"

10/20/2021

  • Minor changes to PivotJS, NoUI Sliders - Multiple and jQuery WebForm demos

10/12/2021

  • Added JSONATA and WebForm examples and check for internet connecton onOpen; added pause before Perform JavaScript in Web Viewer script step

About

FileMaker 19 Javascript in Webviewer examples and playground, sliders, C3JS charts, datatables, pivot table, faker, FM ExecuteDataAPI, LeafletJS, PapaParse, SanKey, etc.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published