Page 1 sur 1

redimensionner zone de texte

Posté : 05 mai 2009, 15:10
par Invité
bonjour,

j'aimerai savoir si il y a un moyen de redimensionner une zone de texte selon se qu'on fait afficher dedans ?

merci

Posté : 05 mai 2009, 15:13
par consequences
salut,

peut etre en javascript

sinon il y a a mettre dans la balise input la propriete size pour la taille visuel a laffichage et maxlenght pour le nombre de caractere maximum.

Ce que tu recherche doit etre en javascript je pense

Posté : 05 mai 2009, 15:18
par D4Y
P-e peux-tu calculer la longueur de la chaine qui se trouvera dans la zone text puis adapter en fonction.
$text = "Bonjour c'est moi";
$lg_text = strlen($text);
if($lg_text < 20)
	{
	$l = 100;
	}
elseif($lg_text < 40)
	{
	$l = 200;
	}
echo $l;

echo "<textarea cols=\"".$l."\"></textarea>";

Posté : 05 mai 2009, 15:20
par Laharl Faust
<TEXTAREA cols="60" rows="5" name="DescrPlat" ></TEXTAREA>
Fera une grande zone de texte sa dépend. Maintenent je sais pas si tu parlais de sa ou autre chose .
Tu voudrais que ta zone de texte s'agrandisse en fonction de ce qui est inseré dedans ?
Tu pourrais préscisé le contexte ?
Il existe plusique manière de faire des champs text tu peux agmenter la taille en css si tu fait ton champ dans un formulaire.

Posté : 05 mai 2009, 15:43
par Invité
je crois que je vais faire une boucle selon et selon le nombre de caractère je ferai affiché plus ou moins de ligne.

merci

Posté : 06 mai 2009, 00:07
par Elie

Posté : 06 mai 2009, 10:52
par Invité
donc j'ai regarder il indique comme code
<script type="text/javascript">
  document.observe("dom:loaded", function(){
    new Texpand('bio');
  });
</script>
donc j'ai ajouté se code mais rien ne se passe, j'ai fait un alert et on passe bien dans le script.

Posté : 06 mai 2009, 12:32
par Elie
Faut installer le framework Prototype également ...
Et le .js du truc !

Bref finalement restez a l'age de pierre.

Posté : 07 mai 2009, 11:23
par Invité
j'ai bien ajouter ça
<script type="text/javascript" src="prototype.js"></script>
mais que voulez vous dire par le .js du truc ?

Posté : 08 mai 2009, 06:01
par neeteex
mais que voulez vous dire par le .js du truc ?
Les 2 fichiers qui sont dans le répertoire /lib proposé sur http://github.com/giannichiappetta/texpand/tree/master

Attention aussi au chemin relatif du fichier : par exemble, si vous conservez l'arborescence suggérée par le site, il faudra pointer sur le réperoire "lib" :

Code : Tout sélectionner

<script type="text/javascript" src="lib/prototype.js"></script>

Posté : 08 mai 2009, 09:52
par thehawk
Il faudrait que tu rajoute :
  <script type="text/javascript">
    document.observe("dom:loaded", function(){
      $$('.texpand').each(function(el){
        new Texpand(el);
      });
    });
  </script>
Que tu rajoute sur ton textarea : class="texpand"

Ensuite tu crée un nouveau dossier qui contiendra : prototype.js , scriptaculos.js et
ce fichier js : http://code.runlevel6.org/Texpand//lib/ ... .packed.js

donc une fois que tu auras récuperer tous ces fichiers, tu crée un dossier "lib" et tu fera les initialisation necessaire :

<script src="lib/prototype.js" type="text/javascript"></script>
<script src="lib/scriptaculous.js" type="text/javascript"></script>
<script src="lib/texpand.packed.js" type="text/javascript"></script>


Bye Hawk

Posté : 11 mai 2009, 09:53
par Invité
pour mon champ j'ai
<textarea name="com" id="com" class="texpand"><?php echo $row[4]; ?></textarea>
j'ai aussi essayer avec du texte en brut.

les fichiers que j'ai déclaré et que j'ai integré :
<script language="JavaScript1.2" src="../masks.js"></script>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="lib/texpand.js"></script>
<script type="text/javascript" src="lib/texpand.packed.js"></script>
<script type="text/javascript">
    document.observe("dom:loaded", function(){
      $$('.texpand').each(function(com){
        new Texpand(com);
      });
    });
</script>


mais toujours rien n'y fait, j'ai essayé aussi avec
<script type="text/javascript">
  document.observe("dom:loaded", function(){
    new Texpand('com');
  });
</script>

mais rien, aucun changement.

merci
je comprend pas pourtant j'essaie de bien suivre tout se que vous me dites.