DRAG AND DROP PROOF OF CONCEPT DEMO: HTML5 AND FILEMAKER


DRAG AND DROP PROOF OF CONCEPT DEMO: HTML5 AND FILEMAKER

This is a demo of an HTML5 / JavaScript proof of concept piece we created that was intended to show how a web viewer could be dropped into a layout and provide drag and drop functionality not normally available in a FIleMaker layout lone.

In this case, the client already had a FileMaker database that stored product information. They use the database to create a preview of a page in a catalog. Ultimately they need to plot product images at specific location and then other elements called “call outs” over the product images.

Then FileMaker will export out the x/y locations of each to an external catalog application. The task was to not only allow dragging and dropping of the callouts, but to run a script that creates a record in a separate table that stores the element info as well as its x/y coordinates.

We used HTML, JavaScript, FMPURLs and FileMaker Scripts to execute this demo.

Print Friendly