Webkafeen

[Jesper Karsrud]

Hvordan fungerer DOM, egentlig? Lest litt om det, men aldri helt skjønt hva det går ut på. Noen som kunne forklart?

[Jakob K]

Hvordan fungerer DOM, egentlig? Lest litt om det, men aldri helt skjønt hva det går ut på. Noen som kunne forklart?

DTD er DOCTYPE-en til et markeringsspråk, som definerer alle elementene. I Henriks eksempel, legger du til minHeight-egenskapen til andre elementer enn det IE er vant til. DTD-en skal rett og slett inneholde alle elementer og hvilke egenskaper de har. Mer nøyaktig forklart i Wikipedias artikkel Document Type Definition.

 

Edit: Oi, trodde du spurte om hva DTD var, ikke DOM. Jeg som leste feil bare.

Endret 13. juli 2005 av AfroDude

[Marvil]

Edit; Noen andre surra.

Endret 13. juli 2005 av Marvil

[Dahl]

Jeg kan røpe at på torsdag vil det komme en artikkel på programmer.no som gir en grunnleggende innføring i XML DOM, så vent og se.

[Jesper Karsrud]

Ahh, nice men da er jeg i Frankrike, så jeg får lese på en Inetkafé eller noe

[PT]

Jeg kan røpe at på torsdag vil det komme en artikkel på programmer.no som gir en grunnleggende innføring i XML DOM, så vent og se.

Gleder meg

 

*hilse tilbake til pållert - går utifra det var meg du hilset til siden jeg ikke vet om noen andre mariuser her på wds *

 

Og forresten, Firefox er utrolig styrete! Har tuklet litt med Linux i det siste (Ubuntu er faktisk finfint, men jeg sliter litt med støtte for småting på laptopen), og siden Opera ikke akkurat er så utrolig bra der bestemte jeg meg for å gi Firefox en aldri så liten sjanse. Jeg er nå temmelig lei av å bruke masse tid på å lete frem halvdårlige extentions for å erstatte alle de deilige Opera-funksjonene. Det er riktignok et par snasne extentions som jeg gjerne skulle sett i Opera, men faen heller. Det finnes grenser for hva jeg gidder å bruke tiden min på. Føler meg nesten litt lammet uten det jeg er vant med fra Opera.

Dette var faktisk ikke for å starte en ny diskusjon, for der blir vi aldri enige uansett, men heller for å få ut bittelitt frustrasjon

Endret 12. juli 2005 av PT

[Domodyret]

Hvor mange funksjoner trenger du da? Jeg bruker ca 2-3min på å finne de jeg trenger. Men nå bruker jeg ikke firefox til å surfe da.

[PT]

Erm.. Egentlig så trenger jeg Windows-Opera for Linux *kresen*

Får vel bare fortsette jakten i morgen. Noen som vet om sider med 'must-have-extentions'?

[Jakob K]

Og forresten, Firefox er utrolig styrete! Har tuklet litt med Linux i det siste (Ubuntu er faktisk finfint, men jeg sliter litt med støtte for småting på laptopen), og siden Opera ikke akkurat er så utrolig bra der bestemte jeg meg for å gi Firefox en aldri så liten sjanse. Jeg er nå temmelig lei av å bruke masse tid på å lete frem halvdårlige extentions for å erstatte alle de deilige Opera-funksjonene. Det er riktignok et par snasne extentions som jeg gjerne skulle sett i Opera, men faen heller. Det finnes grenser for hva jeg gidder å bruke tiden min på. Føler meg nesten litt lammet uten det jeg er vant med fra Opera.

Dette var faktisk ikke for å starte en ny diskusjon, for der blir vi aldri enige uansett, men heller for å få ut bittelitt frustrasjon

Å? Bruker Opera som standard nettleser i Ubuntu jeg, fungerer fint det.

[PT]

Å? Bruker Opera som standard nettleser i Ubuntu jeg, fungerer fint det.

Kanskje jeg var litt for rask på avtrekkeren, men det var liksom noe som ikke stemte. Noe som ødela for helhetsinntrykket. Får ta det i morgen.

[Domodyret]

PT: 456Bereastreet - Favorite Extension

[Jakob K]

Det er riktignok et par snasne extentions som jeg gjerne skulle sett i Opera, men faen heller.

Om det var Web developer-verktøylinja du siktet til, finnes den i en Opera-versjon også.

[PT]

Om det var Web developer-verktøylinja du siktet til, finnes den i en Opera-versjon også.

Nice. Har min egen lille Webdeveloper-meny. Får ta en titt på den toolbaren der og kombinere litt.

 

EDIT: Domodyret: Takker

Endret 13. juli 2005 av PT

[Torjus]

Nå er det ikke lenge før jeg bestiller webhotell og domene. Men jeg kommer ikke på noen domene navn

[Cucum(r)]

Hvordan fungerer DOM, egentlig? Lest litt om det, men aldri helt skjønt hva det går ut på. Noen som kunne forklart?

DTD er DOCTYPE-en til et markeringsspråk, som definerer alle elementene. I Henriks eksempel, legger du til minHeight-egenskapen til andre elementer enn det IE er vant til. DTD-en skal rett og slett inneholde alle elementer og hvilke egenskaper de har. Mer nøyaktig forklart i Wikipedias artikkel Document Type Definition.

Trur du har misforstått litt:

 

Dei fleste her veit vel forhåpentligvis kva ein DTD er, men viss ikkje:

DTD (Document Type Definition) er eit dokument som inneheld definisjonane og handlingane til alle elementa/attributtane/egenskapane som det aktuelle språket inneheld.

 

DOM:

DOM (Document Object Model) er standarden som er i bruk i alle strukturerte oppmarkeringsspråk pr. dags dato. For eksempel: Når du ser trestrukturen til eit XML-dokument i ein nettlesar, ser du DOM-strukturen som den er lagt ut uendra av e.g. JavaScript.

 

Vha. klientsidespråk som JavaScript, kan du endre på DOM-strukturen.

Ta for eksempel egenskapen contentEditable, som WHATWG modifiserer og implementerer i HTML 5 for tida:

 

<!DOCTYPE html>
<title>DOM transformering</title>
<style>p { background: #f1f1f1; } </style>

<p contenteditable>Dette kan endrast på</p>
<a href="javascript:alert(document.documentElement.innerHTML)">Sjå dokumentendringane</a>

Lagre dette dokumentet, så åpner du det i IE (støtte i dei andre nettlesarane er ikkje utbygd enda, sidan HTML5-spesifikasjonen ikkje er ferdig).

 

Viss du no klikker på teksten i P-elementet, skal du kunne endre innhaldet i elementet.

 

For å dra det enda vidare, kan du endre storleiken på P-elementet, altså overstyre CSS-stilsettet (det blir lagt til ein STYLE-attributt på P-elementet):

 

<!DOCTYPE html>
<title>DOM transformering</title>
<style>div p { width: 200px; height: 500px; background: #f1f1f1; } </style>

<div contenteditable>
<p>
Dette kan endrast på
</p>
</div>
<a href="javascript:alert(document.documentElement.innerHTML)">Sjå dokumentendringane</a>

 

 

Eg eksprimenterte litt med dette for nokre dagar sidan, og fann ut at viss ein legg til position: absolute i stilsettet, vil ikkje alle markørane som brukast for å endre storleiken fungere:

 

<!DOCTYPE html>
<title>DOM transformering</title>
<style>div p { width: 200px; height: 500px; background: #f1f1f1; position: absolute;} </style>

<div contenteditable>
<p>
Dette kan endrast på
</p>
</div>
<a href="javascript:alert(document.documentElement.innerHTML)">Sjå dokumentendringane</a>

 

 

---------------------------------------------

 

Var det litt oppklarande?

[Jakob K]

Trur du har misforstått litt:

Ja, jeg leste feil og trodde han spurte om DTD.

[Steinmann]

Men henrik, vil du si at det er en bedre løsning å bruke et javascript for å løse min-height problemet i IE enn det er å bruke !important.

DOM metoden er jo mer foroverkompatibel, men er alltid litt skeptisk til å putte inn en massa javascript i koden min

[Cucum(r)]

Men henrik, vil du si at det er en bedre løsning å bruke et javascript for å løse min-height problemet i IE enn det er å bruke !important.

DOM metoden er jo mer foroverkompatibel, men er alltid litt skeptisk til å putte inn en massa javascript i koden min

Eg foretrekker eigentleg `the underscore hack`, sidan det er unødvendig å bruke !important-deklarasjonen til slike formål. Bruker !important på noko sjølv, men det er berre fordi eg er for lat til å gjere noko med det

 

Skal koke opp eit eksempel med JavaScript, må berre få i meg litt kaffi først

Endret 13. juli 2005 av Henrik Lied

[Cucum(r)]

Hah, no har eg det: http://dev.misinterpreted.org/exprimental/min-height.html

 

Blir det enklare?

 

-------

 

Morsomt: http://www.whoisd.com/oldestcom.php

Endret 13. juli 2005 av Henrik Lied

[Lokaltog]

Morsomt: http://www.whoisd.com/oldestcom.php

CAYMAN.COM

 

Information Portal on the Cayman Islands

 

Coming Soon

 

eMail us at:  [email protected]

 

Neat!