js/ui/swmui.js

   1 var RootPanel;
   2 var TabPanel;
   3 var EntryPanel;
   4 var MainPanel;
   5 var NickList;
   6 var Content;
   7
   8 window.addEvent("domready", function() {
   9   RootPanel = $("container");
  10   TabPanel = new Panel(RootPanel, "tabs");
  11
  12   TabPanel.anchor = ANCHOR_TOP;
  13   MainPanel = new Panel(RootPanel, "main");
  14
  15   EntryPanel = new Panel(RootPanel, "entry");
  16   EntryPanel.anchor = ANCHOR_BOTTOM;
  17
  18   //EntryPanel.element.setHTML("<input/>");
  19   EntryPanel.element.setHTML("<input class=\"inputwidth\"/>");
  20
  21   var iw = $$("input[class=inputwidth]");
  22   window.addEvent("resize", function() {
  23     var s = EntryPanel.element.getSize()["size"]["x"] - 4;
  24     iw.setStyle("width", s + "px");
  25   });
  26   //window.addEvent("domready", function() {
  27
  28   Content = new Panel(MainPanel.element, "content");
  29   Content.element.setStyle("overflow", "auto");
  30
  31   NickList = new Panel(MainPanel.element, "nicklist");
  32   NickList.anchor = ANCHOR_RIGHT;
  33   NickList.element.setStyle("overflow", "auto");
  34
  35   for(var i=0;i<100;i++) {
  36     var e = new Element("div").setText("MOO");
  37
  38     Content.element.appendChild(e);
  39   }
  40
  41   for(var i=0;i<10;i++) {
  42     var e = new Element("div").setText("MOO");
  43
  44     NickList.element.appendChild(e);
  45   }
  46
  47   for(var i=0;i<5;i++) {
  48     var e = new Element("span").setText("MOO" + i);
  49
  50     TabPanel.element.appendChild(e);
  51   }
  52
  53   window.fireEvent("resize");
  54 });