Connect with us

FileMaker

Introduction to JavaScript in a FileMaker Web Viewer – Part 1

Has unfamiliarity kept you from using JavaScript in FileMaker? In this multi-part series, we start with a working JavaScript web page and make small incremental changes to the page source code to integrate it in the FileMaker Web Viewer, explaining each change along the way.

This video will be most helpful for people with little experience working with HTML or JavaScript. We will refine the same project with each installment, exploring and explaining JavaScript and the Web Viewer as we go, concluding with the new functionality in FileMaker 19.

00:00 Intro
01:09 Locating the open-source project
02:36 Viewing the project’s demo page source code
02:57 HTML source code explained
04:27 Overview of code modifications
05:28 Acquiring the project source code
06:08 Including the JavaScript project code within FileMaker
06:33 Substituting field data into web form elements
07:54 Bypassing the submit button
08:49 Exploring the web browser’s ‘Page Inspector’ tool
10:39 Using CSS to hide the web form
11:33 The bane of curly quotes in rich text editors (.rtf)
12:35 Modifying the JavaScript output

? Part 2: https://youtu.be/sx3JvM-HNBc
? JavaScript Tools Playlist: https://www.youtube.com/playlist?list=PLLFSxz1yusVrJ9tVvbgVNiczZw5-xqxpx
? JavaScript Project: https://github.com/google/diff-match-patch
? Project demo: https://neil.fraser.name/software/diff_match_patch/demos/diff.html

► PCI WEBSITE: https://www.productivecomputing.com/
► ONLINE UNIVERSITY: https://www.productivecomputinguniversity.com/
► TWITTER: https://twitter.com/prodcomp
► FACEBOOK: https://www.facebook.com/productivecomputing/
► LINKEDIN: https://www.linkedin.com/company/productive-computing-inc.
► NEWSLETTER: http://eepurl.com/c_ZkGr

Please subscribe if you like this content or want to stay informed on more Productive Computing and FileMaker training videos.
► Auto Subscribe: https://youtube.com/c/ProductiveComputing?sub_confirmation=1

Thanks for watching!

Click to comment

Leave a Reply

Your email address will not be published.