[問題] 三欄式div動態寬度(javascript解)
#dL #dC #dR
三個div分別為#dC #dL #dR
^^^^^^這兩個寬度已定
現下的目標是 把可視寬度-#dL-#dR 剩下的寬度給#dC
下面是沒有js基礎而用一個下午+晚上拼湊出來的 Orz
所以大概會錯得很慘....
div*3的基本資料
#dR absolute定位 寬度已定 top: 0; left: 0;
#dC absolute定位 動態寬度 top: 0; left: #dR's width
#dL absolute定位 寬度已定 top: 0; right: 0;
js放的位置 跟 觸發條件
<head><script type="text/JavaScript" src="cw.js"></script></head>
<body onload="centerwidth()" resize="centerwidth()">......</body>
----------上面是狀態,下面開始是問題情境----------------
遇到一個大問題~
#dC的文字會很多
但是會被#dR遮住 Orz
http://img217.imageshack.us/img217/6899/ggtm3.jpg
給個圖最清楚~
剛載入完成後,#dC的寬度沒有改變
改變視窗大小後,#dC才變(有沒有變我是看有沒有跳出alert作判斷)
現在希望的是載入時就可以改變#dC寬度 >"<
ps: 那個alert(dC)只是想確認寬度是不是有真的變過來了
ps2:要附代一提的是我的body包含下面這個onload 還有另外一個onload 不曉得有無關係
---------------------------------------------------------------------------
function centerwidth(){
var dL = document.all('Ldiv').offsetWidth;
var dR = document.all('Rdiv').offsetWidth;
var bA = document.body.clientWidth;
dC=bA-dL-dR
if(dC>380)
{
centerdiv.style.width=dC+"px";
alert(dC)
}
else
{
centerdiv.style.width=350+"px";
alert("你的視窗過小~");
}
}
---------------------------------------------------------------------------
有請各位大大的幫忙了 <(_ _)>
先此拜謝
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.112.249.64
推
08/12 01:20, , 1F
08/12 01:20, 1F
→
08/12 01:47, , 2F
08/12 01:47, 2F
討論串 (同標題文章)
以下文章回應了本文:
完整討論串 (本文為第 1 之 2 篇):