redimensionner zone de texte

Invité
Invité n'ayant pas de compte PHPfrance

05 mai 2009, 15:10

bonjour,

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

merci

Eléphant du PHP | 63 Messages

05 mai 2009, 15:13

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
Avec le temps qui s'écoule je trouve que je m'en sort de mieux en mieux :)

D4Y
Eléphant du PHP | 52 Messages

05 mai 2009, 15:18

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>";

Petit nouveau ! | 4 Messages

05 mai 2009, 15:20

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

Invité
Invité n'ayant pas de compte PHPfrance

05 mai 2009, 15:43

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

Mammouth du PHP | 1339 Messages

06 mai 2009, 00:07

Bon sinon tu me fais un message privé et on se fait un TeamViewer

Invité
Invité n'ayant pas de compte PHPfrance

06 mai 2009, 10:52

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.

Mammouth du PHP | 1339 Messages

06 mai 2009, 12:32

Faut installer le framework Prototype également ...
Et le .js du truc !

Bref finalement restez a l'age de pierre.
Bon sinon tu me fais un message privé et on se fait un TeamViewer

Invité
Invité n'ayant pas de compte PHPfrance

07 mai 2009, 11:23

j'ai bien ajouter ça
<script type="text/javascript" src="prototype.js"></script>
mais que voulez vous dire par le .js du truc ?

Petit nouveau ! | 8 Messages

08 mai 2009, 06:01

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>

Mammouth du PHP | 991 Messages

08 mai 2009, 09:52

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
DevOps, Symfony4, Hoa

Invité
Invité n'ayant pas de compte PHPfrance

11 mai 2009, 09:53

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.