0

私は2つのフロートdivを持っています：#centerdivと#sidebardivです。Center divには更新可能なテキストが含まれているため、その高さは「auto」に設定されています。サイドバーのdivにも高さ自動がありますが、明確な高さのスクロールdivのすぐ下で、最初のdivの下部に到達するまで続きます。適切なクラス（それぞれ異なる背景と異なる高さ）をロードして、この異なるスペースを埋めたいと思います。これまでのところ、中心のdivの高さを取得し、その値に従ってメッセージを表示するjsスクリプトを作成することができました。

<div id="center">
    <p>Some long text</p>
</div>
<div id="sidebar">
    <div class="scroller"></div>


<script type="text/javascript">

    var gd;
    function getDivHeight(divID){ 
        gd = document.getElementById('center').offsetHeight;
        if(gd <=400) alert("no space");
        else if(gd >400 <=500) alert("short space");
        else if(gd >500 <=600) alert("mid space");
        else if(gd >600 <=700) alert("large space");
        else if(gd >700) alert("too much space");
    }

    getDivHeight('center'); 

</script>

私が知らないのは、そのgd値を使用して特定のクラスまたはdivをロードする方法です。それはすべてJSで行うことができますか、それともphpが必要ですか....私は両方の初心者であり、助けがなければ実際に自分の道を見つけることはできません。私を正しい軌道に乗せることができる提案やヒントは高く評価されます

どうも

アルベルト

4

1 に答える 1

0

JSが何らかの計算を実行する前にPhpがページを解析しているため、この方法では実行できないと思います。そのようなことを行う唯一の方法は、おそらく Ajax を通過して php に戻ることですが、これは私には非常に複雑に思えます ^__^

アルベルト

于 2012-07-23T20:05:40.663 に答える