De PHPhulp kroeg
Javascript: get size
Ik wil deze textarea precies evengroot hebben als de <div> waar-ie in zit.
Deze div is resizeable en wanneer deze <div>'s maat wordt aangepast wordt de textarea's maat ook aangepast.
Ik zit nu wel met het probleem: als ik de grootte van de div zonder border/padding ophaal en deze grootte toewijs aan de textarea, word de textarea groter dan de div. Dit komt omdat ie een padding en een border heeft. Hoe kan ik dus de outer-size veranderen van een div, ook wanneer de border, padding of margin van de textarea geen 0 is, zonder dat de textarea te groot/te klein wordt?
Ook als ik textarea style="width:100%;height:100%;" gebruik wordt de textarea te groot.
'Jezpur:
En als je het eens omwisselt: je geeft de div een padding en haalt de margin van de textarea weg?
de textarea heeft in dit geval geen margin, wel een padding. Maar ALS de textarea een margin heeft moet ie er wel rekening mee houden.
De <div> is een div zonder border, margin of padding en dat moet zo blijven. Er komt namelijk meer in dan een <div>.
Het is ff een voorbeeld tekst. Ik wil gewoon een manier weten om de outer-size van een element te kunnen instellen.
'Jezpur:
Ooh, volgens mij zie ik het nou. Een padding is een extra breedte op de breedte die je opgeeft. Je moet dus de padding van de textarea van de breedte van de div afhalen, en die breedte aan de textarea toekennen. Dan zijn ze even breed.
En hoe kom ik achter de padding van een textarea?
'Jezpur:
Die geef je als het goed is zelf al op in je CSS.
Klopt, maar wat nou als ik iets maak dat ook met andere CSS docs moet kunnen werken?
Niet iedereen wil zijn javascript afhankelijk hebben van een specifieke CSS regel.
Code (php)
1
document.getElementById("id-van-de-textarea").style.padding;
Daarmee moet je de padding op kunnen halen. Alert het eerst maar eens om te kijken wat hij teruggeeft.
'Jezpur:
Daarmee moet je de padding op kunnen halen. Alert het eerst maar eens om te kijken wat hij teruggeeft.
Code (php)
1
document.getElementById("id-van-de-textarea").style.padding;
Daarmee moet je de padding op kunnen halen. Alert het eerst maar eens om te kijken wat hij teruggeeft.
Dat werkt alleen als je de padding hebt veranderd met javascript.
elementen van textarea
Van het TEXTAREA element worden de volgende attributen beschreven: ACCESSKEY, COLS, DISABLED, NAME, READONLY, ROWS, TABINDEX en WRAP.
'Kasper:
<textarea> heeft toch geen width en height (->COLS & ROWS)
elementen van textarea
Van het TEXTAREA element worden de volgende attributen beschreven: ACCESSKEY, COLS, DISABLED, NAME, READONLY, ROWS, TABINDEX en WRAP.
elementen van textarea
Van het TEXTAREA element worden de volgende attributen beschreven: ACCESSKEY, COLS, DISABLED, NAME, READONLY, ROWS, TABINDEX en WRAP.
Bedankt voor je nuttige bijdrage, maar nog steeds geen antwoord op mn vraag.
Gewijzigd op 01/01/1970 01:00:00 door toby hinloopen
Code (php)
1
2
3
2
3
<div id="test">
<textarea id="test"></textarea>
</div>
<textarea id="test"></textarea>
</div>
'Kasper:
geef eens de class/id van de div aan de textarea
Code (php)
1
2
3
2
3
<div id="test">
<textarea id="test"></textarea>
</div>
<textarea id="test"></textarea>
</div>
Hebben ze niet.
Ze worden aangemaakt met Javascript.
Waarom eigenlijk?
Tot slot is dit niet echt w3c valid. Een id hoort uniek te zijn en mag niet worden gegeven aan meerdere elementen. Kan problemen geven. Daar zijn classes voor.
Gewijzigd op 01/01/1970 01:00:00 door toby hinloopen
maar ik had niet zoveel tijd ;p
ik ben ook bezig met mijn probleempjes :o
Gewijzigd op 01/01/1970 01:00:00 door Kasper Heyndrickx
'Kasper:
I know..
maar ik had niet zoveel tijd ;p
ik ben ook bezig met mijn probleempjes :o
even zoeken voor jou
maar ik had niet zoveel tijd ;p
ik ben ook bezig met mijn probleempjes :o
even zoeken voor jou
jQuery heeft wel 2 ingebouwde functies ervoor: Outer/Inner width/height
Die 2 doen het maar ik gebruik al mootools :P
jQuery vind ik kut.
Wat zijn jouw probleempjes eigenlijk? :P
Gewijzigd op 01/01/1970 01:00:00 door toby hinloopen
'toby:
jQuery heeft wel 2 ingebouwde functies ervoor: Outer/Inner width/height
Die 2 doen het maar ik gebruik al mootools :P
jQuery vind ik kut.
Wat zijn jouw probleempjes eigenlijk? :P
'Kasper:
I know..
maar ik had niet zoveel tijd ;p
ik ben ook bezig met mijn probleempjes :o
even zoeken voor jou
maar ik had niet zoveel tijd ;p
ik ben ook bezig met mijn probleempjes :o
even zoeken voor jou
jQuery heeft wel 2 ingebouwde functies ervoor: Outer/Inner width/height
Die 2 doen het maar ik gebruik al mootools :P
jQuery vind ik kut.
Wat zijn jouw probleempjes eigenlijk? :P
http://www.phphulp.nl/forum/showtopic.php?cat=15&id=63416&lasttopic=1
'Kasper:
http://www.phphulp.nl/forum/showtopic.php?cat=15&id=63416&lasttopic=1
'toby:
jQuery heeft wel 2 ingebouwde functies ervoor: Outer/Inner width/height
Die 2 doen het maar ik gebruik al mootools :P
jQuery vind ik kut.
Wat zijn jouw probleempjes eigenlijk? :P
'Kasper:
I know..
maar ik had niet zoveel tijd ;p
ik ben ook bezig met mijn probleempjes :o
even zoeken voor jou
maar ik had niet zoveel tijd ;p
ik ben ook bezig met mijn probleempjes :o
even zoeken voor jou
jQuery heeft wel 2 ingebouwde functies ervoor: Outer/Inner width/height
Die 2 doen het maar ik gebruik al mootools :P
jQuery vind ik kut.
Wat zijn jouw probleempjes eigenlijk? :P
http://www.phphulp.nl/forum/showtopic.php?cat=15&id=63416&lasttopic=1
probleem opgelost :P
zo en nu mijn probleem :P