Textarea in a tab and bounce bug
the situation:
- a textarea in a table
- 2 JQuery plugins to resize the textarea (jquery.bounce wich works with jquery.easing)
the problem:
- Firefox: the value of the textarea is null when i use it with php
- IE: no problem.
the code:
<!-- déclaration du framework JQuery --> <script type="text/javascript" src="../jquery/jquery-1.4.2.min.js"></script> <!-- déclaration des plugin JQuery pour permettre le redimensionnement des textarea--> <script type="text/javascript" src="../jquery/plugIn/easyPlugin/jquery.easing.1.3.js"></script> <script type="text/javascript" src="../jquery/plugIn/bounce/jquery.bounce.js"></script> <script type="text/javascript"> $(document).ready(function() { $('textarea').bounce({string:'show/hide comment', max : '100px'}); }); </script> </head> <body> <!-- Affichage en PHP de la donnée contenue dans le textarea--> <?="comm:".$_POST["txtComments"] ; ?> <table> <tr> <form id="form2" name="formtest" method="POST" action="JQueryTest.php"> <td> <input type="submit" name="updateStat" value="Update" /> <textarea name="txtComments">test</textarea> </td> </form> </tr> </table>
Already tested:
- it works when the textarea is outside of the table
- $.noConflict(); works with Firefox but not with IE
Conclusion:
I think the bug is due to a conflict between JQuery and the 2 other plugins but i'm not sure.
Thank a lot fot your help!