Se connecter avec
S'enregistrer | Connectez-vous

Les Tabs avec Jquery

Dernière réponse : dans Programmation
Lassé par la pub ? Créez un compte

J'imagine que tu dois créer des div associés aux onglets et en fonction du click, les passer de display:none à display:block ?
Mais tu parles de jQuery dans le titre, est-ce qu'il n'y a pas une documentation quelque part ? Quel plugin utilises tu ?

voici le code pour les onglets:
  1. <div class="header">
  2. <ul>
  3. <li><a href="#" class="active">login</a></li>
  4. <li><a href="#">Mot de passe oublié</a></li>
  5. </ul>
  6. </div>


//Le code pour le premier onglet:
  1. <form class="table" action="" method="post">
  2. <div class="inner-form">
  3. <table cellspacing="0">
  4. <tr>
  5. <th><label for="some1"><strong>Login:</strong></label></th>
  6. <td><input class="txt" type="text" name="login" /></td>
  7. </tr>
  8. <tr>
  9. <th><label for="some3"><strong>Mot de passe:</strong></label></th>
  10. <td><input class="txt pwd" type="password" name="password" /></td><!-- class error for wrong filled inputs -->
  11. </tr>
  12. <tr>
  13. <th></th>
  14. <td class="tr proceed">
  15. <input class="button" type="submit" value="connexion" />
  16. </td>
  17. </tr>
  18. </table>
  19. </div>
  20. </form>


Mais je sais pas comment mettre exactement ce code pour qu'il soit affiché dès que je choisis l'onglet mot de passe oublié:
  1. <form class="cmxform" id="signupForm" name="signupForm" method="post" action="">
  2. <fieldset class="ui-widget ui-widget-content ui-corner-all" style="background-color:#FFF5EE">
  3. <legend class="ui-widget ui-widget-header ui-corner-all" style="background-color:#FFF5EE"><strong>Réinitialisation du mot de passe:</strong></legend>
  4. <table cellspacing="0">
  5. <tr>
  6. <td> <label for="login"><strong>Login:</strong></label> </td>
  7. <td> <input id="login" name="login" /> </td>
  8. </tr>
  9. <tr>
  10. <td> <label for="mdp_Cl"><strong>Email:</strong></label> </td>
  11. <td> <input type='text' id='mail' name='mail' required='Y' mask='email' /> </td>
  12. </tr>
  13. <tr>
  14. <td> <label for="telephone"><strong>Nouveau mot de passe:</strong></label> </td>
  15. <td> <input type='password' id='mdp' name='mdp' /> </td>
  16. </tr>
  17. <tr>
  18. <td> <label for="login"><strong>Confirmer Mot de passe:</strong></label> </td>
  19. <td> <input type='password' id='mdp2' name='mdp2' required='Y' /> </td>
  20. </tr>
  21. <tr>
  22. <td> </td>
  23. <td>
  24. <input type="submit" name="submit" value="Valider">
  25. <input type="reset" value="Annuler">
  26. </td>
  27. </tr>
  28. </table>
  29. </fieldset>
  30. </form>
Lassé par la pub ? Créez un compte
Tom's guide dans le monde