Fonction pour insérer une tabulation dans un textarea en appuyant sur TAB avec jQuery
![](/tools/tutos/jquery_add_tab_textarea/jquery_ajouter_tabulation_textarea.png)
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 = " ";
![](/img/photo_1.jpg)
Pierrick CUSSET
Autodidacte passionné par le web, je suis toujours à la recherche de nouveaux challenges.
Fondateur de Online-Free-Tools.com.