Puslapiai: [1]   Į apačią

Autorius Tema: Puslapio centravimas su JavaScript  (Skaityti 354 kartai)

primatas

  • Superb narys
  • Hero
  • Karma: +34/-2
  • Atsijungęs
  • Žinutės: 834
Puslapio centravimas su JavaScript
« : Gegužės 20, 2009, 09:40:25 »
Puslapį išcentruoti horizontaliai tirkiausiai jau visi mokat, jei ką parašau dar kartą:

kišam visą psl į papildomą div'ą, jam css:
Kodas: [Pasirinkti]
position:relative;
margin:0px auto;
width:1000px;aišklu plotį pasirenkam pagal savo puslapį. Taigi, o centravimas pagal vertikalę yra su JavaScript:

Kodas: [Pasirinkti]
function alertSize() {
  var myWidth = 0, myHeight = 0, divHeight = 0, marginTop;
  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;
  }
 
  divHeight = document.getElementById('main_container').offsetHeight;
  divHeight += document.getElementById('header').offsetHeight;
  divHeight += document.getElementById('continent_container').offsetHeight;
 
  marginTop = (myHeight-divHeight)/2;
  if(marginTop < 2){
  marginTop = 2;
  }
  document.getElementById('main_container').style.marginTop = marginTop+'px';
  document.getElementById('slide_bar_on').style.height = myHeight-marginTop+'px';

}

Naudojimo pavyzdį galite rasti čia: www.wrt.lt
Prisijungęs
Jūsų draugas, kolega ir puslapio administratorius,

Primatas.

p.s. klausimus rašykit i forumus, ne pm

Macaque

  • Kietas forumietis
  • Karma: +6/-0
  • Atsijungęs
  • Žinutės: 186
  • brrrr.
Re: Puslapio centravimas su JavaScript
« Atsakyti #1 : Liepos 27, 2009, 01:28:10 »
Bet čia kaip supratau tu jį nukopijavai iš wrt.lt nes žiūrint javascript failą matosi pavadinimai: main_container; header; continent_continent; slide_bar_on; ? :) Nes pats asmeniškai padariau viską kaip turėtų būti ir jis man neveikė, aišku pačio javascript failo nekeičiau, tai kaip supratau pas mane čia ir bus klaida, kad man jį reikėtų pasikoreguoti pagal savo html?
Prisijungęs

primatas

  • Superb narys
  • Hero
  • Karma: +34/-2
  • Atsijungęs
  • Žinutės: 834
Re: Puslapio centravimas su JavaScript
« Atsakyti #2 : Rugpjūčio 04, 2009, 08:39:53 »
truputeli tai reikia pasikoreguot, kad nurodyt kuriuos elementus centruot. taip, nukopinau is wrt.lt (greit jau jis nebus pasiekiamas situ adresu, kaip pvz palikau: www.manualai.lt/wrt) leidziu sau ji kopint, nes pats padariau :D
Prisijungęs
Jūsų draugas, kolega ir puslapio administratorius,

Primatas.

p.s. klausimus rašykit i forumus, ne pm

arialas

  • Forumo naujokas
  • Karma: +0/-3
  • Atsijungęs
  • Žinutės: 41
Re: Puslapio centravimas su JavaScript, to primatas
« Atsakyti #3 : Lapkričio 22, 2009, 10:08:33 »
turi puikius kodo paazymejimo scriptus!
bet as - tai javascript programuotojas i r moku  toki koda kurti!
Prisijungęs
javascript .js programuotojas :)

primatas

  • Superb narys
  • Hero
  • Karma: +34/-2
  • Atsijungęs
  • Žinutės: 834
Re: Puslapio centravimas su JavaScript, to primatas
« Atsakyti #4 : Lapkričio 23, 2009, 08:57:32 »
Citata iš: arialas on Lapkričio 22, 2009, 10:08:33
turi puikius kodo paazymejimo scriptus!
bet as - tai javascript programuotojas i r moku  toki koda kurti!

tai sukurk ko dar nera cia ir idek, kad ir kiti galetu pamatyti pavyzdziu daugiau  ;)
Prisijungęs
Jūsų draugas, kolega ir puslapio administratorius,

Primatas.

p.s. klausimus rašykit i forumus, ne pm

arialas

  • Forumo naujokas
  • Karma: +0/-3
  • Atsijungęs
  • Žinutės: 41
Re: Puslapio centravimas su JavaScript - to Primatas
« Atsakyti #5 : Lapkričio 23, 2009, 01:37:56 »
geras scriptas:
Kodas: [Pasirinkti]
<head>
<script>
function a()
{
var x = document.getElementById("di");
if(document.getElementById("top").checked==true){
document.getElementById("di").disabled=true   
   }else{

document.getElementById("di").disabled=false
   }
}
</script>
</head>
<body>
<input type="checkbox" id="top" name="vci" onclick="a()"/>
<input type="button" id="di" name="xt" value="mygtukas_"/>
</body>
testavau su jusu "pabandyk pats" HTML redaktorum!
« Paskutinis taisymas: Lapkričio 23, 2009, 01:41:14 nuo arialas »
Prisijungęs
javascript .js programuotojas :)

Macaque

  • Kietas forumietis
  • Karma: +6/-0
  • Atsijungęs
  • Žinutės: 186
  • brrrr.
Re: Puslapio centravimas su JavaScript - to Primatas
« Atsakyti #6 : Lapkričio 23, 2009, 02:39:48 »
Citata iš: arialas on Lapkričio 23, 2009, 01:37:56
geras scriptas:
Kodas: [Pasirinkti]
<head>
<script>
function a()
{
var x = document.getElementById("di");
if(document.getElementById("top").checked==true){
document.getElementById("di").disabled=true   
   }else{

document.getElementById("di").disabled=false
   }
}
</script>
</head>
<body>
<input type="checkbox" id="top" name="vci" onclick="a()"/>
<input type="button" id="di" name="xt" value="mygtukas_"/>
</body>
testavau su jusu "pabandyk pats" HTML redaktorum!

Šiaip galėjai sukurti naują temą ir ar neturėtų būti atvirkščiai?

Nes, pvz tokį skriptą naudosi foto kėlimui ir tarkim:

Ar jūs sutinkate su autorinėms teisėm bla bla bla...

Tai uždėjus varnelę turėtų leist spaust button'ą o neuždėjus turėtų neleist spaust, tokia mano nuomone :)
Prisijungęs

trimpirim

  • Apsistojęs forume narys
  • Karma: +4/-0
  • Atsijungęs
  • Žinutės: 77
Re: Puslapio centravimas su JavaScript
« Atsakyti #7 : Lapkričio 23, 2009, 03:30:22 »
Palauk palauk, čia jau klausimas, ką tu naudosi ir kur. Nebūtinai taip, kaip tu parašei :)
Prisijungęs

arialas

  • Forumo naujokas
  • Karma: +0/-3
  • Atsijungęs
  • Žinutės: 41
Re: Puslapio centravimas su JavaScript - to Macaque
« Atsakyti #8 : Lapkričio 23, 2009, 04:53:27 »
Citata iš: Macaque on Lapkričio 23, 2009, 02:39:48
Citata iš: arialas on Lapkričio 23, 2009, 01:37:56
geras scriptas:
Kodas: [Pasirinkti]
<head>
<script>
function a()
{
var x = document.getElementById("di");
if(document.getElementById("top").checked==true){
document.getElementById("di").disabled=true   
   }else{

document.getElementById("di").disabled=false
   }
}
</script>
</head>
<body>
<input type="checkbox" id="top" name="vci" onclick="a()"/>
<input type="button" id="di" name="xt" value="mygtukas_"/>
</body>
testavau su jusu "pabandyk pats" HTML redaktorum!

Šiaip galėjai sukurti naują temą ir ar neturėtų būti atvirkščiai?

Nes, pvz tokį skriptą naudosi foto kėlimui ir tarkim:

Ar jūs sutinkate su autorinėms teisėm bla bla bla...

Tai uždėjus varnelę turėtų leist spaust button'ą o neuždėjus turėtų neleist spaust, tokia mano nuomone :)
<head>
<script>
function a()
{
var x = document.getElementById("di");
if(document.getElementById("top").checked==false){
document.getElementById("di").disabled=true   
   }else{

document.getElementById("di").disabled=false
   }
}
</script>
</head>
<body>
<input type="checkbox" id="top" name="vci" onclick="a()"/>
<label for="top">spausk!</label>
<input type="button" id="di" name="xt" value="mygtukas_" disabled="disabled"/>
</body>
[/code]
« Paskutinis taisymas: Lapkričio 24, 2009, 09:00:06 nuo arialas »
Prisijungęs
javascript .js programuotojas :)
Puslapiai: [1]   Į viršų
 

Hey.lt - Nemokamas lankytojų skaitliukas