Hello! It is impossible to make textress take the height of the content immediately after loading the page, and not when clicking on the text itself :-(

Code below

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>xiper.net - пример textarea подстраивается под высоту текста</title> <link href="http://www.xiper.net/examples/css/examples.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery-1.4.2.js"></script> <script type="text/javascript" src="js/autoresize.jquery.js"></script> <script type="text/javascript"> jQuery(function() { jQuery('textarea').autoResize({ // On resize: onResize : function() { jQuery(this).css({color:'#fff', backgroundColor:'#fff'}); }, // After resize: animateCallback : function() { jQuery(this).css({color:'#000', backgroundColor:'#fff'}); } }); }); </script> <style type="text/css"> <!-- form{ margin:10px; } form div{ margin-bottom:10px; } textarea{ padding:10px; width:400px; border:1px solid #999; overflow:hidden; display:block; } --> </style> </head> <body> <form action="#" method="post"> <div> <textarea> AutoResize – a jQuery plugin (1kb minified) which enables animated auto-resizing of textarea form elements. When a user inputs text into a textarea the plugin automatically keeps track of their progress and will expand the textarea when needed. The plugin has been tested successfully in IE6/7, FF2/3, Opera9, Safari3 & Chrome. </textarea> </form> </body> </html>
  • The script works as it was made by programmers. I can't redo it so that the textarea takes the right height right at boot time, not when it is clicked) - barakh
  • the script works as it is set up, find the properties of the tsss there and set the required dimensions, look in the Fairbeg who overlaps and correct whom - Gorets

1 answer 1

  1. Check the console for errors
  2. Check or all files are loaded ( js/jquery-1.4.2.js, js/autoresize.jquery.js ). Do you have them in the js folder?
  • No, no, no :) It's not that. It is necessary to amend the code below so that it works immediately after the page loads. <script type = "text / javascript"> jQuery (function () {jQuery ('textarea'). autoResize ({// On resize: onResize: function () {jQuery (this) .css ({color: '# fff ', backgroundColor:' # fff '});}, // After resize: animateCallback: function () {jQuery (this) .css ({color:' # 000 ', backgroundColor:' # fff '})}} );}); - barakh 4:05