ホームページ > 記事 > ウェブフロントエンド > パーセンテージに基づいて幅を設定する
パーセンテージに基づいて幅を設定する
- 巴扎黑オリジナル
- 2016-12-06 11:21:171482ブラウズ
var Grid_width;
vargrid_init=false;
function caculate_grid_width_func(){
var tabPanel = $('#documentlist').closest('.tabs-panels');
if(tabPanel.length>0){
grid_width = tabPanel.width();
}else{
grid_width=$('#documentlist').width();
}
}
/**パーセントを設定する*/
function count_width_func(columnWidth){
var result = 128;
var diff = 0;
columnWidth=null==columnWidth||''==columnWidth||'100%'==columnWidth?'128':columnWidth;
if ( $.browser.msie ){
if('9.0'==$.browser.version )
diff=3;
else if('8.0'==$.browser.version )
diff=3;
else
diff=6;
}
else if($.browser.chrome)
diff=5;
else
diff=2;
if(columnWidth.indexOf('%')>0){
columnWidth=columnWidth.replace('%','')*1;
結果=グリッド幅*列幅/100;
}
else if(columnWidth.indexOf('px')>0){
columnWidth=columnWidth.replace('px','');
結果=列幅;
}
else
result=columnWidth;
Math.ceil(result)-diff を返します。
}