successful
Informations sur le tutoriel
Auteur : t1307
Licence : Copie non autorisée
Catégorie : Javascript
Créé le : 03/10/2012 à 14h58
Mis à jour le : 03/10/2012 à 15h00
Vu : 810 fois
Avancement : 10 %
0 fans
pdfConvertir en PDF
Cours : Derniers tutoriels
Créer un script...
Les fonctions et les...
Les catégories dans...
HTML5 et CSS3 : Les...
HTML5 et CSS3 : les...
Les sélecteurs jQuery
News : Dernières news
Recharger son...
Des fréquences de la...
Bluetouff lance un...
Une nouvelle taxe pour...
La NASA, l'ISS et Linux
Voir la Terre de 1984...
Dernier sondage
(voir)

(6 votes)
Oui
sondage sondage sondage 16.67 %
Non
sondage sondage sondage 83.33 %
Derniers inscrits
Dapoxetine side
Howlong does levitra last
cialis pills australia
Tadalafil
Viagra equivalent
Soutenir le Geek Café
la boutique du geek cafe
index
Les cours
Site Web
Javascript
Système de validation en jquery

Système de validation en jquery

Bonjour !

Dans ce tutoriel je vais vous montrer comment réaliser un système de validation de formulaire avec la lib jquery (c'est une lib extrêmement utile en javascript).

C'est partie !

Introduction

On va se mettre dans un cas concret : vous réalisez en ce moment un site web, et vous aimeriez avoir dans votre inscription un système qui valide automatiquement un champ.

Exemple : je tape un format d'email incorrect, une erreur apparaît à côter de ce champs pour me dire que j'ai fait une erreur dans le champ email.

C'est en javascript que l'on peut réaliser ce système; on va utiliser la lib jquery qui permet d'écrire moins de code et de faciliter le développement

Tout au long de ce tutoriel, nous allons utiliser ces méthodes (ou fonctions) :

  • keyup() : permet de déclencher une action lorsque l'utilisateur entre un caractère dans le champs
  • val() : permet de retourner la chaîne de caractère contenue dans un champ
  • length() : retourne la longueur d'une chaîne de caractère
  • match() : permet d'exécuter des regex
  • text() : permet de modifier le contenu entre 2 balises
  • css() : permet de modifier une propriété css
Nous allons aussi travaillez sur ces fichiers, créez les donc :
  • inscription.html :
    Code : html4strict
    1.  
    2.     <!Doctype html>
    3.     <html lang="fr">
    4.       <head>
    5.         <meta charset="utf-8">
    6.         <title>Système de validation en Jquery</title>
    7.       </head>
    8.       <body>
    9.          <form method="post" action="#">
    10.            <input type="text" name="pseudo" id="pseudo" placeholder="Pseudo"><span class="error_pseudo"></span><br>
    11.            <input type="password" name="mdp" id="mdp" placeholder="Mot de passe"><span class="error_mdp"></span><br>
    12.            <input type="password" name="conf_mdp" id="conf_mdp" placeholder="Confirmation du mot de passe"><span class="error_conf_mdp"></span><br>
    13.            <input type="email" name="email" id="email" placeholder="Email"><span class="error_email"></span><br>
    14.            <input type="submit value="Envoyer">
    15.         </form>
    16.         <script src="http://code.jquery.com/jquery.js"></script>
    17.         <script src="validation.js"></script>  
    18.     </body>
    19.     </html>
    20.  

    J'utilise dans ce fichier un CDN (Content Delivery Network) qui inclue la lib jquery depuis le site de jquery. Mais vous pouvez toujours installer jquery et le mettre en local sur votre machine.


  • validation.js :
    Code : javascript
    1.  
    2.  $(function() {
    3.    //Placé ici le code jquery
    4.  });
    5.  

Validation du pseudo

Nous voici à la sous-partie "Validation du pseudo" !

La question qu'on se pose c'est : qu'a-t-on besoin de vérifier sur le pseudo ?

On va vérifier :

  • Que le pseudo contient au minimum 3 caractères
  • Que le pseudo ne dépasse pas 16 caractères
  • Que le champ du pseudo contient quelque chose
Voici le code du début :

Code : javascript
  1.  
  2. $('#pseudo').keyup(function() {
  3.   //On place ici les instructions pour vérifier le pseudo
  4. });
  5.  


Que fait la ligne 1 ?
Elle va exécuter les instructions entre les accolades à l'aide de la méthode keyup, c'est-à-dire que quand le visiteur va entrer son premier caractère dans le champ, les instructions entre accolade vont être exécutée.

On va maintenant vérifier que le pseudo ne dépasse pas 3 caractères à l'aide la méthode val et lengh, qui je le rappelle, nous renvoie le nombre de caractères de la chaîne demandée. Nous allons aussi utiliser les méthodes text et css qui vont être très utile vous allez savoir pourquoi :

Code : javascript
  1.  
  2.     if($('#pseudo').val().length < 3) {
  3. 	  $('.error_pseudo').text('Le pseudo doit faire au minimum 3 caractères');
  4. 	  $('#pseudo').css('border-color','red');
  5. 	  $('#pseudo').css('color','red');
  6.     }
  7.  


Détaillons ce code :

  • Ligne 1 : facile, la condition pourrait se traduire par : si le pseudo est plus petit que 3 caractères, alors exécute les instructions entre accolade.
  • Ligne 2 : On change le contenu du span dont l'attribut class vaut "error_pseudo", et on affiche le message d'erreur.
  • Ligne 3 : la méthode css modifie la couleur de bordure du champs pseudo en rouge car le visiteur à fait une erreur.
  • Ligne 4 : encore notre méthode css qui modifie la couleur du texte en rouge.

Vous voyez; pas très difficile. Observons maintenant le code qui va nous permettre de vérifier que le pseudo ne dépasse pas 16 caractères :

Code : javascript
  1.  
  2. 	if($('#pseudo').val().length > 16) {
  3. 	  $('.error_pseudo').text('Le pseudo ne doit pas dépasser 16 caractères');
  4. 	  $('#pseudo').css('border-color','red');
  5. 	  $('#pseudo').css('color','red');
  6. 	}
  7.  


Je n'ai pas besoin d'expliquer ce code, avec l'explication du précédent, vous êtes parfaitement capables de comprendre celui-ci.

Passons maintenant à la vérification pour savoir si le champs contient quelque chose, pareil avec l'aide la méthode length :

Code : javascript
  1.  
  2. 	if($('#pseudo').val().length > 0) {
  3. 	  $('.error_pseudo').text('Le pseudo doit contenir quelque chose');
  4. 	  $('#pseudo').css('border-color','red');
  5. 	  $('#pseudo').css('color','red');
  6. 	}
  7.  


Ici aussi, pas besoin d'explication.

Maintenant, nous avons un petit problème, lorsque nous respectons les vérification, le message d'erreur est toujours là, et la bordure et le texte reste toujours rouge. Logique, puisqu'on a pas demandé de les enlever, regarder ce code :

Code : javascript
  1.  
  2. 	if($('#pseudo').val().length >= 3 && $('#pseudo').val().length <= 16 && $('#pseudo').val().length) {
  3. 	  $('.error_pseudo').text('');
  4. 	  $('#pseudo').css('border-color','green');
  5. 	  $('#pseudo').css('color','green');		
  6. 	}		
  7.  


Ce code va faire toute les vérification pour savoir si le pseudo ne dépasse pas 16 caractères et comporte au minimum 3 caractères, je n'ai pas mis s'il était différent de 0 car supérieur ou égal à 3 est amplement suffisant.

Pour ce qui n'ont pas suivie, je récapitule le code du fichier javascript (donc du fichier validation.js) :

Code : javascript
  1.  
  2. $(function() {  
  3.   $('#pseudo').keyup(function() {
  4.         if($('#pseudo').val().length < 3) {
  5. 	  $('.error_pseudo').text('Le pseudo doit faire au minimum 3 caractères');
  6. 	  $('#pseudo').css('border-color','red');
  7. 	  $('#pseudo').css('color','red');
  8.         }
  9. 	if($('#pseudo').val().length > 16) {
  10. 	  $('.error_pseudo').text('Le pseudo ne doit pas dépasser 16 caractères');
  11. 	  $('#pseudo').css('border-color','red');
  12. 	  $('#pseudo').css('color','red');
  13. 	}
  14. 	if($('#pseudo').val().length > 0) {
  15. 	  $('.error_pseudo').text('Le pseudo doit contenir quelque chose');
  16. 	  $('#pseudo').css('border-color','red');
  17. 	  $('#pseudo').css('color','red');
  18. 	}
  19. 	if($('#pseudo').val().length >= 3 && $('#pseudo').val().length <= 16 && $('#pseudo').val().length) {
  20. 	  $('.error_pseudo').text('');
  21. 	  $('#pseudo').css('border-color','green');
  22. 	  $('#pseudo').css('color','green');		
  23. 	}		
  24.   });
  25. });  
  26.  

Validation du mot de passe

Nous voici à la validation du mot de passe.

Nous allons procéder comme la sous-partie précédente, on va se poser la question : qu'a t-on à vérifier sur le mot de passe ?

On va vérifier :

  • Que le mot de passe fait au minimum 6 caractères
  • Que le mot de passe contient quelque chose
Je ne vais pas donner de limite au mot de passe, si vous le souhaitez le faire, cela ne tient qu'à vous.

Voici le début du code de vérification du mot de passe :

Code : javascript
  1.  
  2. $('#mdp').keyup(function() {
  3.   //Ici les instructions pour faire les vérifications du mot de passe
  4. });
  5.  


Je pense que vous avez compris ce code.

Passons à la première vérification du mot de passe (qu'il comporte au moins 4 caractères) :

Code : javascript
  1.  
  2.         if($('#mdp').val().length < 4){
  3. 	  $('.error_mdp').text('Le mot de passe doit faire au minimum 4 caractères');
  4. 	  $('#mdp').css('border-color','red');
  5. 	  $('#mdp').css('color','red');
  6. 	}
  7.  


Pareil que le pseudo, nous utilisons les méthodes val et length pour vérifier qu'il ne fait pas moins que 4 caractères, et les méthodes text et css pour indiquer l'erreur.

Ensuite, la vérification pour voir si le champ contient au moins quelque chose :

Code : javascript
  1.  
  2.         if($('#mdp').val().length == 0){
  3. 	  $('.error_mdp').text('Le mot de passe doit contenir quelque chose');
  4. 	  $('#mdp').css('border-color','red');
  5. 	  $('#mdp').css('color','red');
  6. 	}
  7.  


Nous avons maintenant le même problème que le pseudo : même après avoir respecter les vérifications, on a toujours un message d'erreur, pour cela il suffit d'ajouter ce code :

Code : javascript
  1.  
  2. 	if($('#mdp').val().length >= 4){
  3. 	  $('.error_mdp').text('');
  4. 	  $('#mdp').css('border-color','green');
  5. 	  $('#mdp').css('color','green');	
  6. 	}
  7.  


Je n'ai pas mis la vérification pour savoir si le mot de passe contient quelque chose pour la même raison que le pseudo.

Récapitulatif pour les dormeurs :

Code : javascript
  1.  
  2. $(function() {  
  3.   $('#pseudo').keyup(function() {
  4.     if($('#pseudo').val().length < 3) {
  5. 	  $('.error_pseudo').text('Le pseudo doit faire au minimum 3 caractères');
  6. 	  $('#pseudo').css('border-color','red');
  7. 	  $('#pseudo').css('color','red');
  8.     }
  9. 	if($('#pseudo').val().length > 16) {
  10. 	  $('.error_pseudo').text('Le pseudo ne doit pas dépasser 16 caractères');
  11. 	  $('#pseudo').css('border-color','red');
  12. 	  $('#pseudo').css('color','red');
  13. 	}
  14. 	if($('#pseudo').val().length > 0) {
  15. 	  $('.error_pseudo').text('Le pseudo doit contenir quelque chose');
  16. 	  $('#pseudo').css('border-color','red');
  17. 	  $('#pseudo').css('color','red');
  18. 	}
  19. 	if($('#pseudo').val().length >= 3 && $('#pseudo').val().length <= 16 && $('#pseudo').val().length) {
  20. 	  $('.error_pseudo').text('');
  21. 	  $('#pseudo').css('border-color','green');
  22. 	  $('#pseudo').css('color','green');		
  23. 	}		
  24.   });
  25.   $('#mdp').keyup(function() {
  26.     if($('#mdp').val().length < 4){
  27. 	  $('.error_mdp').text('Le mot de passe doit faire au minimum 4 caractères');
  28. 	  $('#mdp').css('border-color','red');
  29. 	  $('#mdp').css('color','red');
  30. 	}
  31.     if($('#mdp').val().length == 0){
  32. 	  $('.error_mdp').text('Le mot de passe doit contenir quelque chose');
  33. 	  $('#mdp').css('border-color','red');
  34. 	  $('#mdp').css('color','red');
  35. 	}	
  36. 	if($('#mdp').val().length >= 4){
  37. 	  $('.error_mdp').text('');
  38. 	  $('#mdp').css('border-color','green');
  39. 	  $('#mdp').css('color','green');	
  40. 	}	
  41.   });  
  42. });  
  43.  


Il ne nous reste plus que la confirmation du mot de passe, voici comment faire :

Code : javascript
  1.  
  2.   $('#conf_mdp').keyup(function() {
  3.         if($('#conf_mdp').val()!=$('#mdp').val()){
  4. 	  $('.error_conf_mdp').text('Les deux mots de passe sont différents');
  5. 	  $('#conf_mdp').css('border-color','red');
  6. 	  $('#conf_mdp').css('color','red');
  7. 	}
  8.  
  9. 	if($('#conf_mdp').val()==$('#mdp').val()){
  10. 	  $('.error_conf_mdp').text('');
  11. 	  $('#conf_mdp').css('border-color','green');
  12. 	  $('#conf_mdp').css('color','green');		
  13. 	}
  14.   });
  15.  


J'ai mis tout le code du champ pour aller plus vite.

Tout d'abord, à la ligne 2 on vérifie si les deux chaînes de caractères sont différentes, si elles le sont, les instructions entre les accolade de la condition s'exécutent.
La deuxième condition sert à palier le fait que les erreurs puissent rester affichées.

Deuxième récapitulatif de la sous-partie :

Code : javascript
  1.  
  2. $(function() {  
  3.   $('#pseudo').keyup(function() {
  4.     if($('#pseudo').val().length < 3) {
  5. 	  $('.error_pseudo').text('Le pseudo doit faire au minimum 3 caractères');
  6. 	  $('#pseudo').css('border-color','red');
  7. 	  $('#pseudo').css('color','red');
  8.     }
  9. 	if($('#pseudo').val().length > 16) {
  10. 	  $('.error_pseudo').text('Le pseudo ne doit pas dépasser 16 caractères');
  11. 	  $('#pseudo').css('border-color','red');
  12. 	  $('#pseudo').css('color','red');
  13. 	}
  14. 	if($('#pseudo').val().length > 0) {
  15. 	  $('.error_pseudo').text('Le pseudo doit contenir quelque chose');
  16. 	  $('#pseudo').css('border-color','red');
  17. 	  $('#pseudo').css('color','red');
  18. 	}
  19. 	if($('#pseudo').val().length >= 3 && $('#pseudo').val().length <= 16 && $('#pseudo').val().length) {
  20. 	  $('.error_pseudo').text('');
  21. 	  $('#pseudo').css('border-color','green');
  22. 	  $('#pseudo').css('color','green');		
  23. 	}		
  24.   });
  25.   $('#mdp').keyup(function() {
  26.     if($('#mdp').val().length < 4){
  27. 	  $('.error_mdp').text('Le mot de passe doit faire au minimum 4 caractères');
  28. 	  $('#mdp').css('border-color','red');
  29. 	  $('#mdp').css('color','red');
  30. 	}
  31.     if($('#mdp').val().length == 0){
  32. 	  $('.error_mdp').text('Le mot de passe doit contenir quelque chose');
  33. 	  $('#mdp').css('border-color','red');
  34. 	  $('#mdp').css('color','red');
  35. 	}	
  36. 	if($('#mdp').val().length >= 4){
  37. 	  $('.error_mdp').text('');
  38. 	  $('#mdp').css('border-color','green');
  39. 	  $('#mdp').css('color','green');	
  40. 	}	
  41.   });  
  42.   $('#conf_mdp').keyup(function() {
  43.     if($('#conf_mdp').val()!=$('#mdp').val()){
  44. 	  $('.error_conf_mdp').text('Les deux mots de passe sont différents');
  45. 	  $('#conf_mdp').css('border-color','red');
  46. 	  $('#conf_mdp').css('color','red');
  47. 	}
  48.  
  49. 	if($('#conf_mdp').val()==$('#mdp').val()){
  50. 	  $('.error_conf_mdp').text('');
  51. 	  $('#conf_mdp').css('border-color','green');
  52. 	  $('#conf_mdp').css('color','green');		
  53. 	}
  54.   });
  55.   $('#conf_mdp').keyup(function() {
  56.         if($('#conf_mdp').val()!=$('#mdp').val()){
  57. 	  $('.error_conf_mdp').text('Les deux mots de passe sont différents');
  58. 	  $('#conf_mdp').css('border-color','red');
  59. 	  $('#conf_mdp').css('color','red');
  60. 	}
  61.  
  62. 	if($('#conf_mdp').val()==$('#mdp').val()){
  63. 	  $('.error_conf_mdp').text('');
  64. 	  $('#conf_mdp').css('border-color','green');
  65. 	  $('#conf_mdp').css('color','green');		
  66. 	}
  67.   });  
  68. });  
  69.  

Validation de l'email

Nous voici à la dernière partie de ce tutoriel où l'on va réaliser les vérifications sur l'email.

Qu'a t'on à vérifier sur le champ d'email ?

  • Que l'email à un format correct
  • Que l'email contient quelque chose

Pour vérifier que l'email à un format correct, nous allons utiliser les regex à l'aide de la méthode match(), voici donc le code :

Code : javascript
  1.  
  2.      if(!$('#email').val().match('^[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*@[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*[\.]{1}[a-z]{2,6}$')){
  3. 	  $('.error_email').text('L\'email n\'a pas un format correct');
  4. 	  $('#email').css('border-color','red');
  5. 	  $('#email').css('color','red');		   
  6. 	 }
  7.  


Première ligne, la condition se traduit par : "Si l'email n'a pas le format de la regex, alors exécute les instructions entre accolade".

Je n'ai pas mis où placer ce code, je pense que vous savez comment faire, toutefois, je le mettrais dans le récapitulatif ne vous en faîtes pas.


Ensuite, nous avons le problème de toujours, l'erreur est toujours affichée, voici comment y remédier :

Code : javascript
  1.  
  2.      if($('#email').val().match('^[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*@[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*[\.]{1}[a-z]{2,6}$')){
  3. 	  $('.error_email').text('');
  4. 	  $('#email').css('border-color','green');
  5. 	  $('#email').css('color','green');		   
  6. 	 }	 
  7.  


Il n'y a pas de gros changement à part que le point d'exclamation dans la condition est enlevé. Récapitulatif de tout le code javascript :

Code : javascript
  1.  
  2. $(function() {  
  3.   $('#pseudo').keyup(function() {
  4.     if($('#pseudo').val().length < 3) {
  5. 	  $('.error_pseudo').text('Le pseudo doit faire au minimum 3 caractères');
  6. 	  $('#pseudo').css('border-color','red');
  7. 	  $('#pseudo').css('color','red');
  8.     }
  9. 	if($('#pseudo').val().length > 16) {
  10. 	  $('.error_pseudo').text('Le pseudo ne doit pas dépasser 16 caractères');
  11. 	  $('#pseudo').css('border-color','red');
  12. 	  $('#pseudo').css('color','red');
  13. 	}
  14. 	if($('#pseudo').val().length > 0) {
  15. 	  $('.error_pseudo').text('Le pseudo doit contenir quelque chose');
  16. 	  $('#pseudo').css('border-color','red');
  17. 	  $('#pseudo').css('color','red');
  18. 	}
  19. 	if($('#pseudo').val().length >= 3 && $('#pseudo').val().length <= 16 && $('#pseudo').val().length) {
  20. 	  $('.error_pseudo').text('');
  21. 	  $('#pseudo').css('border-color','green');
  22. 	  $('#pseudo').css('color','green');		
  23. 	}		
  24.   });
  25.   $('#mdp').keyup(function() {
  26.     if($('#mdp').val().length < 4){
  27. 	  $('.error_mdp').text('Le mot de passe doit faire au minimum 4 caractères');
  28. 	  $('#mdp').css('border-color','red');
  29. 	  $('#mdp').css('color','red');
  30. 	}
  31.     if($('#mdp').val().length == 0){
  32. 	  $('.error_mdp').text('Le mot de passe doit contenir quelque chose');
  33. 	  $('#mdp').css('border-color','red');
  34. 	  $('#mdp').css('color','red');
  35. 	}	
  36. 	if($('#mdp').val().length >= 4){
  37. 	  $('.error_mdp').text('');
  38. 	  $('#mdp').css('border-color','green');
  39. 	  $('#mdp').css('color','green');	
  40. 	}	
  41.   });  
  42.   $('#conf_mdp').keyup(function() {
  43.     if($('#conf_mdp').val()!=$('#mdp').val()){
  44. 	  $('.error_conf_mdp').text('Les deux mots de passe sont différents');
  45. 	  $('#conf_mdp').css('border-color','red');
  46. 	  $('#conf_mdp').css('color','red');
  47. 	}
  48.  
  49. 	if($('#conf_mdp').val()==$('#mdp').val()){
  50. 	  $('.error_conf_mdp').text('');
  51. 	  $('#conf_mdp').css('border-color','green');
  52. 	  $('#conf_mdp').css('color','green');		
  53. 	}
  54.   });
  55.   $('#conf_mdp').keyup(function() {
  56.         if($('#conf_mdp').val()!=$('#mdp').val()){
  57. 	  $('.error_conf_mdp').text('Les deux mots de passe sont différents');
  58. 	  $('#conf_mdp').css('border-color','red');
  59. 	  $('#conf_mdp').css('color','red');
  60. 	}
  61.  
  62. 	if($('#conf_mdp').val()==$('#mdp').val()){
  63. 	  $('.error_conf_mdp').text('');
  64. 	  $('#conf_mdp').css('border-color','green');
  65. 	  $('#conf_mdp').css('color','green');		
  66. 	}
  67.   });  
  68.    $('#email').keyup(function() {
  69.      if(!$('#email').val().match('^[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*@[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*[\.]{1}[a-z]{2,6}$')){
  70. 	  $('.error_email').text('L\'email n\'a pas un format correct');
  71. 	  $('#email').css('border-color','red');
  72. 	  $('#email').css('color','red');		   
  73. 	 }
  74.  
  75.      if($('#email').val().match('^[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*@[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*[\.]{1}[a-z]{2,6}$')){
  76. 	  $('.error_email').text('');
  77. 	  $('#email').css('border-color','green');
  78. 	  $('#email').css('color','green');		   
  79. 	 }	 
  80.    });  
  81. });  
  82.  

Améliorations

Voici la sous-partie bonus !

On a maintenant fini le formulaire avec une validation réaliser en Jquery. Mais on peut tout de même, améliorer ce formulaire qui reste au fond extrêmement simple et basique.

Je vais lister les améliorations qui me passent par la tête, les voici :

  • Effet : faîtes un effet lors de l'affichage d'un erreur à l'aide de la méthode Jquery show, et faîtes aussi un effet lorsque l'erreur se cache, à l'aide de la méthode hide.
  • Un détecteur de sensibilité du mot de passe.
  • Traquez les emails jetables en modifiant la regex pour lors de la vérification de l'adresse email !
  • Si vous avez une base de données (je dis bien si), vérifier si le pseudo est disponible à l'aide de l'ajax !

Voilà ce qui devrait vous occupez pendant un petit moment !
Vous pouvez bien sûr inventer des améliorations ! Utiliser votre côté créatif !

Au boulot !

Vous savez maintenant réaliser un système de validation de formulaire en jquery !
J'espère que ce tutoriel vous a plu !

A bientôt !

Publicité
Je vous recommande aussi la lecture des tutoriels suivants
HTML5 et CSS3 : Les vidéos responsives
HTML5 et CSS3 : les nouvelles balises
Les sélecteurs jQuery
Introduction à la balise <canvas>
Ajouter une icone Apple Touch, un favicon et une tuile Windows 8 pour son site
Créer du bruit en HTML5
Les medias queries
Commentaires
Ajouter un commentaire rapide (Plus d'options)






Page : 1
Pseudo Commentaires
qwerty
 posté le 05/10/2012 à 10h02
Merci pour le partage, mais c'est pas possible de gérer ça en natif en HTML5 ?
image
On abrège officiellement Le Geek Café : GC GC-Galaxy
C'est un pingouin, il lève une jambe, il trouve sa drôle, alors il lève la 2eme, et il tombe.
40 %Geek
Linux : vous perdez du temps. Mac : vous perdez de l'argent. Windows : vous perdez du temps ET de l'argent
90% des adolescents aujourd'hui mourrait si Facebook serai complètement détruit. Si vous êtes l'un du 10% qui rirait, copie-collez ceci dans votre signature.

Antispam !
image
Silversthem
 posté le 06/10/2012 à 09h51
Qwerty : si mais c'est mon efficace et surtout moins classe
image

image
image
t1307
 posté le 10/10/2012 à 16h06
Tu as ta réponse qwerty.
Pseudo Commentaires
Page : 1