html可隐藏的浮动按钮,浮动按钮HTML5

我似乎无法解决此浮动按钮问题。我相信这与iframe标记的某些属性不能使用html5有关。有没有任何简单的替代方案来使这项工作正确？浮动按钮HTML5

Quadax Registration

function btnComplete_onclick() {

frmQuadMaX.OBKey_REG_Ticket_Status_1.value = "C";

frmQuadMaX.OBBtn_Yes.click();

btnComplete.disabled = true;

}

function btnCancel_onclick() {

frmQuadMaX.OBBtn_Yes.click();

}

function submitform(){

//Parent Submit Form Function

frmQuadMaX.OBBtn_Yes.click();

}

function calcHeight(){

//find the height of the internal page

var the_height= document.getElementById('fraQuadMaX').contentWindow.document.body.scrollHeight;

//change the height of the iframe

document.getElementById('fraQuadMaX').height= the_height;

}

function resizeFrame()

{

//resize the iframe so complete and cancel buttons are always visible

var frameHeights= document.getElementById('fraQuadMaX').scrollHeight;

var frameHeight= document.getElementById('fraQuadMaX').innerHTML = window.innerHeight;

var bodyHeight = document.body.clientHeight;

if (frameHeight > 40)

{

var scroll = ((bodyHeight - 60)/bodyHeight * 100);

document.getElementById('fraQuadMaX').style.height=("length" + scroll);

}

var frameHeight= document.getElementById('fraQuadMaX').scrollHeight;

var formHeight = frameHeight + 10;

document.getElementById('btnCancel').style.top = formHeight - 10;

document.getElementById('btnComplete').style.top = formHeight - 10;

}

method="post">

style="Z-INDEX: 101; VISIBILITY: hidden; LEFT: 136px; POSITION: absolute; TOP: 31px"

tabIndex="0" type="text" name="OBKey_HARP_Account_Number_1"/>

style="Z-INDEX: 106; VISIBILITY: hidden; LEFT: 136px; POSITION: absolute; TOP: 56px"

tabIndex="0" type="text" name="OBKey_Collection_Date_1"/>

style="Z-INDEX: 103; VISIBILITY: hidden; LEFT: 136px; POSITION: absolute; TOP: 80px"

tabIndex="0" type="text" name="OBKey_Patient_Last_Name_1"/>

style="Z-INDEX: 104; VISIBILITY: hidden; LEFT: 136px; POSITION: absolute; TOP: 80px"

tabIndex="0" type="text" name="OBKey_Patient_First_Name_1"/>

style="Z-INDEX: 102; VISIBILITY: hidden; LEFT: 136px; POSITION: absolute; TOP: 80px"

tabIndex="0" type="text" name="OBKey_Date_of_Birth_1"/>

style="Z-INDEX: 105; VISIBILITY: hidden; LEFT: 136px; POSITION: absolute; TOP: 80px"

tabIndex="0" type="text" name="OBKey_REG_Ticket_Status_1"/>

style="Z-INDEX: 110; VISIBILITY: hidden; LEFT: 135px; POSITION: absolute; TOP: 128px"

tabIndex="0" type="text" name="OBKey_Requisition_Number_1"/>

type="submit" value="Submit" name="OBBtn_Yes"/>

style="FONT-WEIGHT: bold; Z-INDEX: 115; LEFT: 9px; VISIBILITY: visible; WIDTH: 92px; COLOR: darkblue; BORDER-TOP-STYLE: outset; BORDER-RIGHT-STYLE: outset; BORDER-LEFT-STYLE: outset; POSITION: absolute; BOTTOM: 107px; HEIGHT: 24px; BACKGROUND-COLOR: transparent; BORDER-BOTTOM-STYLE: outset"

type="button" value="Complete" name="btnComplete"

language="javascript" οnclick="return btnComplete_onclick()"

tabIndex="1"/>

style="FONT-WEIGHT: bold; Z-INDEX: 109; LEFT: 108px; VISIBILITY: visible; WIDTH: 92px; COLOR: darkblue; BORDER-TOP-STYLE: outset; BORDER-RIGHT-STYLE: outset; BORDER-LEFT-STYLE: outset; POSITION: absolute; BOTTOM: 107px; HEIGHT: 24px; BACKGROUND-COLOR: transparent; BORDER-BOTTOM-STYLE: outset"

type="button" value="Cancel" name="btnCancel"

language="javascript" οnclick="return btnCancel_onclick()"

tabIndex="1"/>

style="OVERFLOW:auto; WIDTH:101%; HEIGHT:91%; position:absolute; top:0px; z-index: 100; left: 8px;"

height="2000px" >

fraQuadMaX.document.write("Please Wait...")

var lvURL = "https://atbsvr.quadax.com/static/HarpDemoRedirect.htm?X=OPEN&acct=" +

frmQuadMaX.OBKey_HARP_Account_Number_1.value + "&cli=SX" + "&virt=QUADAX" + "&EDI_DOS=" +

frmQuadMaX.OBKey_Collection_Date_1.value + "&PT_LAST_NAME=" +

frmQuadMaX.OBKey_Patient_Last_Name_1.value + "&PT_FIRST_NAME=" +

frmQuadMaX.OBKey_Patient_First_Name_1.value + "&EDI_REQ_NUM=" +

frmQuadMaX.OBKey_Requisition_Number_1.value + "&PT_BIRTH_DT=" +

frmQuadMaX.OBKey_Date_of_Birth_1.value;

fraQuadMaX.document.location.href = lvURL;

2013-04-05

Scott

+0

什么是“不正确”，什么是“正确”。你的问题含糊不清“浮动按钮问题”是什么？ “正确工作”什么是正确的？哪里不对？提供澄清，我会删除我的downvote。 –

2013-04-05 16:22:10

+0

这可能是最好的开始看你的个人元素，看看你试图使用的iframe属性的html5替代品。例如，html5中不支持'scrolling'属性。 –

2013-04-05 16:23:05

+0

我同意。如果它的定位，你有位置：绝对，所以位置在哪里：相对于？你是否默认了IFRAME的家长，或者你是否在其他地方指定了亲戚？ –

2013-04-05 16:23:10