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

**harkrisz** · 12/12/2012, 12h08

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

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
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 html :

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

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>

**croftman** · 12/12/2012, 12h35

Code html :

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

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

**SpaceFrog** · 12/12/2012, 13h42

si il faut le doubler

Code :

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

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

**SylvainPV** · 12/12/2012, 14h03

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.

**SpaceFrog** · 12/12/2012, 14h16

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.

**Bovino** · 12/12/2012, 14h22

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.

**harkrisz** · 12/12/2012, 14h29

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

**SpaceFrog** · 12/12/2012, 14h43

passer par le serveur ?

**harkrisz** · 12/12/2012, 15h14

Oui et j'ai utilisé ce code:

Code html :

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

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 html :

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

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>

**Bovino** · 12/12/2012, 15h23

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 :

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

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

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

**harkrisz** · 12/12/2012, 15h27

<%value%> c'est la valeur d'un input qui ce trouve sur une autre page.

**Bovino** · 12/12/2012, 15h29

Oui, ce qui revient à dire que pour JavaScript, ça ne correspond à rien...

**vermine** · 12/12/2012, 15h31

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 :

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

<%=valeur%>

**harkrisz** · 12/12/2012, 15h32

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

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
<!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 html :

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

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

Agrandir le champ (pas textarea)

jQuery

Discussions similaires

Partager

Partager