Fonction pour insérer une tabulation dans un textarea en appuyant sur TAB avec jQuery

  Snippets   -   06/08/2015


Cette function permet d'insérer des tabulations dans une zone de texte textarea quand on appuie sur la touche TAB du clavier.


Démonstration


Code associé

<textarea class="oft_tab_enable"></textarea>


Comment l'utiliser

Pour utiliser la fonction d'ajout de tabulation lorsque l'on appuie sur la touche TAB, il suffit d'appliquer la class oft_tab_enable sur la champ souhaité. Etant donné qu'il s'agit d'une classe, il est possible de l'appliquer sur plusieurs champs sur la même page.


Intégrer la fonction à votre site

L'utilisation de la bibliothèque a été simplifié au maximum. Il vous suffit de charger le fichier sur votre page.


Solution 1 : Facile et rapide, ajouter simplement le lien vers notre CDN

<script src="http://cdn.online-free-tools.com/js/oft_tab_enable.min.js"></script>


Solution 2 : Télécharger la bibliothèque et l'appeler sur votre site



Si vous optez pour cette solution, vous avez simplement à ajouter la ligne ci-dessous en adaptant le chemin d'accès au fichier.js. Il est recommandé de placer cette ligne après les autres fichiers javascript.


<script src="/js/oft_tab_enable.min.js"></script>


Changer le type de tabulation

Il est possible changer le type de tabulation en ajoutant une ligne de javascript avant l'appel à notre bibliothèque. Par défaut, la tabulation est un \t.


// Valeur par défaut
var oft_tab_type = "\t";

Exemple: 4 espaces par tabulation

var oft_tab_type = "    ";


Exemple: 2 espaces HTML par tabulation

var oft_tab_type = "&nbsp;&nbsp;";




Tags :  
jQuery
  
HTML
  


Autodidacte passionné par le web, je suis toujours à la recherche de nouveaux challenges.
Fondateur de Online-Free-Tools.com.



  Commentaires


Pas de commentaire

Ajouter un commentaire




 FR     EN  

Copyright 2021 -   Contact us - 28/11/2021 18:41:51