Solved

Greybox popup working properly in an iframe

Posted on 2010-11-29
4
820 Views
Last Modified: 2013-11-13
We are using greybox as pop-up windows for when somebody clicks for more details. It works fine with the pop-up appearing beside the link. Except if the page is put in an iframe. If in an iframe, the pop-up appears, but at the very top of the page and this can mean excessive scrolling upwards to see the pop-up. Any solutions that do NOT involve putting the pop-up window coding in the page that has the iframe code?
0
Comment
Question by:pld51
  • 3
4 Comments
 
LVL 16

Expert Comment

by:jmatix
ID: 34239416
Can you post your source example?
0
 

Author Comment

by:pld51
ID: 34239839
In the header we have:-
<script type="text/javascript">
    var GB_ROOT_DIR = "http://www.roveaway.com/greybox/";
</script>
<script type="text/javascript" src="../greybox/AJS.js"></script>
<script type="text/javascript" src="../greybox/AJS_fx2.js"></script>
<script type="text/javascript" src="../greybox/gb_scripts2.js"></script>
<link href="../greybox/gb_styles2.css" rel="stylesheet" type="text/css" />

For each link where we call the greybox, eg "details":-
<a href="tour-detail.asp" rel="gb_page[650, 680]">details</a>

Using the FAQ of Greybox for iframes, we also tried this without luck:-
<a href="tour-detail.asp?ssid=<%=servid%>" onclick="return parent.GB_show('details', this.href)">details</a>
0
 

Accepted Solution

by:
pld51 earned 0 total points
ID: 34244364
Solution found - use HighSlide instead of greybox
0
 

Author Closing Comment

by:pld51
ID: 34276838
No other solution was presented
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This is about my first experience with programming Arduino.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises

821 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question