RefTracker forms in a popout window

When you insert a RefTracker form URL in your web page it will open in the same window (or a separate window as you defined in the hyperlink you used).

Here’s an example of a form in a popout showing how the form can sit above the page the user was in so they can refer to it while filling out the form:

Here’s the code that produced this example popout form:

<!-- For this example, jQuery is required. However, it is possible that your website is already loading it, you don't need to add it again. --><!-- for the latest version of jQuery hosted by Google, check here: https://developers.google.com/speed/libraries/devguide#jquery  --><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <!-- This script can be added anywhere on your webpage. --><!-- For this example we have given the link below a class of "reftracker-link". When a visitor click the link it will open a new window in the center of the screen. --><!-- On mobile devices, a new browser tab will be opened. --><script type="text/javascript">    $(function(){        $('a.reftracker-link').click(function(event){            event.preventDefault();            var windowLeft = parseInt((screen.availWidth/2) - (480/2));            var windowTop = parseInt((screen.availHeight/2) - (640/2));            var windowSize = "width=480,height=640,left=" + windowLeft + ",top=" + windowTop + ",scrollbars=yes";            var url = $(this).attr('href');            var windowName = "popUp";                              window.open(url, windowName, windowSize);           });    });</script> </head><body>    <!-- Example link: Be sure to edit the base url and key to point to the appropriate form on your RefTracker installation. -->    <!-- The class name can be changed here, but be sure that you change it in the JavaScript code above as well. -->    <a class="reftracker-link" href="http://reftracking.altarama.com/reft100.aspx?key=ReftQuery&extmode=1">Ask us a question</a></body>