template

Index :: Javascript :: Widgets :: Window (w_win.js)

• CSS, Modulabhängigkeiten, Ressourcen
• Erzeugung/Verwendung
• Z-Reihenfolge/Überlappung
• Eigenschaften und Methoden
• Modul-Quellcode

CSS, Modulabhängigkeiten, Ressourcen

CSS
TABLE.wi_ { BACKGROUND:#D0D0D0;BORDER:1px solid;BORDER-COLOR:#FFFFFF #808080 #808080 #FFFFFF; } TD.wi_ti { WIDTH:100%;COLOR:#FFFFFF;FONT:12px verdana,arial,helvetica,sans-serif; }
Einzubindende Module
dom.js		DOM-Hilfsfunktionen
w_evmo.js		Maus-Events
Grafik-Ressourcen
img/b14Ws1.gif		Minimieren-Button (für minimierbare Fenster)
img/b14Ws2.gif		Normal-Button (für minimierbare Fenster)
img/b14Wcl.gif		Schließen-Button (für schließbare Fenster)
img/i10Grip.gif		Gripper (für größenänderbare Fenster)

Erzeugung/Verwendung

var w = new W_Window();

var w = new W_Window(FLAGS, TITEL, INNENBREITE, INNENHÖHE, XPOS, YPOS);

var w = new W_Window(1, 'Ergebnisse 2007'); // verschiebbar
w.Icon('img/Page.gif', 16); // Icon definieren
w.Embed(tabelle); // Tabelle einbetten

Z-Reihenfolge/Überlappung

function ObjIsOrIn(o,op) {
  if (!o||!op) return false; do { if (o==op) return true; } while (o=o.parentNode); return false; }
function DocMoDn(evt) {
  if (!aWins) return true; evt=evt||window.event; var i,o=evt.target||evt.srcElement;
  for (i=0;i<4;i++) if (aWin[i]) if (ObjIsOrIn(o,aWin[i].Obj())) {
    document.body.appendChild(aWin[i].Obj()); break; } return true; }
document.onmousedown=DocMoDn;

Eigenschaften und Methoden

Modul-Quellcode

W_Window = function(Of,Oti,CAw,CAh,Ox,Oy) {
  var CAwmin=64,CAhmin=32; Of=Of||0; Oti=Oti||''; CAw=Math.max(CAw||200,CAwmin); CAh=Math.max(CAh||120,CAhmin);
  switch (undefined) {
    case Ox: Ox=((document.all?document.body.offsetWidth:window.innerWidth)-CAw-8)>>1;
    case Oy: Oy=((document.all?document.body.offsetHeight:window.innerHeight)-CAh-32)>>1; }
  var oMain=null,imIc=null,imWs=null,imCl=null,taTi=null,dvTi=null,trCA=null,dvTb=null,dvCA=null,trSb=null,bVis=true;
  var cbSized=null,cbClose=null,wIc=0,dTi=4,self=this;
  //---- move
  function movMoDn(evt) { if (!GetDownPos(evt)) return true; DragFuMv=movMoMv; DragFuUp=movMoUp; return false; }
  function movMoMv(evt) { var a=DocMoDg(evt); if (!a||a[0]<0||a[1]<0) return true;
    oMain.style.left=Ox+(a[0]-DownX); oMain.style.top=Oy+(a[1]-DownY); return false; }
  function movMoUp() { Ox=parseInt(oMain.style.left); Oy=parseInt(oMain.style.top); }
  var w0,h0; //---- size
  function sizMoDn(evt) { if (!GetDownPos(evt)) return true; DragFuMv=sizMoMv; w0=CAw; h0=CAh; return false; }
  function sizMoMv(evt) { var a=DocMoDg(evt); if (!a) return true; var w,h,b;
    if ((w=Math.max(w0+(a[0]-DownX),CAwmin))!=CAw) {
      dvTi.style.width=w-dTi; if (dvTb) dvTb.style.width=w; dvCA.style.width=CAw=w; b=true; }
    if ((h=Math.max(h0+(a[1]-DownY),CAhmin))!=CAh) { dvCA.style.height=CAh=h; b=true; }
    if (b&&cbSized) cbSized(CAw,CAh); return false; }
  //---- btn
  function togWsiz() {
    var i=((Of^=0x18)>>3)&3; imWs.src='img/b14Ws'+(i^3)+'.gif'; imWs.title=(i&2)?' Minimieren ':' Normalgröße ';
    trCA.style.display=(i&2)?'':'none'; if (trSb) trSb.style.display=(i&2)?'':'none'; }
  function close() { if (cbClose) cbClose(self); else Kill(); }
  //---- init
  function create() {
    oMain=$A(null,['table.wi_',{'cellSpacing':1,'cellPadding':0}]);
    var o=oMain.style; o.position='absolute'; o.left=Ox; o.top=Oy;
    var tb=$A(oMain,['tbody']);
    var tr=$A(tb,['tr']); var td=$A(tr,['td']); if (Of&1) { td.style.cursor='move'; td.onmousedown=movMoDn; }
    var tb2=$A(taTi=$A(td,['table',{'bgColor':'#9932CC','cellSpacing':0,'cellPadding':1}]),['tbody']);
    (imIc=$A($A(tr=$A(tb2,['tr']),['td']),['img'])).style.display='none';
    (dvTi=$A($A(tr,['td.wi_ti']),['div', Oti.replace(/(\s+)/g,'\xa0')])).style.overflow='hidden';
    if (Of&32) { dTi+=16; imWs=$A($A(tr,['td']),['img']); imWs.src='img/b14Ws1.gif';
      imWs.style.cursor='pointer'; imWs.title=' Minimieren '; imWs.onclick=togWsiz; }
    if (Of&8) { dTi+=16; imCl=$A($A(tr,['td']),['img']); imCl.src='img/b14Wcl.gif';
      imCl.style.cursor='pointer'; imCl.title=' Schließen '; imCl.onclick=close; }
    td=$A(trCA=$A(tb,['tr']),['td']);
    if (Of&128) { dvTb=$A(td,['div']); o=dvTb.style; o.width=CAw; o.overflow='hidden'; }
    if (Of&2) { dvCA=$A(td,['div']); o=dvCA.style; o.width=CAw; o.height=CAh; o.overflow=(Of&4)?'auto':'hidden';
      o=$A(td=$A(trSb=$A(tb,['tr']),['td',{'align':'right'}]),['img',{'src':'img/i10Grip.gif'}]);
      o.style.cursor='se-resize'; o.onmousedown=sizMoDn;
    } else dvCA=td; dvTi.style.width=CAw-dTi; }
  //---- Public
  this.Obj = function() { return oMain; }
  this.Visible = function(b) { if (b!=undefined) oMain.style.display=(bVis=!!b)?'':'none'; return bVis; }
  this.Icon = function(s,w) { if (s!=undefined) { 
    if (CAwmin-(dTi=dTi-wIc+(w=w?w:wIc))<1) dTi=CAwmin-1;
    wIc=w; dvTi.style.width=CAw-dTi; imIc.src=s; imIc.style.display=s?'':'none'; } return imIc; }
  this.Title = function(t) {
    if (t!=undefined) dvTi.firstChild.data=(t+'').replace(/(\s+)/g,'\xa0'); return dvTi.firstChild.data; }
  this.TitleB = function(b) { if (b!=undefined) dvTi.style.fontWeight=b?'bold':''; return dvTi.style.fontWeight; }
  this.TitleTxCol = function(c) { if (c!=undefined) dvTi.style.color=c; return dvTi.style.color; }
  this.TitleBgCol = function(c) { if (c!=undefined) taTi.style.backgroundColor=c; return taTi.style.backgroundColor; }
  this.TitleBg = function(s) { if (s!=undefined) taTi.style.background='url('+s+')'; return taTi.style.background; }
  this.EmbedTb = function(tb) { if (dvTb&&tb) dvTb.appendChild(tb); return tb; }
  this.Embed = function(e) { if (e) dvCA.appendChild(e); return e; }
  this.Inner = function() { return dvCA; }
  this.InnerX = function() { return Ox+dvCA.offsetParent.offsetLeft; }
  this.InnerY = function() { return Oy+dvCA.offsetParent.offsetTop; }
  this.InnerXeff = function() { return Ox+dvCA.offsetParent.offsetLeft-dvCA.scrollLeft; }
  this.InnerYeff = function() { return Oy+dvCA.offsetParent.offsetTop+dvCA.offsetTop-dvCA.scrollTop; }
  this.InnerW = function(w) { if (w!=undefined&&(w=Math.max(w,64))!=CAw) {
    dvTi.style.width=w-dTi; if (dvTb) dvTb.style.width=w; dvCA.style.width=CAw=w; } return CAw; }
  this.InnerH = function(h) { if (h!=undefined&&(h=Math.max(h,32))!=CAh) dvCA.style.height=CAh=h; return CAh; }
  this.InnerCol = function(c) { if (c!=undefined) dvCA.style.backgroundColor=c; return dvCA.style.backgroundColor; }
  this.InnerBg = function(s) { if (s!=undefined) dvCA.style.background='url('+s+')'; return dvCA.style.background; }
  this.OuterX = function(x) { if (x!=undefined) oMain.style.left=Ox=x; return Ox; }
  this.OuterY = function(y) { if (y!=undefined) oMain.style.top=Oy=y; return Oy; }
  this.OuterW = function() { return parseInt(oMain.offsetWidth); }
  this.OuterH = function() { return parseInt(oMain.offsetHeight); }
  this.Center = function() {
    oMain.style.left=(Ox=((document.all?document.body.offsetWidth:window.innerWidth)-this.OuterW())>>1);
    oMain.style.top=(Oy=((document.all?document.body.offsetHeight:window.innerHeight)-this.OuterH())>>1); }
  this.Kill = function() { return $D(oMain); }
  this.CBSized = function(fu,b) { if ((cbSized=fu||null)&&b) cbSized(CAw,CAh); }
  this.CBClose = function(fu) { cbClose=fu||null; }
  create();
}

Index :: Javascript :: Widgets

template