Thnks Steve, in others browsers work fine,but IE7 and 8 it doesn't work, I use jQuery.
On 17 dic, 17:16, Steven Black <ste...@stevenblack.com> wrote: > Please clarify: does this work in another browser, or have you only > tried it in IE 7? > > First thing I would suggest is try loading your jQueryUI Javascript > earlier. Try and isolate it so it's just jQuery and jQueryUI. It's > hard to tell here... maybe there is a JS error in cmxforms.js? Who > knows? > > **--** Steve > > On Dec 17, 6:02 pm, faby <faby...@gmail.com> wrote:> Hi, I have a register > form inside of the accordion, it doesn't work > > on IE7, why? this is my code: > > > <html> > > <head> > > <link type="text/css" href="js/development-bundle/themes/base/ > > ui.all.css" rel="stylesheet" /> > > <link type="text/css" href="js/development-bundle/demos/demos.css" > > rel="stylesheet"> > > <script src="js/jquery.js" type="text/javascript"></script> > > <script src="js/jquery.validate.js" type="text/javascript"></script> > > <script src="js/cmxforms.js" type="text/javascript"></script> > > > <script type="text/javascript" src="js/development-bundle/ui/ > > ui.core.js"></script> > > <script type="text/javascript" src="js/development-bundle/ui/ > > ui.accordion.js"></script> > > <script type="text/javascript"> > > > $.validator.setDefaults({ > > //submitHandler: function() { alert("submitted!"); } > > > }); > > > $().ready(function() { > > > // validate the comment form when it is submitted > > $("#commentForm").validate(); > > > // validate signup form on keyup and submit > > $("#signupForm").validate({ > > rules: { > > nombre: "required", > > lastname: "required", > > username: { > > required: true, > > minlength: 4 > > }, > > pass: { > > required: true, > > minlength: 5 > > }, > > confirm_pass: { > > required: true, > > minlength: 5, > > equalTo: "#pass" > > }, > > correo: { > > required: true, > > email: true > > }, > > topic: { > > required: "#newsletter:checked", > > minlength: 2 > > }, > > agree: "required" > > }, > > messages: { > > nombre: "Introduce un nombre", > > //lastname: "Please enter your lastname", > > username: { > > required: "Introduce un alias", > > minlength: "El alias debe contener mínimo 4 > > caracteres" > > }, > > pass: { > > required: "Introduce una contraseña", > > minlength: "La contraseña debe contener al > > menos 5 caracteres" > > }, > > confirm_pass: { > > required: "Introduce una contraseña", > > minlength: "La contraseña debe contener al > > menos 5 caracteres", > > equalTo: "La contraseña debe ser igual a la > > anterior" > > }, > > correo: "Introduce un email valido", > > agree: "Please accept our policy" > > } > > }); > > > // propose username by combining first- and lastname > > /*$("#username").focus(function() { > > var firstname = $("#firstname").val(); > > var lastname = $("#lastname").val(); > > if(firstname && lastname && !this.value) { > > this.value = firstname + "." + lastname; > > } > > }); > > > //code to hide topic selection, disable for demo > > var newsletter = $("#newsletter"); > > // newsletter topics are optional, hide at first > > var inital = newsletter.is(":checked"); > > var topics = $("#newsletter_topics")[inital ? "removeClass" : > > "addClass"]("gray"); > > var topicInputs = topics.find("input").attr("disabled", !inital); > > // show when newsletter is checked > > newsletter.click(function() { > > topics[this.checked ? "removeClass" : "addClass"]("gray"); > > topicInputs.attr("disabled", !this.checked); > > });*/ > > > }); > > > $(function() { > > $("#accordion").accordion({ > > autoHeight: false > > }); > > }); > > </script> > > > <style type="text/css"> > > #commentForm { width: 500px; } > > #commentForm label { width: 250px; } > > #commentForm label.error, #commentForm input.submit { margin-left: > > 253px; } > > #signupForm { width: 500px; } > > #signupForm label.error { > > margin-left: 10px; > > width: auto; > > display: inline;} > > > #newsletter_topics label.error { > > display: none; > > margin-left: 103px;} > > > </style> > > > </head> > > > <body> > > <div class="demo"> > > <div id="accordion"> > > <h3><a href="#">Login</a></h3> > > <div> > > <form> > > <table><tr><td>Usuario(Email)</td><td><input type="text"></td></tr> > > </table> > > </form> > > </div> > > > <h3><a href="#">Registro</a></h3> > > > <div> > > <form class="cmxform" id="signupForm" action="val_reg.php" > > method="post" enctype="multipart/form-data"> > > > <table border="0" cellspacing="4" cellpadding="0"> > > <tr> > > <td align="right"><span class="a1 Estilo1">Email:</span></td> > > <td><input name="correo" type="text" id="correo" size="20" > > maxlength="150" /></td> > > </tr> > > <tr> > > <td align="right"><span class="a1 Estilo1">Contraseña:</ > > span></td> > > <td><input name="pass" type="password" id="pass" size="10" > > maxlength="50" /></td> > > </tr> > > <tr> > > <td align="right">Confirma la contraseña: </td> > > <td><input name="confirm_pass" type="password" id="confirm_pass" > > size="10" maxlength="50" /></td> > > </tr> > > <tr> > > <td align="right"> </td> > > <td> </td> > > </tr> > > <tr> > > <td align="right"> </td> > > <td> </td> > > </tr> > > <tr> > > <td align="right" class="a1 Estilo1">Nombre completo:</td> > > <td><input name="nombre" type="text" id="nombre" size="20" > > maxlength="150" /></td> > > </tr> > > > <tr> > > <td align="right"><span class="a1 Estilo1">Alias:</span></td> > > <td><input name="username" type="text" id="username" size="10" > > maxlength="50" /></td> > > </tr> > > <tr> > > <td align="right"><span class="a1 Estilo1">Imagen:</span></td> > > <td><input name="userfile" type="file" id="pic1" size="20" > > maxlength="150" /></td> > > </tr> > > > <tr> > > <td align="right"><span class="a1 Estilo1">Fecha de nacimiento: </ > > span></td> > > <td><table> > > <tr> > > <td class="a1 Estilo1"><select name="d" id="d" type="text" > > maxlength="2" class="a11" > > > </select></td> > > <td class="a1 Estilo1"><select name="m" id="m" type="text" > > maxlength="2" class="a11"> > > > > </select></td> > > <td class="a1 Estilo1"><select name="a" id="a" type="text" > > maxlength="2" class="a11" > > > <option value="">aaaa</option> > > > > <option value="1977">1977</option> > > > > <option value="1910">1910</option> > > </select></td> > > <td class="a1 Estilo1">(dd-mm-aaaa) </td> > > </tr> > > </table></td> > > </tr> > > <tr> > > <td align="right"> </td> > > <td><table> > > <tr> > > <td class="a1 Estilo1"><input type="radio" name="s" value="H" > > class="a11" /> > > Hombre</td> > > <td class="a1 Estilo1"><input type="radio" name="s" value="M" > > class="a11" /> > > Mujer</td> > > </tr> > > </table></td> > > </tr> > > <tr> > > <td align="right"><span class="a1 Estilo1">País:</span></ > > td> > > <td><input name="pais" type="text" id="pais" size="20" > > maxlength="150" /></td> > > </tr> > > <tr> > > <td align="right"> </td> > > <td align="right"><input name="Submit" type="submit" > > value="registrar" /></td> > > </tr> > > </table> > > </form> > > > </div> > > </div> > > </div> > > > </body></html> -- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery...@googlegroups.com. To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.