ساخت یک textarea

[camry7]

سلام دوستان
میخواستم ببینم بهترین راه برای ایجاد یک قسمت برای نوشتن یک متن طولانی چی هست ؟

من از textarea استفاده کردم اما وقتی متن طولانی میشه اسکرول میخوره اما من میخوام خودش کش بیاد و ارتفاعش زیاد بشه .

ممنون میشم راهنماییم کنین .

[vimax23]

سلام دوستان
میخواستم ببینم بهترین راه برای ایجاد یک قسمت برای نوشتن یک متن طولانی چی هست ؟

من از textarea استفاده کردم اما وقتی متن طولانی میشه اسکرول میخوره اما من میخوام خودش کش بیاد و ارتفاعش زیاد بشه .

ممنون میشم راهنماییم کنین .

خودش کش بیاد هم span میتونی هم div که معمولا از دومی استفاده میشه
البته اگر یوزر شما توش روی یکی از صفحه کلیدها فشار بده از محدوده کادری که تعریف کردین میزنه بیرون من که براش راهی پیدا نکردم
ولی همه طراح ها از این روش استفاده میکنن

[_mojitaba_]

<script type="text/javascript">
function haut(idt) {
if (document.getElementById(idt).scrollTop > 0) aug(idt);
}
function aug(idt) {
var h = parseInt(document.getElementById(idt).style.height );
document.getElementById(idt).style.height = h + 10 +"px";
haut(idt);
}
function top(idt) {
document.getElementById(idt).scrollTop = 100000;
haut(idt);
}
</script>


<textarea name="txt_test" style="width: 700px; height: 150px" id="txt_test" onkeyup="javascript: haut(this.id)" onfocus="javascript: top(this.id)"></textarea>


یه مقدار گیر داره اما وقتی enter بزنی اسکرول نمیاد برات

[camry7]

خودش کش بیاد هم span میتونی هم div که معمولا از دومی استفاده میشه
البته اگر یوزر شما توش روی یکی از صفحه کلیدها فشار بده از محدوده کادری که تعریف کردین میزنه بیرون من که براش راهی پیدا نکردم
ولی همه طراح ها از این روش استفاده میکنن

میخوام قابلیت تایپ توسط کاربر داشته باشه با div که نمیشه داخلش چیزی نوشت مگر خود طراح بنویسه






1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<script type="text/javascript">
function haut(idt) {
if (document.getElementById(idt).scrollTop > 0) aug(idt);
}
function aug(idt) {
var h = parseInt(document.getElementById(idt).style.height );
document.getElementById(idt).style.height = h + 10 +"px";
haut(idt);
}
function top(idt) {
document.getElementById(idt).scrollTop = 100000;
haut(idt);
}
</script>


<textarea name="txt_test" style="width: 700px; height: 150px" id="txt_test" onkeyup="javascript<b></b>: haut(this.id)" onfocus="javascript<b></b>: top(this.id)"></textarea>








یه مقدار گیر داره اما وقتی enter بزنی اسکرول نمیاد برات

واسه من که کار نکرد :ناراحت:

[_mojitaba_]

کد تکست باکس رو به اینصورت تغییر بدید

<textarea name="txt_test" style="width: 700px; height: 150px" id="txt_test" onkeyup="haut(this.id)" onfocus="op(this.id)"></textarea>

[camry7]

کد تکست باکس رو به اینصورت تغییر بدید

<textarea name="txt_test" style="width: 700px; height: 150px" id="txt_test" onkeyup="haut(this.id)" onfocus="op(this.id)"></textarea>

الان بهتر شد اما نمیشه کاری کرد که اون اسکرول کنار موقع کش اومدن txarea نیاد و چشمک نزنه؟

[Omid Jackson]

textarea بدون اسکرول اندازش فیکس میشه
http://jsfiddle.net/Blend_Design/Jd9MS/