Hi there

-----------------------------------------------
jquery - 1.3.1 and 1.3.2
jquery ui  - 1.5.3 and 1.6rc6
-----------------------------------------------

i have a basic jquery ui tabs page, see below:

<script type="text/javascript">

   $(document).ready(function() {
       $("#tabs").tabs();
   });
</script>

<body>
<table width="100%">
   <tr>
       <td>
        <div id="tabs">
                               <ul>
                                       <li><a href="formvalidationEx/
example1.htm">Example 1</a></li>
                                       <li><a href="formvalidationEx/
example2.htm">Example 2</a></li>
                                       <li><a href="#tabs-3">Example
3</a></li>
                               </ul>
                       </div>
       </td>
   </tr>
</table>


but when i call the pages such as example1.htm the jquery behide it
doesnt work unless i am in IE.

Example1.htm :

 <script type="text/javascript">
   $(document).ready(function() {

   $("#commentForm").validate({
       rules: {
           FirstName: {
               required: true  // Indicates that is field must be
filled in
           }
       },
       messages: {
           FirstName: {
               required: "Please enter in a FirstName." // the
message to show the user if nothing was entered.
           }
       }
   });
});
   </script>

 <form  id="commentForm" method="get" action="">
    <fieldset>
      <legend>Basic Form Validation Client Side.</legend>
      <p><i>First Name will check that you have entered in a value.</
i></p>
               <p>
                       <label for="FirstName">Firstname</label>
                       <input id="FirstName" name="FirstName" />
               </p>
        <input class="submit" type="submit" value="Submit"/>
      </p>
    </fieldset>
 </form>

I have no problems with it in IE6/7/8 but any other browser and it
just loads the tabs without any functionality.

Any idea?

Thanks in advance.

Sleepy-Peter


---

I have just manged to get chrome and safira working by removing the
HTML body head tags from the page i am passing from.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to