Prototype 1.6ベースのWebレイアウトマネージャ

6931 ワード
JavaScript html Web css プロトタイプ
Prototype 1.6ベースのWebレイアウトマネージャで、使いやすいです.Prototype 1.6に基づいてcss classesを適用します.次の図は、cssの使用方法を要約しています.
だいたい、
  • lm_top/lm_bottom、上部と下部のレイアウトコンテンツは、
    • を無限に追加できます.
  • lm_left/lm_right,左右内容
  • lm_センター、中間コンテンツ
    • htmlコードは以下のように書きます.
    <div class="lm_container">  
  <div class="lm_top"></div>

  <div class="lm_left"></div>

  <div class="lm_center"></div>  

  <div class="lm_right"></div>  

  <div class="lm_bottom"> </div> 
</div>
          Prototype   layout_manager js ，  ：
    head    
    <script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="layout_manager.js"></script>
       
     
     ：             ！
       
    1.       ，      ：
       
    <div class="lm_container">  
  <div class="lm_top"></div>

  <div class="lm_left"></div>

  <div class="lm_center">
    <div class="lm_container">  
      <div class="lm_top"></div>
      <div class="lm_left"></div>
      <div class="lm_center"></div>  
      <div class="lm_right"></div>  
      <div class="lm_bottom"> </div> 
    </div>
  </div>  

  <div class="lm_right"></div>  

  <div class="lm_bottom"> </div> 
</div>
     
    2.        ，       ：
     
    layoutManager.add('your_element_id');
     
    layoutManager      ，js      ：
     
    var layoutManager = null;
Event.observe(window, "load", function() { layoutManager = new LayoutManager() })
    jQueryチェーンプログラミングの実現原理
    ASP.NET細部まとめ