Manualai.lt Forumas

HTML, CSS ir JavaScript diskusijos => Naudingas kodas => Temą pradėjo: Lukas Liesis 2009-03-28 22:16:16 pm

Antraštė: JavaScript window width ir height
Parašė: Lukas Liesis 2009-03-28 22:16:16 pm

Funkcija, kuri sukuria alert\'a su skaiciais kurie parodo kokio dydzio yra langas :)

Kodas: [Pasirinkti]

function alertSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == \'number\' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in \'standards compliant mode\'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  window.alert( \'Width = \' + myWidth );
  window.alert( \'Height = \' + myHeight );
}

Truputeli pertvarkyta: grazina plocio reiksme

Kodas: [Pasirinkti]

function myWidth() {
  var myWidth = 0;
  if( typeof( window.innerWidth ) == \'number\' ) {
    //Non-IE
    myWidth = window.innerWidth;
  } else if( document.documentElement && ( document.documentElement.clientWidth ) ) {
    //IE 6+ in \'standards compliant mode\'
    myWidth = document.documentElement.clientWidth;
  } else if( document.body && ( document.body.clientWidth ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
  }
 
  return myWidth;
}
Truputeli pertvarkyta: grazina aukscio reiksme

Kodas: [Pasirinkti]

function myHeight() {
  var myHeight = 0;
  if( typeof( window.innerHeight ) == \'number\' ) {
    //Non-IE
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientHeight ) ) {
    //IE 6+ in \'standards compliant mode\'
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientHeight ) ) {
    //IE 4 compatible
    myHeight = document.body.clientHeight;
  }
 
  return myHeight;
}