Jump to content
View in the app

A better way to browse. Learn more.

FMForums.com

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Image Map Link to Field

Featured Replies

My boss wants me to make a link from an image map to a specific field in a web-enabled database. I am not a programmer. Does anyone know if/how I can do this within FMP and web companion?

I hope I'm understanding you right: the database fields should provide the urls to the image map?? I guess if you call the page from an FMP action, then something like:

<MAP NAME=map1>

<AREA SHAPE=rect COORDS="0,30,50,50" HREF="[FMP-FIELD:field1]">

<AREA SHAPE=rect COORDS="0,0,50,20" HREF="[FMP-Field:field2]">

</MAP><IMG USEMAP="#map1" SRC="theimage.jpg">

.....would work, though I think it's a more reliable solution to chop the image up in a table and use individual HREFs delivered by FMP

jeff

  • Author

Let me explain.

There will be an image map of a building layout. He wants me to carve up the image map (which I can do) and create links to individual fields in the database. For example, if someone clicked on the Room 1 section of the image map, it would go to the Room 1 field in the database.

Would the above action work for this?

When you say "it would go to the Room 1 field in the database," are you asking it to search the database to find Room 1, then display an HTML page using Room 1 data from the database?

If so, I would expect that a long URL that searches the database and returns the room template page, populated with Room 1 info, would be the answer.

Although I use Lasso rather than web companion, I expect it could be done with WC.

Here is an example of how I used it. Look at the link attached to each button, and attach a similar one to each slice of the image map.

http://www.flandersco.com/ElectricalSearch.html

Good luck!

Create an account or sign in to comment

Important Information

By using this site, you agree to our Terms of Use.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.