Post

3 followers Follow
0
Avatar

Can you add a HTML link on a popup?

Basically I want to have a modal popup on a long scrolling page (all on A layer) and want each modal popup to have a link on it out to a html site. Is this possible?

 

Hannah Springett

Digital Designer

Hannah Springett Answered

Please sign in to leave a comment.

9 comments

0
Avatar

That wasn't quite what I meant. Basically we have several cars for sale on one long scroll page. The idea is that you click each car to open a popup with a larger image and more information about the price. The popup is a group of text boxes and a large image. We then want the user to click from the popup if they are interested through to the car for sale online? I understand how to add a link. I understand how to create a popup. Just wanted to know if you could place a html button on the popup to link out to a website? Is that clearer??

 

Han

Hannah Springett 0 votes
Comment actions Permalink
0
Avatar

Hi Hannah,

Yes, that is possible. But only by using HTML.

This is what you will need to do. Create an html object that will be your first popup, the whole layout has to be done in HTML with the web link. My personal recommendation is to use Hype when doing the layout in html: http://tumult.com/hype/

Also, don't forget to use the "openwindow" script when creating the link in the html object: http://support.magplus.com/entries/21124102

When the html object is done. Select the object you want the user to tap in order to activate the popup. Click "Link" in the plugin. Change hotspot type to "Popup" and enter URL: popup://object1.

Next, place a box on the popup-layer that will fit the html object. Set object type to HTML. Click file and find your .html file. 

Review. Now when you tap the thumbnail, the "HTML-popup" should appear and you should be able to tap the link within the popup in order to open the web link.

Note

  • this only work in Apps 4.0.3 and up.
  • One html object (one web view) will take up 10mb of ram. So make sure not to use to many html objects,

Regards,

Anders 

Anders Odevik 0 votes
Comment actions Permalink
0
Avatar

Anders,

I was looking to do this same thing. I followed your instructions here. One problem I came across is, I am still getting the popup in standard type. Is there any way to change the "HTML" popup to modal type to get the  faded background and the close box?

Thanks

Darren 

Darren Rettburg 0 votes
Comment actions Permalink
0
Avatar

Hi Darren,

Unfortunately it is not possible yet for embedded HTML to be shown in a modal popup. If the html object is located on a server you can change the object type of the popup from HTML to Object type: Popup. Then enter the url to index.html file under Popup URL.

Regards,

Anders 

Anders Odevik 0 votes
Comment actions Permalink
0
Avatar

Thanks Anders,

I was thinking of making the standard popup the whole size of the iPad and make it look like a modal popup. That gets me the effect I am looking for and the hotspot links on the popup work. The problem there is I can't figure out how I would close the popup once it is open. This is a feature I need with these specific popups. Any ideas? Is there something I'm missing with how you close a standard popup other than touching the hotspot again?

Thank you

Darren 

Darren Rettburg 0 votes
Comment actions Permalink
0
Avatar

Hi Darren,

At the monet this is not possible. I think that the funciton you are looking for will be available in the upcoming 4.1 update.

Regards,

Anders 

Anders Odevik 0 votes
Comment actions Permalink
0
Avatar

Hi, Anders,

I've been trying to figure out the proper placement of the "openwindow" function when using an embedded link within an HTML object. The given example isn't clear. If I could see a full line of code I would have a better idea. Also, is the openwindow function an option with image maps?

Aisha Ricketts 0 votes
Comment actions Permalink