PDA

View Full Version : تغییر اندازه خودکار تکست باکس


setareh2013
سه شنبه 17 دی 1392, 09:38 صبح
سلام
من برای تغییر اندازه خودکار تکست باکس (بسته به تعداد خط متن ) در تاپیک زیر بحث کردم ولی به نتیجه نرسیدم
من یک فایل آماده کردم که تمام کارهایی که داخل این تاپیک گفته شده رو داخلش اعمال کردم . اگر ممکن است نگاهی به این فایل بندازین تا ببینین این مشکل رو می تونین حل کنید .
با تشکر
setareh2013
چهارشنبه 18 دی 1392, 14:55 عصر
کسی نمی تونه راهنماییم کنه ؟
ahmad156
چهارشنبه 18 دی 1392, 19:17 عصر
کدوم تایپیک؟؟؟؟؟!!!!منظورت رو دقیقاً متوجه نشدم ببین کد زیر به دردت میخوره


<html> <head> <title>autoresizing textarea</title> <style type="text/css"> textarea { border: 0 none white; overflow: hidden; padding: 0; outline: none; background-color: #D0D0D0; resize: none; } </style> <script type="text/javascript"> var observe; if (window.attachEvent) { observe = function (element, event, handler) { element.attachEvent('on'+event, handler); }; } else { observe = function (element, event, handler) { element.addEventListener(event, handler, false); }; } function init () { var text = document.getElementById('text'); function resize () { text.style.height = 'auto'; text.style.height = text.scrollHeight+'px'; } /* 0-timeout to get the already changed text */ function delayedResize () { window.setTimeout(resize, 0); } observe(text, 'change', resize); observe(text, 'cut', delayedResize); observe(text, 'paste', delayedResize); observe(text, 'drop', delayedResize); observe(text, 'keydown', delayedResize); text.focus(); text.select(); resize(); } </script> </head> <body onload="init();"> <textarea rows="1" style="height:1em;" id="text"></textarea> </body> </html>
setareh2013
جمعه 20 دی 1392, 18:50 عصر
کدوم تایپیک؟؟؟؟؟!!!!منظورت رو دقیقاً متوجه نشدم ببین کد زیر به دردت میخوره


<html> <head> <title>autoresizing textarea</title> <style type="text/css"> textarea { border: 0 none white; overflow: hidden; padding: 0; outline: none; background-color: #D0D0D0; resize: none; } </style> <script type="text/javascript"> var observe; if (window.attachEvent) { observe = function (element, event, handler) { element.attachEvent('on'+event, handler); }; } else { observe = function (element, event, handler) { element.addEventListener(event, handler, false); }; } function init () { var text = document.getElementById('text'); function resize () { text.style.height = 'auto'; text.style.height = text.scrollHeight+'px'; } /* 0-timeout to get the already changed text */ function delayedResize () { window.setTimeout(resize, 0); } observe(text, 'change', resize); observe(text, 'cut', delayedResize); observe(text, 'paste', delayedResize); observe(text, 'drop', delayedResize); observe(text, 'keydown', delayedResize); text.focus(); text.select(); resize(); } </script> </head> <body onload="init();">


<textarea rows="1" style="height:1em;" id="text"></textarea> </body> </html>

می بخشید یادم رفته بود
این تاپیک
http://barnamenevis.org/showthread.php?433657-نحوه-پاک-کردن-اسکرول-داخل-تکست-باکس-مالتی-لاین