当前位置:Gxlcms > JavaScript > JavaScript设置FieldSet展开与收缩_javascript技巧

JavaScript设置FieldSet展开与收缩_javascript技巧

时间:2021-07-01 10:21:17 帮助过:18人阅读

JavaScript方法代码:
代码如下:

// 设置FieldSet高度方法,支持IE浏览器、Firefox
// 参数1:pTableID,FieldSet内部div或table的id
// 参数2:pFieldSetID,FieldSet的ID
// 参数3:pImageID,图片的ID,展开或收缩后更新图片SRC
function FieldSetVisual( pTableID, pFieldSetID, pImageID )
{
var objTable = document.getElementById( pTableID ) ;
var objFieldSet = document.getElementById( pFieldSetID) ;
var objImage = document.getElementById( pImageID) ;
if( objTable.style.visibility == 'visible' )
{
objTable.style.visibility = 'hidden' ;
objFieldSet.style.height = "22px" ;
objImage.src="images/expand.png" ;
}
else
{
objTable.style.visibility = 'visible';
var heightFieldSet = parseInt( objFieldSet.style.height.substr(0,objFieldSet.style.height.length-2)) ;
var heightTable = parseInt( objTable.offsetHeight ) ;
objFieldSet.style.height = heightFieldSet + heightTable + "px" ;
objImage.src="https://www.gxlcms.com/images/constringency.png" ;
}
}

HTML中FieldSet代码:
代码如下:



展开或收缩车船到厂记录(已录入/未录入)

style="visibility: visible;" style="visibility: visible;">








车船名:车皮 等 共50节

车船到达时间:2009年5月9日 17时

来煤方式:铁路

煤炭来源:淮南


人气教程排行