Agrandir le champ (pas textarea)

**harkrisz** · 12/12/2012, 10h51

Bonjour,

Je voudrais bien agrandir le champ, mais je voudrais que il agrandis par rapport son "height" après x caractère(qui sera ajouter par programmation) sans utiliser textarea. J'ai déjà essayé plusieurs choses, j'ai cherché partout sur le net sans trouver...

Merci bien pour votre aide!!!!!

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8" />
   </head>
   <body>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
       <script type="text/javascript">
        $('input').textinput();
       </script>
   </body>
    <input type="text" id="input" value="">
</html>

**Bovino** · 12/12/2012, 11h03

J'ai rien compris...

Tu cherches à faire quoi au juste ?
Un input sur plusieurs lignes ? Si c'est ça, alors ça s'appelle un textarea et il n'y a pas de moyen de faire autrement !

**harkrisz** · 12/12/2012, 11h11

Oui c'est ça que je voudrais, un input sur plusieurs lignes. Quand j'utilise textarea je perds le contenu qui était dans l'input(qui est ajouter par programmation).

**SpaceFrog** · 12/12/2012, 11h41

????
heu comme le dit Beef, un input avec plusieurs lignes n'existe pas, tu dois utiliser un textarea

je ne vois pas pourquoi tu ne peux pas mettre le contenu dans le textarea au départ ???
un bot de code nous aiderait a comprendre ton erreur ...

**harkrisz** · 12/12/2012, 11h56

J'ai fait comme ça:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8" />
      <title>Test jQuery</title>
   </head>
   <body>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
       <script type="text/javascript">
        jQuery('textarea').autoResize();
       </script>
      <textarea type="text" id="input" value="<%valeur%>" size="60">
    </textarea>  
   </body>
</html>

**SpaceFrog** · 12/12/2012, 11h59

et ça sort d'ou autoResize() ???
c'est pas natif de jquery ??? et tu n'as pas de lien vers un plugin

Agrandir le champ (pas textarea)

jQuery

Vue hybride

Discussions similaires

Partager

Partager