Multiple Links Within iframe

› Forums › Easy FancyBox Pro › Multiple Links Within iframe

Tagged: 

Viewing 1 reply thread
  • Author
    Posts
    • 22 September 2016 at 00:12 #7065
      Ben Davis
      Participant

      Hello,

      I was curious if it would be possible to include two links within the same iframe. I am using Goole Fusion Tables to visualize data, and I would like to show the card and the map in the same frame.

      Here is a link to the page I am working on, the “I” icon and the Texas icon contain the links that I would like to join separately:

      Texas Slave Narratives

      You have offer such great advise in the past and I wondered if you could help with this challenge.

      Thank you,

      Ben

    • 23 September 2016 at 00:21 #7067
      Rolf
      Keymaster

      Hi Ben, see what you mean there… I’m not very familiar with Google Fusion Tables but I guess the ideal would be to have one link that opens up the MAP view with the CARD info window already opened, without the user needing to search and click the related icon.

      I’ve searched the documentation but cannot find any useful tips but found nothing for Fusiontables. For example, basic Google Maps used to have URL parameters like “iwd” and “iwloc” to control info window states. Not sure that even exists anymore but there might be something similar for Fusion Tables. You might want to ask on the support forum https://productforums.google.com/forum/#!forum/google-fusion-tables if there is such a possibility.

      If not, then there is another solution:

      You’ll have to switch Easy FancyBox to Inline Content mode and create a hidden div on each page that contains both the the embedded card iframe code and the map iframe code and link to that…

      Something like:

      
<a href="#info">i</a>
<div class="fancybox-hidden"><div id="info" style="width:566px;height:900">
<iframe src="https://fusiontables.google.com/embedviz?viz=CARD&q=select+*+from+1J7LDJg5poogxCbD--kCVzwBuXW9xHU9nZbc3P9Ab+where+col3+%3D+%27Lewis%2C+Lucy%27&tmplt=3&cpr=2" width="100%" height="480" frameborder="0" />
<iframe src="https://fusiontables.google.com/embedviz?q=select+col1+from+1J7LDJg5poogxCbD--kCVzwBuXW9xHU9nZbc3P9Ab&viz=MAP&h=false&lat=30.26880413802582&lng=-95.40978623638527&t=1&z=8&l=col1&y=2&tmplt=2&hml=GEOCODABLE" width="100%" height="420" frameborder="0" />
</div></div>

      (untested, might not look or fit good yet)

  • Author
    Posts
Viewing 1 reply thread
  • You must be logged in to reply to this topic.