Multiple Links Within iframe

Home Forums Easy FancyBox Pro Multiple Links Within iframe

Tagged: 

This topic contains 1 reply, has 2 voices, and was last updated by  RavanH 8 months ago.

  • Author
    Posts
  • #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

  • #7067

    RavanH
    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)

You must be logged in to reply to this topic.