home *** CD-ROM | disk | FTP | other *** search
/ Magazyn WWW 1999 September / www_09_1999.iso / info / dhtml / a5 / biblioteka.js next >
Text File  |  1999-02-27  |  5KB  |  169 lines
  1. /********************************************/
  2. /* BIBLIOTEKA Cross-Browser DHTML           */
  3. /* wersja 1.0         1999-02-01            */
  4. /********************************************/
  5. /* onFocus Dynamic Web Design               */
  6. /* http://www.webmedia.pl/onfocus/          */
  7. /* mailto:onfocus@webmedia.pl               */
  8. /********************************************/
  9. /* Ania Kreglewska: akreglew@elka.pw.edu.pl */
  10. /* Pawel Postupalski: pawelek@webmedia.pl   */
  11. /********************************************/
  12. /* Ta biblioteka moze byc wykorzystywana    */
  13. /* bez zadnych ograniczen pod warunkiem     */
  14. /* zachowania tej informacji                */
  15. /********************************************/
  16.  
  17. /*************************/
  18. /* Detekcja przegladarki */
  19. /*************************/
  20. nn4 = (document.layers) ? true:false;
  21. ie4 = (document.all) ? true:false;
  22.  
  23. /**********************/
  24. /* Pokaz blok 'ident' */
  25. /**********************/
  26. function show(ident) {
  27.     if(nn4) {    
  28.         document.layers[ident].visibility = "show";
  29.     } else if(ie4) {    
  30.         document.all[ident].style.visibility = "visible";
  31.     }
  32. }
  33.  
  34. /**********************/
  35. /* Ukryj blok 'ident' */
  36. /**********************/
  37. function hide(ident) {
  38.     if(nn4) {    
  39.         document.layers[ident].visibility = "hide";
  40.     } else if(ie4) {
  41.         document.all[ident].style.visibility = "hidden";
  42.     }
  43. }
  44.  
  45. /****************************************/
  46. /* Przesun blok 'ident' do punktu (x,y) */
  47. /****************************************/
  48. function moveTo(ident,x,y) {
  49.     if(nn4) {
  50.         document.layers[ident].left = x;
  51.         document.layers[ident].top = y;
  52.     } else if(ie4) {
  53.         document.all[ident].style.left = x;
  54.         document.all[ident].style.top = y;
  55.     }
  56. }
  57.  
  58. /*****************************************/
  59. /* Przesun blok 'ident' o wektor [dx,dy] */
  60. /*****************************************/
  61. function moveBy(ident,dx,dy) {
  62.     if(nn4) {
  63.         document.layers[ident].left = document.layers[ident].left  + dx;
  64.         document.layers[ident].top = document.layers[ident].top + dy;
  65.     } else if(ie4) {
  66.         document.all[ident].style.left = document.all[ident].style.pixelLeft + dx;
  67.         document.all[ident].style.top = document.all[ident].style.pixelTop + dy;
  68.     }
  69. }
  70.  
  71. /************************************************/
  72. /* Przytnij blok 'ident' do zadanego prostokata */
  73. /*     t: top, r: right, b: bottom, l:left      */
  74. /************************************************/
  75. function clipTo(ident, t, r, b, l) {
  76.     if(nn4) {
  77.         document.layers[ident].clip.top = t;
  78.             document.layers[ident].clip.right = r;
  79.             document.layers[ident].clip.bottom = b;
  80.             document.layers[ident].clip.left = l;
  81.     } else if(ie4) {
  82.             document.all[ident].style.clip = 
  83.                 "rect(" + t + " " + r + " " + b + " " + l + ")";
  84.     }
  85. }
  86.  
  87. /****************************************************/
  88. /* Zmien przyciecie bloku 'ident' o zadane wartosci */
  89. /*     t: top, r: right, b: bottom, l:left          */
  90. /****************************************************/
  91. function clipBy(ident, t, r, b, l) {
  92.     if(nn4) {
  93.         document.layers[ident].clip.top += t;
  94.         document.layers[ident].clip.right += r;
  95.         document.layers[ident].clip.bottom += b;
  96.         document.layers[ident].clip.left += l;
  97.     } else if(ie4) {
  98.         ie_clip = document.all[ident].style.clip;
  99.         ie_clip = ie_clip.substring(5, ie_clip.length-1);
  100.         ie_clip_wart = ie_clip.split("px");
  101.         t += parseInt(ie_clip_wart [0]);
  102.         r += parseInt(ie_clip_wart [1]);
  103.         b += parseInt(ie_clip_wart [2]);
  104.         l += parseInt(ie_clip_wart [3]);
  105.             
  106.         document.all[ident].style.clip = 
  107.             "rect(" + t + "px " + r + "px " + b + "px " + l + "px)";
  108.     }
  109. }
  110.  
  111. /***********************************************************/
  112. /* Zapisz pozycje bloku 'ident' do zmiennych l:left, t:top */
  113. /***********************************************************/
  114. function pozycja(ident) {
  115.     if(nn4) {
  116.         l = document.layers[ident].left;
  117.         t = document.layers[ident].top;
  118.     } else if(ie4) {
  119.         l = document.all[ident].style.pixelLeft;
  120.         t = document.all[ident].style.pixelTop;
  121.     }
  122. }
  123.  
  124. /******************************************************/
  125. /* Zapisz wysokosc bloku 'ident' do zmienej h: height */
  126. /******************************************************/
  127. function wysokosc(ident) {
  128.     if(nn4) {
  129.         h = document.layers[ident].document.height;
  130.     } else if(ie4) {
  131.         h = document.all[ident].scrollHeight;    
  132.     }
  133.     return h;
  134. }
  135.  
  136. /****************************************/
  137. /* Sprawdz rozmiary okna                */
  138. /*   oknoW: dostepna szerokosc          */
  139. /*   oknoH: dostepna wysokosc           */
  140. /****************************************/
  141. function okno(){
  142.     if(nn4){
  143.         oknoW=window.innerWidth-16;
  144.         oknoH=window.innerHeight
  145.     }else if(ie4){
  146.         oknoW=document.body.offsetWidth-20;
  147.         oknoH=document.body.offsetHeight
  148.     }
  149. }
  150.  
  151. /*************************/
  152. /* Przeladuj cala strone */
  153. /*************************/
  154. function reDo() {
  155.     if(nn4) {
  156.         if (innerWidth != oknoW+16 || innerHeight != oknoH) {
  157.             location.reload();
  158.         }
  159.     } else location.reload();
  160. }
  161.  
  162. function menuOn(x1,y1,x2,y2){clipTo("menuon",y1,x2,y2,x1);show("menuon")}
  163. function menuOff(){hide("menuon");clipTo("menuon",0,0,0,0)}
  164.  
  165. function popup(name)
  166. {
  167.     settings="toolbar=no,location=no,directories=no,"+"status=no,menubar=no,scrollbars=no,"+"resizable=no,width=270"+",height=370";
  168.     MyNewWindow=window.open('../covers/o' + name + '.jpg' ,'okladka',settings);
  169. }