Agrandir le champ (pas textarea)

Version imprimable

Voir 40 message(s) de cette discussion en une page

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:

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>

12/12/2012, 11h03
Bovino

J'ai rien compris... :aie:

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 !
12/12/2012, 11h11
harkrisz

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).
12/12/2012, 11h41
SpaceFrog

????
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 ...

J'ai fait comme ça:

Code:

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>

12/12/2012, 11h59
SpaceFrog

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

J'ai mis le lien vers le plugin, mais ça n'a rien changé.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!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 src="js/jquery.textareaAutoResize.js"></script>
       <script type="text/javascript">
        jQuery('textarea').textareaAutoResize();
       </script>
       <textarea type="text" id="input" value="<%valeur%>" size="60">
    </textarea>
   </body>
</html>

Comment faire en utilisant ce code que la valeur s'affiche?

Code:

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8" />
   </head>
   <body>
       <textarea type="text" id="input" value="<%valeur%>" size="60">
    </textarea>
   </body>
</html>

Code:

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8" />
   </head>
   <body>
       <textarea type="text" id="input" size="60"><%valeur%>
    </textarea>
   </body>
</html>

Pas d'attribut value pour le textarea

12/12/2012, 13h42
SpaceFrog

si il faut le doubler

Code:

<textarea type="text" id="input" value="<%valeur%>" size="60"><%valeur%></textarea>
12/12/2012, 14h03
SylvainPV

non je confirme il n'y a pas d'attribut value pour <textarea>. Il faut mettre le contenu entre les balises. Mais $('textarea').val() doit encore fonctionner.
12/12/2012, 14h16
SpaceFrog

ayant eu des déconvenue avec certaines versions d'IE à cause du value des textareas, je préfère doubler value et "innerHTML".
Bien que je confirme que le w3c indique clairement qu'une balise textarea n'as en effet pas d'attribut value.
12/12/2012, 14h22
Bovino

Citation:

Envoyé par SylvainPV

Mais $('textarea').val() doit encore fonctionner.

Attention de ne pas confondre l'attribut HTML value et la propriété JavaScript liée à l'élément HTMLTextAreaElement value.
Un objet JavaScript de type textarea possède bien une propriété value. ;)
12/12/2012, 14h29
harkrisz

J'ai essayé et maintenant j'ai <%value%> dans le textarea, mais pas la valeur qui est par exemple x. Comment faire pour avoir x au lieu de <%value%> ?
12/12/2012, 14h43
SpaceFrog

passer par le serveur ?

Oui et j'ai utilisé ce code:

Code:

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8" />
      <title>Test jQuery</title>
   </head>
   <body>
           <textarea type="text" id="input" value="<%valeur%>" size="60"><%valeur%></textarea>
   </body>
</html>

Je ne sais pas avec le $('textarea').val(); il faut faire comment?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!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">
          $('textarea').val('<%valeur%>');
       </script>
           <textarea type="text" id="input" size="60"></textarea>
   </body>
</html>

12/12/2012, 15h23
Bovino

Mais ton <%valeur%>, il sort d'où et il correspond à quoi au juste ???
Parce que JavaScript est incapable de pouvoir le traduire en valeur cohérente !

EDIT
Ensuite, lorsque tu écris

Code:

$('textarea').val('<%valeur%>');

tu demandes bien à affecter comme valeur du textarea la chaine "<%valeur%>", c'est donc ce qui est fait...
12/12/2012, 15h27
harkrisz

<%value%> c'est la valeur d'un input qui ce trouve sur une autre page.
12/12/2012, 15h29
Bovino

Oui, ce qui revient à dire que pour JavaScript, ça ne correspond à rien... :roll:
12/12/2012, 15h31
vermine

Bonjour,

C'est du code serveur, en gros ? Vous récupérez quelque part cette variable ? Puis, faudra surement rajouter un égal dans le HTML :

Code:

<%=valeur%>

par contre ce code n'affiche pas <%value%> dans le textarea

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!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">
          $('textarea').val('<%value%>');
       </script>
           <textarea type="text" id="input" value="<%valeur%>" size="60"><%valeur%></textarea>
   </body>
</html>

c'est seulement avec ce code que <%valeur%> s'affiche

Code:

<textarea type="text" id="input" value="<%valeur%>" size="60"><%valeur%></textarea>

Voir 40 message(s) de cette discussion en une page