Spry Validation & Calendar Widget Problem

a place to get help

Moderator: 1.2 Moderators

Forum rules
  • Every time you need help create a new thread (but please use the search function before, as your problem maybe has already been solved)
  • use code highlighting (help)
  • After your problem has been solved you have to rename the subject to "[solved] <Topicname>" AND set the Topic icon as solved (the green check)

Spry Validation & Calendar Widget Problem

Postby pipedragon72 on Mon Jul 26, 2010 4:29 pm

I've been asked to add a calendar widget to a form which is already using spry validation for some of the fields. The form works fine but when I add in a mootools calendar widget the validation stops working so there's a conflict somewhere. Anyone come across this before or know how to sort it out?

my header code looks like this:

  1. <link rel="stylesheet" type="text/css" href="assets/css/style.css" media="screen"/>
  2. <link rel="stylesheet" type="text/css" href="assets/css/menu.css" media="screen"/>
  3. <!--[if IE 6]>
  4. <link rel="stylesheet" type="text/css" href="assets/css/ie6.css">
  5. <![endif]-->
  6. <!--[if IE 7]>
  7. <link rel="stylesheet" type="text/css" href="assets/css/ie7.css">
  8. <![endif]-->
  9.  
  10. <link rel="stylesheet" type="text/css" href="assets/css/calendar.css">
  11. <script type="text/javascript" src="assets/js/mootools.js"></script>
  12. <script type="text/javascript" src="assets/js/calendar.js"></script>
  13. <script type="text/javascript">
  14.     window.addEvent('domready', function() { myCal = new Calendar({ outward_date: 'd/m/Y' }, { direction: 1 }); });
  15.   </script>
  16. <script type="text/javascript">
  17.     window.addEvent('domready', function() { myCal = new Calendar({ return_date: 'd/m/Y' }, { direction: 1 }); });
  18.   </script>
  19.  
  20. <link href="spry/SpryValidationConfirm.css" rel="stylesheet" type="text/css" />
  21. <script src="spry/SpryValidationConfirm.js" type="text/javascript"></script>
  22. <script src="spry/SpryValidationRadio.js" type="text/javascript"></script>
  23. <link href="spry/SpryValidationRadio.css" rel="stylesheet" type="text/css" />
  24. <script src="spry/SpryValidationSelect.js" type="text/javascript"></script>
  25. <link href="spry/SpryValidationSelect.css" rel="stylesheet" type="text/css" />
  26. <script src="spry/SpryValidationTextarea.js" type="text/javascript"></script>
  27. <link href="spry/SpryValidationTextarea.css" rel="stylesheet" type="text/css" />
pipedragon72
 
Posts: 1
Joined: Mon Jul 26, 2010 4:10 pm

Re: Spry Validation & Calendar Widget Problem

Postby fyrye on Mon Jul 26, 2010 11:50 pm

Any errors in Firebug?

I would fix the html syntax errors as well
  1. <link rel="stylesheet" type="text/css" href="assets/css/menu.css" media="screen"/>
  2. <!--[if IE 6]>
  3. <link rel="stylesheet" type="text/css" href="assets/css/ie6.css">

Notice any changes?
User avatar
fyrye
mootools enthusiast
 
Posts: 162
Joined: Sat Dec 20, 2008 10:16 am


Return to Help

Who is online

Users browsing this forum: No registered users and 3 guests