Avatar billede jesper-moeller Nybegynder
09. oktober 2005 - 17:37 Der er 29 kommentarer og
2 løsninger

Dagens lette JS spørgsmål

Dagens lette JS spørgsmål

*S*

    var ubwidth = document.documentElement.clientWidth;
alert(ubwidth);

Hvordan er det nu lige den bør se ud for at virke ??? (altså fortælle mig browserbrede ??)
Avatar billede roenving Novice
09. oktober 2005 - 17:56 #1
Prøv at se på per1291s artikel, der er bl.a. det: http://www.eksperten.dk/artikler/745 !-)
Avatar billede jesper-moeller Nybegynder
09. oktober 2005 - 18:04 #2
Hmmm...
er åbenbart igen kommet til at sætte pints for lavt

skal jeg bruge
document.body.clientWidth
istedet ??

Mener eller olebole sku have sagt man skulle bruge document.documentElement.clientWidth ??
Avatar billede jesper-moeller Nybegynder
09. oktober 2005 - 18:09 #3
http://www.eksperten.dk/spm/642646

"Det, man henter i andre browsere, er bredden af body-elementet ... ikke vinduets indre bredde. Den hentes derimod med:    document.documentElement.clientWidth"
Avatar billede jesper-moeller Nybegynder
09. oktober 2005 - 18:20 #4
Oki...body ser ud til at hvertfald give mig et tal...*S*.... så er je da noget af vejen..*G*...
Smid et svar tak...*S*
Avatar billede jesper-moeller Nybegynder
09. oktober 2005 - 20:07 #5
PS....
Kan man skrive flere værdier en en ad gange i alert ???
Avatar billede roenving Novice
09. oktober 2005 - 20:24 #6
alert(document.body.clientWidth +"\n"+ document.body.offsetWidth);
Avatar billede jesper-moeller Nybegynder
09. oktober 2005 - 20:28 #7
Tak....du glemt et svar...*S*
Avatar billede olebole Juniormester
09. oktober 2005 - 20:59 #8
<ole>

document.documentElement.clientWidth giver dig den indre bredde - minus den lodrette scrollbar. Men det kræver naturligvis en fuld DTD  :)

/mvh
</bole>
Avatar billede jesper-moeller Nybegynder
09. oktober 2005 - 21:06 #9
oki...*S*....vil jeg lege lidt med....

PS...
hvorfor giver denne intet resultat
get; elm = document.getElementById('page2').style;
alert(elm.width);
den burde sig 500 men er blank
de 500 er sat i stylesheete
Avatar billede jesper-moeller Nybegynder
09. oktober 2005 - 21:07 #10
Sætter lige pointsne lidt op i tak med spørgsmålne øges...*G*
Avatar billede roenving Novice
09. oktober 2005 - 21:10 #11
Style-værdier, som ikke er sat på selve elementet (i en inline style eller via script !-) kan ikke aflæses med javascript ...
Avatar billede jesper-moeller Nybegynder
09. oktober 2005 - 21:15 #12
Oki....så må jeg jo finde en vej ud af den..... så den kender værdien
Avatar billede olebole Juniormester
09. oktober 2005 - 21:28 #13
Du kan prøve denne:

function currStyle(o, prop) {
    return ((o.currentStyle)? o.currentStyle[prop] : (window.getComputedStyle)? document.defaultView.getComputedStyle(o, null).getPropertyValue(prop) : false);
}

'o' er reference til et HTML-element.
'prop' er navnet på den style-property, du vil checke.

Eksempel:

window.onload = function() {
    alert( currStyle(document.getElementsByTagName("div")[0], "width") );
}
Avatar billede roenving Novice
09. oktober 2005 - 21:30 #14
.getComputedStyle hvor kommer den ind henne ?-)
Avatar billede olebole Juniormester
09. oktober 2005 - 22:26 #15
- Gecko siden 1.0.1 og Opera siden 8.0  :)
    http://www.mozilla.org/docs/dom/domref/dom_style_ref.html#1002960
Avatar billede roenving Novice
09. oktober 2005 - 22:28 #16
Hola, betyder det, at Opera også har understøttelse af document.styleSheets nu ?-)
Avatar billede olebole Juniormester
09. oktober 2005 - 22:31 #17
- det har jeg faktisk ikke checket for nylig ....... men et eller andet skal den browser vel understøtte  :]
Avatar billede roenving Novice
09. oktober 2005 - 22:45 #18
Tjah, den findes i hvert fald ikke på den liste man kan trække ud ved at checke documents egenskaber og metoder ...

(IE6sp2 leverer 94 eklusive metoder, Opera 8.02 92, mens FireFox 1.0.6 leverer hele 141 !-)
Avatar billede olebole Juniormester
09. oktober 2005 - 23:20 #19
- nåja - den dér IE med alle de dér proprietære metoder og properties, folk altid brokker sig over. Virkeligheden er en besynderlig, nuanceret dims  ;o)
Avatar billede olebole Juniormester
09. oktober 2005 - 23:22 #20
- jo tættere man kikker på Moz/FF/Gecko, jo flere riller kommer der over øjenbrynene  :)
Avatar billede jesper-moeller Nybegynder
09. oktober 2005 - 23:23 #21
I to må snart lære at lægge nogen svar...*S*...(Eller jeg kan da godt blive ved med at spørger *G*)

Nå...

Ole...ser spændende ud det... og da helt sikkert noget jeg vil prøve at lege med... til det jeg har gang ved jeg ikke helt om det kan bruges...bla. pga et krav om at den lille dumme IEmac følger med ...?? ...
Men fik en helt anden tanke... Behøver den overhovedt at kende værdien for at sætte en værdi ??....ser ikke sådan ud...så har lige pt hoppet let hen over den del....
Jeg ville egenligt bare have lidt styr på nogle småting med JS.... da jeg sider og forsøger at tillære mig lidt af dette... Jeg er, som det nok fornemmes, ret ny mht JS, så alle gode råde modtages med tak .*S*
Om så mit script er lavet  korekt/ordenligt er nok til en tråd for sig selv...*S*.... (det heder jo egenligt 1 spørgsmål pr tråd ikke ;-) )..
Så jeg tænkte jeg ville prøve selv at lave noget der ku virke (man lære jo bedst ved at prøve *G*) .. og så høre om det var korekt...(hvilket det nok ikkehelt er) ....

men jeg kan da også hæve points og køre vidre i spørgerækken... *GGG*
Avatar billede roenving Novice
09. oktober 2005 - 23:24 #22
-- tjah, sikkerhedsopdateringer kommer snart lige så tit som til IE !-)

-- iøvrigt måtte jeg si document.domConfig fra i FireFox, for det var åbenbart en ugyldig et-eller-andet ...
Avatar billede olebole Juniormester
09. oktober 2005 - 23:45 #23
Du kunne jo spørge på elementets 'offsetWidth':
    alert( document.getElementById('page2').offsetWidth );

- men der får du den samlede bredde i følge box-modellen (du ved, plus border og padding =)
Avatar billede olebole Juniormester
09. oktober 2005 - 23:46 #24
- nåja  :]
Avatar billede roenving Novice
09. oktober 2005 - 23:48 #25
Oki da '-)
Avatar billede olebole Juniormester
09. oktober 2005 - 23:50 #26
Jes, jeg har nu ikke haft probs med FF og det script. Min bedagede Mozilla1.5 æder det også fint  :)
Avatar billede jesper-moeller Nybegynder
09. oktober 2005 - 23:52 #27
ole
den vil jeg prøve....
tror den samlede strøelse vil være perfekt.... skal kun bruges til sammenligning...

Så mangler vi bare svar fra roenving... *S*
Avatar billede roenving Novice
09. oktober 2005 - 23:55 #28
Det var elment-property-checkeren, jeg snakkede om !-)
Avatar billede jesper-moeller Nybegynder
09. oktober 2005 - 23:56 #29
Hov....han svarede mens jeg skrev ...fint ...

Takker... og kravler tilbage til min legplads....

(Jeg vender jo nok frygteligt tilbage *G*)
Avatar billede roenving Novice
09. oktober 2005 - 23:58 #30
Jamen tak da for pointene !-)
Avatar billede olebole Juniormester
10. oktober 2005 - 00:46 #31
Jes >> sorry - den fik jeg ikke i første hug  :)

- og således oplyst, skal jeg sandelig heller ikke holde mig tilbage med takken  ;o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester