login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Width van windows opvragen!

Offline Tony_mortana - 21/03/2006 23:06
Avatar van Tony_mortanaPHP interesse Ik ben bezig met Navigator menu gemaakt met Java.
Nu staat hij in een layer en wil deze, vanaf het midden
van de window (op dat moment) ergens links plaatsen
dit omdat de hele site gecentreerd is.

Nu kan ik wel dit met PHP opvragen hoe groot het scherm is,
maar dit word alleen berekend als de site word geladen en
dus niet meer als window opeens van grote verandert.

Kan iemand mij een functie geven met Javascript
dat in pixels het midden van de scherm geeft en dit in een
style sheet kan zetten.

Hoop dat iemand het nog snapt !!:)

PS: normaal doe ik het door middel van een layer te plaatsen
in de center en daar in te werken, maar dit werkt niet
met FireFox helaas. daarom dit!

12 antwoorden

Gesponsorde links
Offline vinTage - 21/03/2006 23:09 (laatste wijziging 21/03/2006 23:11)
Avatar van vinTage Nieuw lid <SCRIPT LANGUAGE="javascript">
var width = screen.width
var height = screen.height
document.write("<B>You're set to "+width+ "X" +height+"</B>")
</SCRIPT>

Delen door 2 en je hebt je vars.

Of bedoel je iets anders ?

edit; in je css zetten zal niet gaan (denk ik) want die is niet dynamisch (tenzij je je css gewoon in de index het staan (die wel in php is)) dan kan je gewoon in de <head> <?=$width?> gebruiken
Offline ikkedikke - 22/03/2006 08:44
Avatar van ikkedikke PHP expert document.onresize algeprobeerd?
Offline Tony_mortana - 22/03/2006 11:51 (laatste wijziging 22/03/2006 11:52)
Avatar van Tony_mortana PHP interesse Nou heel erg bedankt, maar nu geeft hij de grote van het scherm!

Maar het gaat er dus om als iemand mijn site opent, met een
niet maximaal scherm. Dan staat alles dus op de verkeerde plek.

Ik moet dus van de window hebben.
maar window.width werkt niet bij mij!???

Dan moet hij na een kleine berekening de variabale worden voor dit:
#dropmenudiv
{
left: 100; <- hier wil ik een variabele van maken!!!
}

Weet iemand trouwens iets waar al de PHP functies op een
rij staan net als bij PHP help.????


en document.onresize gebruik ik denk ook wel, voorals iemand tussendoor ze window verandert, wel zo mooi
:)

DUS weet iemand de fucntie voor window breedte op te vragen?
Offline Joel - 22/03/2006 11:58 (laatste wijziging 22/03/2006 11:59)
Avatar van Joel Eigenaar
  1. <script language="javascript">
  2. function popup() {
  3. return;
  4. }
  5.  
  6. function venster(breedte, hoogte, bron, titel) {
  7. var links = Math.round(screen.width/2 - breedte/2);
  8. var boven = Math.round(screen.height/2 - hoogte/2);
  9. window.open(bron, titel, "width="+breedte+",height="+hoogte+",top="+boven+",left="+links+",scrollbars=no,resizable=no,menubar=no,toolbar=no,status=no");
  10. }
  11. </script>
  12.  
  13. <a href="popup();" onClick="venster(200,200,'pagina.php', 'test');">Klik</a>


Bedoel je zoiets?
Offline Rens - 22/03/2006 11:59
Avatar van Rens Gouden medaille

Crew algemeen
opClick? 
onClick bedoel je denk ik?
Offline Joel - 22/03/2006 12:00
Avatar van Joel Eigenaar Nee, opClick is iets nieuw hé, pas uitgevonden :p
Offline BramBo - 22/03/2006 12:00
Avatar van BramBo JS gevorderde Werkt niet met alle browsers (IE 5.0 Win, IE 5.0 Mac & netspace geloof ik)

  1. if (document.documentElement && document.documentElement.clientWidth)
  2. theWidth = document.documentElement.clientWidth;
  3. else
  4. theWidth = document.body.clientWidth;

Offline Tony_mortana - 22/03/2006 14:00
Avatar van Tony_mortana PHP interesse bedankt voor jullie hulp, het werkt nu een beetje!

Werk nu met <body onresize="window.location.reload()">
en werkt goed.

Nu hoeft er dus nergens een loop in.
Ik krijg alleen de variabele niet op de juiste plaats.
  1. <style>
  2. #dropmenudiv{
  3. <SCRIPT LANGUAGE="JavaScript1.2">
  4. var width = document.documentElement.clientWidth
  5. document.write("left: "+ width - 100+ ";")
  6. </SCRIPT>
  7. }


Kan iemand mij vertellen hoe ik de variabale goed krijg zodat ik dit
als style krijg: (als de variabele bv 100 is)
  1. #dropmenudiv{
  2. left:100;
  3. }
Offline BramBo - 22/03/2006 14:09 (laatste wijziging 22/03/2006 14:10)
Avatar van BramBo JS gevorderde
  1. <script language="JavaScript1.2" text='text/javascript'>
  2. <!--
  3. var lala = document.getElementById('dropmenudiv');
  4. var width = document.documentElement.clientWidth;
  5.  
  6. /* weer niet zeker of left te definieëren valt in js anders kan je padding oid gebruiken.. */
  7. lala.style.left = width+100;
  8. --//>
  9. </script>
Offline Tony_mortana - 22/03/2006 15:08
Avatar van Tony_mortana PHP interesse Nou dat laatste verneukt me hele stylesheet.
Maar ik heb nu addRule gevonden die iets bij de sheet zet.

Nu werkt het alleen nog niet.

wie ziet wat ik fout doen???
  1. <script language="JavaScript1.2" text='text/javascript'>
  2. <!--
  3. sheet.addRule("#dropmenudiv", "background-color: #000000", -1);
  4. --//>
  5. </script>

die sheet voor addRule heb ik afgewisseld met styleSheets[0]
maar dit werkte ook niet. Nu vraag ik me af hoe ik de selector moet noemen en wat er voor addRule moet staan als ik bij de volgende style sheet iets bij wil zetten!
  1. <style>
  2. #dropmenudiv{
  3. position:absolute;
  4. border:1px solid black;
  5. border-bottom-width: 0;
  6. font:normal 12px Verdana;
  7. line-height:18px;
  8. z-index:200;
  9. border-bottom: 1px solid black;
  10. overflow: visible;
  11. visibility: visible;
  12. }
  13. </style>
Offline BramBo - 22/03/2006 15:36 (laatste wijziging 22/03/2006 15:36)
Avatar van BramBo JS gevorderde je dient de sheet te definieëren.

  1. /* definieër de style sheet als volgt: */
  2. <style id="abc" TYPE="text/css">
  3.  
  4. <script language="JavaScript1.2" text='text/javascript'>
  5. <!--
  6. document.styleSheets["abc"].addRule ("#dropmenudiv", "background-color: #000000");
  7. }
  8. //-->
  9. </script>



meer info op mozilla dev :
http://www.mozi...1tojs.html

Offline Tony_mortana - 22/03/2006 22:17
Avatar van Tony_mortana PHP interesse Top, heb het nu werkend!
addRule dan, morgen maar verder kijken of hij
ook left: varabale; pakt!

Dan ben ik klaar, anders heb ik alles voor niets gedaan 

Ik laat het voor weekend wel even weten!

Gegroet
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.25s