views:

123

answers:

0

Hello friends,

I am tryin to use jgrowl and jquery validation in the same page and each time either of them works. I ve gone through the jQuery.nonConflict but coulnt solve the problem

my .cs code for jgrowl is

string js = "$.jGrowl('  INVALID MEMBER ID, KINDLY TRY AGAIN ');";
Page.ClientScript.RegisterStartupScript(typeof(string), "jgrowlwarn", js, true);

and in .aspx is the following libs

<script src="../jquery-1.3.2.js" type="text/javascript"></script>
<script src="../jquery.jgrowl.js" type="text/javascript"></script>
<link href="../jquery.jgrowl.css" rel="stylesheet" type="text/css" />

whereas for validations the followin are the codes in .aspx page

<link href="../ketchup.jquery.ketchup.css" rel="stylesheet" type="text/css" />
<script src="../JS/ketchup.jquery.min.js" type="text/javascript"></script>
<script src="../JS/ketchup.jquery.ketchup.js" type="text/javascript"></script>
<script src="../JS/ketchup.jquery.ketchup.messages.js" type="text/javascript"></script>
<script src="../JS/ketchup.jquery.ketchup.validations.basic.js" type="text/javascript"></script>

<script type ="text/javascript">
  $(document).ready(function() {
    $('#example1').ketchup();
  });
</script>

Problem is both of them does not works together, If I excude growl code jquery validation works fine and vise-versa, mutually excusive in short. And I want both of them. How to make this work?

PLEASE HELP!!! Thanking you,

Indranil