Browser width preko JS-a i korištenje CSS-a (Razvoj web-stranica) @ Bug.hr Forum

14 godina

neaktivan

offline

čet 4.8.2011 21:55

Odgovori Citiraj

Browser width preko JS-a i korištenje CSS-a

Dakle, cijenjena Bug zajednico.

Radim stranicu koja mora biti centrirana (praznine lijevo i desno) i "priljepljena uz gornji rub browsera" - kako glase naputci.

Stranica mora biti prilagodena za sve širine od 1024 do 1920 i sastavljena od osam div-ova u kojim ce se vrtiti razliciti HTML fajlovi.

Napravio sam za sve te rezolucije (po širini) koordinate za divove.

Sada bi mi trebala skripta koja bi pregledala sirinu browsera i upotrijebila odredeni CSS fajl. Pomoc?

Moj PC

trajni link

0 0 hvala 0

suludi8

16 godina

neaktivan

offline

pet 5.8.2011 1:36

Odgovori Citiraj

Re: Browser width preko JS-a i korištenje CSS-a

Možeš sam napisati par if-ova, a ako ti se ne da evo ti skripta koja to radi za tebe

Poruka je uređivana zadnji put pet 5.8.2011 1:38 (suludi8).

trajni link nadporuka

1 0 hvala 1

BohemianArtist

14 godina

neaktivan

offline

pet 5.8.2011 13:00

Odgovori Citiraj

Browser width preko JS-a i korištenje CSS-a

Hvala ali iz nekog razloga nisam uspio. Trebala bi mi pomoc jer mi je ovo stvarno vazno. Evo ti tekst js filea. U CSS fajlu su sadrzani boxevi samo i nalazi se u istoj mapi sa indexom i scriptom.

var ADAPT_CONFIG = {
path: '',
dynamic: true,
callback: myCallback,
range: [
    '0px    to 1024px = 1024.css',
    '1025px to 1152px = 1152.css',
    '1153px to 1280px = 1280.css',
    '1281px to 1360px = 1360.css',
    '1361px to 1400px = 1400.css',
    '1401px to 1440px = 1440.css',
    '1441px to 1680px = 1680.css',
    '1681px to 1792px = 1792.css',
    '1793px to 1856px = 1856.css',
    '1857px to 1920px = 1920.css',
]
};

Moj PC

trajni link

0 0 hvala 0

NoorMomento

14 godina

neaktivan

offline

ned 7.8.2011 17:28

Odgovori Citiraj

Re: Browser width preko JS-a i korištenje CSS-a

gle u ccs-u napiši.

width:xy (je ona za koju se odlućiš.)

*{margin:0;padding:0;}

html, body{margin:0;padding:0; /* taj prvi dio ti netreba, al je poželjan što se tiče margina i paddinga */ width:100%; min-height:100%;}

body.pozadina{}/* u njega stavi font, pozadinske slike, boju pozadine i sl. ako trebaš*/

/* neki element koji ti definira dimenzije stranice */

.wrapper{margin:0 auto; padding;0; width:xy; min-height:100%; /* position:relative; samo ako trebaš nešto apsolutno pozicionirat u njmu */ overflow:hiden;}

a preko javaskripta mu možeš napravit da ti poziva tu klasu u kojoj ti je width:xy i samo mu mjenjaš dimenzije koje ti trebaju.

Poruka je uređivana zadnji put ned 7.8.2011 17:29 (NoorMomento).

trajni link nadporuka

0 0 hvala 0

djigibao

17 godina

offline

pon 8.8.2011 13:02

Odgovori Citiraj

Browser width preko JS-a i korištenje CSS-a

Lijep pozdrav

Ispricavam se sto upadam kao padobranac ali bi mi trebala mala pomoc.

Interesira me da li postoji neki program (po mogucnosti FREE) koji skenira web/blog stranicu u potrazi za ne-logicnostima, ne-ispravnostima i ostalim "krivim" stvarima (moze neki link ili link na ovom forumu)?

Sad sam napravio scan sa programom Netsparker Community Edition ali je on samo za sigurnost stranice (cini mi se), a mene iteresira i ostatak (npr. krivo napisana neka scripta ili HTML KOD).

Nadam se ste skuzili sta me interesira (neznam kako da se pravilno izrazim).

THX

http://av-gurus.blogspot.com/

Moj PC

trajni link

0 0 hvala 0

sasa

17 godina

offline

pon 8.8.2011 23:36

Odgovori Citiraj

Re: Browser width preko JS-a i korištenje CSS-a

BohemianArtist kaže...

Dakle, cijenjena Bug zajednico.

Radim stranicu koja mora biti centrirana (praznine lijevo i desno) i "priljepljena uz gornji rub browsera" - kako glase naputci.

Stranica mora biti prilagodena za sve širine od 1024 do 1920 i sastavljena od osam div-ova u kojim ce se vrtiti razliciti HTML fajlovi.

Napravio sam za sve te rezolucije (po širini) koordinate za divove.

Sada bi mi trebala skripta koja bi pregledala sirinu browsera i upotrijebila odredeni CSS fajl. Pomoc?

var winW = 630, winH = 460;

if (document.body && document.body.offsetWidth)

{

winW = document.body.offsetWidth;

winH = document.body.offsetHeight;

}

if (document.compatMode=='CSS1Compat' && document.documentElement && document.documentElement.offsetWidth )

{

winW = document.documentElement.offsetWidth;

winH = document.documentElement.offsetHeight;

}

if (window.innerWidth && window.innerHeight)

{

winW = window.innerWidth;

winH = window.innerHeight;

}

document.writeln('Window width = '+winW);

document.writeln('Window height = '+winH);

ovaj kôd ti izračuna veličinu unutarnjeg dijela browsera.
ti sada samo trebaš provjeriti širinu, tj. varijablu winW i to je to...

Poruka je uređivana zadnji put pon 8.8.2011 23:38 (sasa).

Moj PC

trajni link nadporuka

0 0 hvala 0

Nix

17 godina

offline

sri 10.8.2011 16:57

Odgovori Citiraj

Browser width preko JS-a i korištenje CSS-a

Bilo bi korisno da proučite kako radi css media queries

http://css-tricks.com/6731-css-media-queries/

http://www.css3.info/preview/media-queries/

http://www.w3.org/TR/css3-mediaqueries/

All software has bugs.Any developer who claims that his or her software is always bug-free is living in a fantasy world.

Moj PC

trajni link

0 0 hvala 0

tnakir

17 godina

offline

sri 10.8.2011 17:06

Odgovori Citiraj

Browser width preko JS-a i korištenje CSS-a

Ili pak da sirine definiras sa postocima...

Ovaj forumaš je tolerantan prema osobama svih nacionalnosti, rasa i spolnog opredjeljenja te smatra da svaka osoba ima pravo biti slobodna od ugnjetavanja zbog svojih liberalnih mišljenja

trajni link

0 0 hvala 0

Nix

17 godina

offline

sri 10.8.2011 17:22

Odgovori Citiraj

Re: Browser width preko JS-a i korištenje CSS-a

tnakir kaže...

Ili pak da sirine definiras sa postocima...

Može i tako, ako mu odgovara tkz fluid layout. No ako želi da mu se raspored elemenata i njihove definicije prilagođavaju različitim rezolucijama, onda je zgodno koristiti ono što sam naveo u prethodnom upisu.

All software has bugs.Any developer who claims that his or her software is always bug-free is living in a fantasy world.

Poruka je uređivana zadnji put čet 11.8.2011 11:05 (Nix).

Moj PC

trajni link nadporuka

1 0 hvala 0