\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"1njdf\",\"text\":\" \",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"a7v82\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"9h2kk\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"7rl3s\",\"text\":\" \",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"cffct\",\"text\":\"Explanation and Implementation\",\"type\":\"header-three\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"9idno\",\"text\":\"Step-by-Step Explanation\",\"type\":\"header-four\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"9jflr\",\"text\":\"HTML Structure:\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":14,\"style\":\"BOLD\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"3ots8\",\"text\":\"The scanner.html file contains a basic HTML structure with a div for the scanner and a div for messages.\",\"type\":\"unordered-list-item\",\"depth\":1,\"inlineStyleRanges\":[{\"offset\":4,\"length\":12,\"style\":\"CODE\"},{\"offset\":61,\"length\":3,\"style\":\"CODE\"},{\"offset\":87,\"length\":3,\"style\":\"CODE\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"6n57d\",\"text\":\"CSS styles are included to center the scanner and style the page.\",\"type\":\"unordered-list-item\",\"depth\":1,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"a9imn\",\"text\":\"Browser and Device Check:\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":24,\"style\":\"BOLD\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"6b9ld\",\"text\":\"The checkBrowserAndDevice function determines the browser and device type using the user agent string.\",\"type\":\"unordered-list-item\",\"depth\":1,\"inlineStyleRanges\":[{\"offset\":4,\"length\":21,\"style\":\"CODE\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"24dn1\",\"text\":\"It checks for Safari on iOS/Mac and Chrome on Windows.\",\"type\":\"unordered-list-item\",\"depth\":1,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"38vvc\",\"text\":\"Initializing the Scanner:\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":24,\"style\":\"BOLD\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"fb9q1\",\"text\":\"The initializeScanner function initializes the ZXing barcode scanner library.\",\"type\":\"unordered-list-item\",\"depth\":1,\"inlineStyleRanges\":[{\"offset\":4,\"length\":17,\"style\":\"CODE\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"3ickt\",\"text\":\"It sets up the scanner to read from the device's camera and processes the scanned result.\",\"type\":\"unordered-list-item\",\"depth\":1,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"9s2r2\",\"text\":\"Sending the Scanned Result to FileMaker:\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":39,\"style\":\"BOLD\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"6dfbj\",\"text\":\"The sendToScript function sends the scanned result to the Claris FileMaker Pro script \\\"(2008) Process scanned result\\\" using the FileMaker.PerformScript function where it is assumed you will have a script with that name that does something with the result. \",\"type\":\"unordered-list-item\",\"depth\":1,\"inlineStyleRanges\":[{\"offset\":4,\"length\":12,\"style\":\"CODE\"},{\"offset\":128,\"length\":23,\"style\":\"CODE\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"pr4q\",\"text\":\"Maybe the QR code or bar code has a UUID number in it that you are scanning. You get the result of the code and process it any way you like. \",\"type\":\"unordered-list-item\",\"depth\":1,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"3lp0t\",\"text\":\"If the script is not running within FileMaker, it logs the result to the console.\",\"type\":\"unordered-list-item\",\"depth\":1,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"ec7n5\",\"text\":\"Main Function:\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":13,\"style\":\"BOLD\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"9bcfi\",\"text\":\"The main function calls checkBrowserAndDevice and decides whether to initialize the scanner or show a message to use the correct browser.\",\"type\":\"unordered-list-item\",\"depth\":1,\"inlineStyleRanges\":[{\"offset\":4,\"length\":4,\"style\":\"CODE\"},{\"offset\":24,\"length\":21,\"style\":\"CODE\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"7e36k\",\"text\":\"Implementation Guide\",\"type\":\"header-four\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"498p5\",\"text\":\"Setup:\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":5,\"style\":\"BOLD\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"5gnvo\",\"text\":\"Save the provided code as scanner.html.\",\"type\":\"unordered-list-item\",\"depth\":1,\"inlineStyleRanges\":[{\"offset\":26,\"length\":12,\"style\":\"CODE\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"8dqfp\",\"text\":\"Ensure you have an internet connection to load the ZXing library from the CDN. Otherwise, you can save the code in your solution if you need it to run offline and reference it properly.\",\"type\":\"unordered-list-item\",\"depth\":1,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"67vgr\",\"text\":\"Hosting:\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":7,\"style\":\"BOLD\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"95qh6\",\"text\":\"Host the scanner.html file on a web server accessible to your FileMaker WebDirect environment.\",\"type\":\"unordered-list-item\",\"depth\":1,\"inlineStyleRanges\":[{\"offset\":9,\"length\":12,\"style\":\"CODE\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"cpl0i\",\"text\":\"FileMaker Integration:\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":21,\"style\":\"BOLD\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"39q2m\",\"text\":\"Create a Web Viewer in your FileMaker Pro layout and set its URL to the location of scanner.html.\",\"type\":\"unordered-list-item\",\"depth\":1,\"inlineStyleRanges\":[{\"offset\":84,\"length\":12,\"style\":\"CODE\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"41c47\",\"text\":\"Ensure the script \\\"(2008) Process scanned result\\\" exists in your FileMaker Pro solution to handle the scanned result.\",\"type\":\"unordered-list-item\",\"depth\":1,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"84g1f\",\"text\":\"Testing:\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":7,\"style\":\"BOLD\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"biea6\",\"text\":\"Open the FileMaker WebDirect application in the appropriate browser (Safari for iOS/Mac, Chrome for Windows).\",\"type\":\"unordered-list-item\",\"depth\":1,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"9ichl\",\"text\":\"Test the scanning functionality and ensure the results are passed back to the FileMaker script correctly.\",\"type\":\"unordered-list-item\",\"depth\":1,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"dpomf\",\"text\":\"This setup will allow you to scan barcodes and QR codes using the device's camera, with appropriate browser checks to ensure compatibility.\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"ai94\",\"text\":\" \",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"5vh1s\",\"text\":\"You can include the ZXing barcode scanner library directly within your FileMaker Pro layout. This approach involves embedding the library's code directly into your HTML rather than linking to it via a CDN. Below are the steps to accomplish this:\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"9da3b\",\"text\":\"Download the ZXing Library:\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":26,\"style\":\"BOLD\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"dvvie\",\"text\":\"Download the minified version of the ZXing library from the official repository or CDN. You can find it here.\",\"type\":\"unordered-list-item\",\"depth\":1,\"inlineStyleRanges\":[],\"entityRanges\":[{\"offset\":104,\"length\":4,\"key\":1}],\"data\":{}},{\"key\":\"7e0bc\",\"text\":\"Include the Library in Your HTML:\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":32,\"style\":\"BOLD\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"405s7\",\"text\":\"Instead of using the link, you will embed the downloaded library code directly into your HTML file.\",\"type\":\"unordered-list-item\",\"depth\":1,\"inlineStyleRanges\":[{\"offset\":21,\"length\":63,\"style\":\"CODE\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"97okh\",\"text\":\"Here's how you can modify the scanner.html to include the ZXing library directly:\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":30,\"length\":12,\"style\":\"CODE\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"dmce2\",\"text\":\"Download this html file: https://tinyurl.com/scannerHTML \",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[{\"offset\":25,\"length\":31,\"key\":2}],\"data\":{}},{\"key\":\"e05dn\",\"text\":\"Implementation Guide\",\"type\":\"header-three\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"7q9r9\",\"text\":\"Download the ZXing Library:\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":26,\"style\":\"BOLD\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"n0ir\",\"text\":\"Go to the ZXing GitHub repository and download the minified version of the library. You can save the library code into a JavaScript file named zxing.min.js.\",\"type\":\"unordered-list-item\",\"depth\":1,\"inlineStyleRanges\":[{\"offset\":143,\"length\":12,\"style\":\"CODE\"}],\"entityRanges\":[{\"offset\":10,\"length\":23,\"key\":3}],\"data\":{}},{\"key\":\"7i0ba\",\"text\":\"Embed the ZXing Library in HTML:\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":31,\"style\":\"BOLD\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"1ps6m\",\"text\":\"Copy the content of zxing.min.js and embed it directly into the
CloudFlight Data
Home
About
Our Blog
Our Services
Schedule Appointment
Our Development Process
CloudFlight Data
Home
About
Our Blog
Our Services
Schedule Appointment
Our Development Process
More
  • Home
  • About
  • Our Blog
  • Our Services
  • Schedule Appointment
  • Our Development Process
  • Sign In
  • Create Account
  • Bookings
  • My Account

  • Signed in as:

  • filler@godaddy.com

  • Bookings
  • My Account

  • Sign out

Signed in as:

filler@godaddy.com

  • Home
  • About
  • Our Blog
  • Our Services
  • Schedule Appointment
  • Our Development Process

Account

  • Bookings
  • My Account

  • Sign out

  • Sign In
  • Bookings
  • My Account

CloudFlight Data Blog - Database Development & Drone Services

Explore our blog for the latest insights, expert advice, and industry trends in custom database development, custom database solutions, and drone services. Stay informed and inspired with our regularly updated content to help your business thrive. 

Copyright © 2024 CloudFlight Data - All Rights Reserved.

Powered by

  • About
  • Our Blog
  • Our Services
  • Schedule Appointment
  • Drone FAQ
  • Custom Database FAQ
  • Privacy Policy
  • Our Development Process
  • Contact Us!
  • Website Terms of Services
  • Resource Downloads

This website uses cookies.

We use cookies to analyze website traffic and optimize your website experience. By accepting our use of cookies, your data will be aggregated with all other user data.

DeclineAccept