Universal Form Validator ASP Support Product Page

JS clash with Lightview

Reported 07 Apr 2010 01:15:40
1
has this problem
07 Apr 2010 01:15:40 Guy Murray posted:
When implementing the validator on a page with lightview the lightview no longer works:

<link rel="stylesheet" type="text/css" href="/lightview2.5/css/lightview.css" />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js'></script>
<script type='text/javascript' src='/lightview2.5/js/lightview.js'></script>



<link rel="stylesheet" href="Styles/dmxValidator/validatorHint1.css" type="text/css" />
<link rel="stylesheet" href="Styles/dmxValidator/validatorError1.css" type="text/css" />
<script type="text/javascript" src="ScriptLibrary/jsvat.js"></script>
<script type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>
<script type="text/javascript" src="ScriptLibrary/jquery.inputHintBox.js"></script>
<script type="text/javascript" src="ScriptLibrary/jquery.maskedinput-1.2.2.js"></script>
<script type="text/javascript" src="ScriptLibrary/jquery.validate.min.js"></script>
<script type="text/javascript" src="ScriptLibrary/dmx.jquery.validate.js"></script>
<script type="text/javascript" src="ScriptLibrary/jquery.tooltip.min.js"></script>
<script type="text/javascript" src="ScriptLibrary/jquery.hoverIntent.min.js"></script>


However, when the code is reversed so that the lightview code comes after the validator code it does work


<link rel="stylesheet" href="Styles/dmxValidator/validatorHint1.css" type="text/css" />
<link rel="stylesheet" href="Styles/dmxValidator/validatorError1.css" type="text/css" />
<script type="text/javascript" src="ScriptLibrary/jsvat.js"></script>
<script type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>
<script type="text/javascript" src="ScriptLibrary/jquery.inputHintBox.js"></script>
<script type="text/javascript" src="ScriptLibrary/jquery.maskedinput-1.2.2.js"></script>
<script type="text/javascript" src="ScriptLibrary/jquery.validate.min.js"></script>
<script type="text/javascript" src="ScriptLibrary/dmx.jquery.validate.js"></script>
<script type="text/javascript" src="ScriptLibrary/jquery.tooltip.min.js"></script>
<script type="text/javascript" src="ScriptLibrary/jquery.hoverIntent.min.js"></script>

<link rel="stylesheet" type="text/css" href="/lightview2.5/css/lightview.css" />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js'></script>
<script type='text/javascript' src='/lightview2.5/js/lightview.js'></script>


Any ideas on what I can do to get them both working on the same page ?

Replies

Replied 08 Apr 2010 10:55:06
08 Apr 2010 10:55:06 Miroslav Zografski replied:
Hello Guy,

when you reverse the order of the included files does Vaidator work?

Regards,

Reply to this topic