CODEWITHSUNDEEP
javascriptjquerytextarea
Ilja
Ilja

Reputation: 46479

Cant figure how to implement following jQuery plugin into my webpage

I've been looking for something that will authorize a textbox when user types something and I found this ideal plugin:

http://james.padolsey.com/javascript/jquery-plugin-autoresize/

It seems prety straight forward, but for some reason I can't implement it on my website >.< do you guys have any ideas on how to do it? (read the post) Thank You )))

Here is what I tried, but it doesn't work

HTML

<head>
<script type="text/javascript" src="js/jquery-1.6.js"></script>
<script type="text/javascript" src="js/autoresize.jquery.js"></script>
<script type="text/javascript">

$('textarea.mainStatusTxt').autoResize({
// On resize:
onResize : function() {
$(this).css({opacity:0.8});
},
// After resize:
animateCallback : function() {
$(this).css({opacity:1});
},
// Quite slow animation:
animateDuration : 300,
// More extra space:
extraSpace : 40
});

</script>
</head>

<body>
<textarea class="mainStatusTxt" placeholder="Comment" style="display:block;"></textarea>
</body>

Upvotes: 0

Views: 107

Answers (1)

Justin ᚅᚔᚈᚄᚒᚔ
Justin ᚅᚔᚈᚄᚒᚔ

Reputation: 15369

Either wrap your script with:

$(document).ready(function() {
  //YOUR CODE
});

or move the entire <script> tag to the end of the document (or at least, after the <textarea>).

Upvotes: 2

Related Questions