Guest_imported
New member
- Jan 1, 1970
- 0
Does anyone know if it is possible to have i.e. an iframe floating over a frameset within a window?
Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature may not be available in some browsers.
<HTML>
<TITLE>Flying Frame</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
/*
FlyingFrame.html
A flying frame.
JavaScript.
Steve Puri - stevepuri@[URL unfurl="true"]www.com[/URL]
Autumn, 27-11-2000
*/
/**************************************************************************************/
/***************************** FlyingFrame configuration ******************************/
/**************************************************************************************/
var flyingFrame = "test.html"; // path/filename/url to open in flying frame.
var scrollbars = "YES"; // should the flying frame have scrollbars? (YES | NO)
var startX = 10; // The initial horizontal position of the flying frame.
var startY = 10; // The initial vertical position of the flying frame.
var flyingFrameHeight = 200; // height of opened flying frame.
var flyingFrameWidth = 200; // width of opened flying frame.
var moveStepsX = 50; // steps (pixels) to move flying frame to the right.
var moveStepsY = 10; // steps (pixels) to move flying frame to the bottem.
var speed = 300; // speed of flying frame (higher is slower).
/**************************************************************************************/
/**************************************************************************************/
/**************************************************************************************/
var moveX = startX;
var moveY = startY;
var screenX = screen.width+50;
var screenY = screen.height+50;
var timer;
function stopFlyingFrame()
{
clearTimeout(timer);
}
function startFlyingFrame()
{
FlyingFrame.innerHTML = "<IFRAME SRC='"+flyingFrame+"' MAME='myIFRAME' WIDTH='"+flyingFrameWidth+"' HEIGHT='"+flyingFrameHeight+"' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='"+moveX+"' VSPACE='"+moveY+"' FRAMEBORDER='0' SCROLLING='"+scrollbars+"'></IFRAME>";
if ((moveX <= screenX) && (moveY <= screenY))
{
moveX += moveStepsX;
moveY += moveStepsY;
timer = setTimeout("startFlyingFrame()", speed);
}
else
{
clearTimeout(timer);
FlyingFrame.innerHTML = "";
moveX = startX;
moveY = startY;
// comment the line below to stop the flying frame from flying forever!
startFlyingFrame();
}
}
// -->
</SCRIPT>
<BODY BGCOLOR="#FFFFFF" SCROLL="NO" onLoad="startFlyingFrame()">
<P ALIGN="CENTER">
A flying frame
<BR><BR>
<INPUT TYPE="BUTTON" VALUE="Stop" onClick="stopFlyingFrame()">
<INPUT TYPE="BUTTON" VALUE="Start" onClick="startFlyingFrame()">
</P>
<SPAN ID="FlyingFrame"></SPAN>
<BODY>
</HTML>