| Autor | Zpráva | ||
|---|---|---|---|
| hexcross.. Profil * |
#1 · Zasláno: 12. 7. 2011, 19:34:40
Zdravím,
potřebuji udělat dynamickou textareu alá facebook. Kód jsem našel zde na fóru, bohužel nejde, zjistil jsem že na to má vliv doctype - pokud ho odstraním, jde to v pořádku. Pokud by jste měli jQuery řešení ocenil bych to, o pluginu Elastic vím ale má zavažný bug - nejde od prvního řádku, tak ho neřešme. <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">.
<html>
<head>
<title>LAB Magazine - All we need is Lab</title>
<link href="favicon.png" rel="icon" type="image/png" />
<script>
function redraw(min_height){
var el = document.getElementById('test');
scrollHeight = el.scrollHeight + 2;
if (scrollHeight > min_height)
el.style.height = scrollHeight;
}
</script>
</head>
<body>
<textarea style="width:100px; height:20px; border:1px solid #CCC; overflow-y:hidden" id="test" onkeyup="redraw(20)"></textarea>
</body>
</html> |
||
| Sir Tom Profil |
#2 · Zasláno: 12. 7. 2011, 19:41:38
hexcross..:
„potřebuji udělat dynamickou textareu alá facebook.“ Také zdravím. Co znamená dynamická textarea alá facebook? Co má ta textarea umět, co má dělat a co naopak dělá špatně oproti zamýšlenému cíli? |
||
| Str4wberry Profil |
#3 · Zasláno: 12. 7. 2011, 19:42:03
„el.style.height = scrollHeight;“
A tu výšku udáváš v čem? V povidlech, metrech, kilogramech, stupních? |
||
| _es Profil |
#4 · Zasláno: 12. 7. 2011, 19:52:10 · Upravil/a: _es
hexcross..:
„zjistil jsem že na to má vliv doctype - pokud ho odstraním, jde to v pořádku.“ Dôvod je zrejmý: www.jakpsatweb.cz/doctype.html, Rozdíly módů ve všech prohlížečích, viď aj [#3] Str4wberry. |
||
| hexcross.. Profil * |
#5 · Zasláno: 12. 7. 2011, 20:10:20
Str4wberry:
Díky už to vydím. Tak pro ostatní : el.style.height = el.scrollHeight + "px"; A nevěděli by jste jak to vylepšit o zmenšování? :) |
||
| hexcross.. Profil * |
#6 · Zasláno: 12. 7. 2011, 20:11:09
Str4wberry:
Dělám jí tak aby měla dynamickou výšku, zvětšuje se podle textu aby uživatel nemusel "scrollovat" :) |
||
| _es Profil |
#7 · Zasláno: 12. 7. 2011, 20:20:17
hexcross..:
> Tak pro ostatní : > el.style.height = el.scrollHeight + "px"; To je ale stále chybne. |
||
| hexcross.. Profil * |
#8 · Zasláno: 12. 7. 2011, 22:33:48
_es:
Možná je :D Ale funguje to jak má...ale v čem to je chybné? |
||
| _es Profil |
#9 · Zasláno: 12. 7. 2011, 22:47:43
hexcross..:
„v čem to je chybné?“ Aha, vlastne v ničom, podľa dokumentácie je to číslo. No, „funguje ako má“ v dosť prehliadačoch? Pri CSS vlastnostiach však treba uvažovať aj s tým, že sú to textové reťazce aj s jednotkami. |
||
| hexcross.. Profil * |
#10 · Zasláno: 12. 7. 2011, 23:04:29
_es:
„Aha, vlastne v ničom, podľa dokumentácie je to číslo.“ Teď nevím jestli jsi to myslel ironicky...jasné že to je číslo ;) Jinak to funguje co jsem se díval ve všem (FF,GCH,IE7+) . Akorát u Chrome a IE to podivně poskočí nahoru, kdežto u FF to celkem plynule prodlouží... |
||
| _es Profil |
#11 · Zasláno: 12. 7. 2011, 23:32:39
hexcross..:
„Teď nevím jestli jsi to myslel ironicky...jasné že to je číslo ;)“ Nemyslel som to ironicky, je rozdiel medzi, napríklad, číslom 6 a textovým reťazcom "6px".
|
||
|
Časová prodleva: 13 let
|
|||
0