Lungime display trimis cu ajax la php

[ionut]

Salut,

De cateva zile incerc sa fac un script simplu in java script dar nu reusesc si nici pe internet nu am putut gasi un model pe care sa-l inteleg si care sa functioneze.

Mai exact vreau sa creez o functie sau cod simplu care sa returneze lungimea display-ului pe care este afisat site-ul, valoarea returnata sa o trimit cu ajax unui script php care sa afiseze html cu css in functie de dimensiunea display-ului si astfel sa creez un site responsive.

La partea cu ajax si php ma descurc, stiu ca pot folosi bootstrap pentru site-uri responsive dar as vrea sa fac ceva un pic mai original.
ma poate ajuta cineva?

Multumesc!

Salut
Ca sa obtii cu javascript lungimea si inaltimea browser-ului, poti sa folosesti functia winSize() din urmatorul cod:

Cod: Selectaţi tot

// returns an object with height and width of the window
function winSize() {
  var win_size = {};
  if (self.innerHeight) {
    win_size.height = self.innerHeight;
    win_size.width = self.innerWidth;
  } else if (document.documentElement && document.documentElement.clientHeight) {
    win_size.height = document.documentElement.clientHeight;
    win_size.width = document.documentElement.Width;
  } else if (document.body) {
    win_size.height = document.body.clientHeight;
    win_size.width = document.body.clientWidth;
  }
  return win_size;
}
var win_size = winSize(); //{width:nr_pixels, height:nr_pixels}

//test
alert('Width: '+ win_size.width);

Trimiti cu ajax valoarea proprietatii: win_size.width , si preiei/utilizezi raspunsul de la server cum stii.