How to use 2 different jQuery functions on Same control?
Hi All,
I have 2 jQuery versions. One is to expand text area and other is for spell check. when i try any 1 at a time it works fine. But when i use both versions at same time then it dosen't work. Following is the code.
This code resizes text area control.
<link rel="stylesheet" href="
http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script type="text/javascript" src="jquery-1.9.1.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
<style> .ui-resizable-se { bottom: 17px; } </style>
<script> $(function() { $( "#txtQ1Status" ).resizable({ handles: "se" }); }); </script>
</head>
<body>
<tr>
<td>
<textarea id="txtQ1Status" rows="10" cols="30"></textarea> </td>
</tr>
</body>
This code is for Spell Check:
<script type='text/javascript' src='jquery-1.6.4.min.js' ></script>
<script type='text/javascript' src='include.js' ></script>
<script type='text/javascript' src='jquery.fancybox-1.3.4.pack.js' ></script>
<link rel="stylesheet" href="..\extensions\fancybox\jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script type='text/javascript'>
$(function() {$('textarea').spellAsYouType();});
</script>
</head>
<body>
<tr>
<td>
<textarea id="txtQ1Status" rows="10" cols="30"></textarea> </td>
</tr>
<textarea name="myTextArea" id="myTextArea" cols="50" rows="8">Hello Worlb. This Examplee iss implemented uisng jQuery and the $() selactor.</textarea>
<input type="button" value="Spell Check" onclick="$('#myTextArea').spellCheckInDialog({popUpStyle:'fancybox',theme:'clean'})">
</body>
What is want is to use both these functionality on same text area.
Is it Possible?
Thanks in Advance