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!
-
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)
- Added GoogleMap and GoogleMap An Address
- Added jQueryUI Range Slider and Accordian
- Fixed Webforms 1-3 so that Rating value displays correctly after form submitted
- Added user-defined parameters to PivotJS demo
- Updated CSS and JS libraries;
- Added non-FileMaker JavaScript demos, Bootstrap Masonry with JS and Datatables "Cards"
- Minor changes to PivotJS, NoUI Sliders - Multiple and jQuery WebForm demos
- Added JSONATA and WebForm examples and check for internet connecton onOpen; added pause before Perform JavaScript in Web Viewer script step