Rechercher : dans
Par :

TEXTAREA avec nbr caractères par ligne limité

Dernière réponse le 20 nov 2008 à 00:32:57 Povo, le 28 jui 2008 à 16:48:47 
 Signaler ce message aux modérateurs

Bonjour tout le monde !

Je m'en sors pas avec ma fonction textarea... si quelqu'un peut m'aider...

J'explique le problème : je voudrais limiter le nombre de caractère par ligne afin qu'à l'enegistrement et surtout à l'affichage, on n'est pas besoin de se servir de l'ascenseur pour lire tout le contenu.... je fais une :

<td><textarea id="descriptionn" cols="45" rows="10" name="description" style="width: 450px; height: 200px; overflow: hidden;"><?=$item['description'];?></textarea>

(comme ici ou on est bloqué à 93 caractères par ligne et où ça passe à la ligne suivant dès le 94 caractères...)

si je veux bloquer le nombre de caractère par ligne à 110 je fais quoi ??

je pige plus ... help !

Meilleures réponses pour « TEXTAREA avec nbr caractères par ligne limité » dans :
Comment lire un fichier ligne par ligne VoirComment lire un fichier ligne par ligne Préambule Boucle while Syntaxe Exemple Astuces Bonus Boucle for Syntaxe Préambule Une des erreurs les plus communes dans l'apprentissage des scripts "bash" sous GNU/LInux pour lire un fichier...
Les lettres recommandées en ligne VoirUtiliser Internet pour envoyer ses lettres recommandées Internet permet aujourd'hui aux entreprises d'envoyer des lettres recommandées 24 heures sur 24 et 7 jours sur 7. L'offre en ligne ne se limite pas seulement aux services de La Poste. D'autres...
Les chaînes de caractères en C++ VoirQu'est-ce qu'une chaîne de caractères ? Une chaîne de caractères (appelée string en anglais) est une suite de caractères, c'est-à-dire un ensemble de symboles faisant partie du jeu de caractères, défini par le code ASCII. En langage C++, une...
Javascript - Les chaînes de caractères VoirQu'est-ce qu'une chaîne de caractère Une chaîne de caractère est, comme son nom l'indique, une suite de caractères. On la représente par la suite de caractères encadrée par des guillemets simples (') ou doubles ("), sachant que les deux types de...

1

Dalida, le 28 jui 2008 à 17:18:00

Salut,

je suis tenté de te répondre que ce n'est pas prévu par HTML.
tu peux indiquer la largeur visible mais pas le nombre de caractères.

tu trouveras peut être ton bonheur en Javascript.

Spécification HTML 4.01
[ Mathieu ]

Il y a surement des pandas pour ne dépendre de rien

Répondre à Dalida

2

Povo, le 28 jui 2008 à 17:21:19

Ah ben alors à quoi sert le

cols="45" rows="10"

??

Répondre à Povo

3

Dalida, le 28 jui 2008 à 17:43:15

ça sert à ça mais il ne faut pas que ce soit modifié par le style.

dans le cas de CCM, cols="20" et la largeur à été définie à 656 pixels donc le "20 caractères de large" ne sert pas à grand chose, hormis à avoir un code valide.

dans ton cas c'est pareil, si tu veux 450 pixels de large il n'y a pas moyen en HTML de dire qu'au bout de 110 caractères le texte dois revenir à la ligne. il le fera quand il arrivera à la largeur donnée par le style.
[ Mathieu ]

Il y a surement des pandas pour ne dépendre de rien

Répondre à Dalida

4

Povo, le 28 jui 2008 à 18:09:11

Autre chose :

je viens de trouver un autre textarea dans un fichier du script que j'utilise :

<td><textarea name="message_content" cols="40" rows="3" class="contentfont"></textarea></td>

et j'ai un nombre de caractères bloqués à 34... et je ne sais pas ni pourquoi ni comment surtout...

donc, c'est que c'est possible Dalida...

Répondre à Povo

5

Dalida, le 28 jui 2008 à 18:33:08

Et quel est le style qui est appliqué à ladite balise ?

je ne te dis pas que ce n'est pas possible tout court, je te dis que cela n'est pas possible en indiquant par le style une information de largeur différente.
[ Mathieu ]

Il y a surement des pandas pour ne dépendre de rien

Répondre à Dalida

6

Povo, le 28 jui 2008 à 18:36:16

Eu... j'en sais rien... je ne trouve pas où les style sont enregistrés... dans quel fichier je veux dire....

Répondre à Povo

8

Dalida, le 28 jui 2008 à 18:48:04

Regarde dans le <head> du HTML tu dois avoir une balise <link type="stylesheet" /> ou une balise <style>
[ Mathieu ]

Il y a surement des pandas pour ne dépendre de rien

Répondre à Dalida

7

Povo, le 28 jui 2008 à 18:46:57

Bon j'ai trouvé et j'ai modifié la balise avec un

wrap="physical"

mais ça ne change rien.... suis paumée....

Répondre à Povo

9

Povo, le 28 jui 2008 à 20:04:36

Bon, quand on cherche on trouve lol (bon pas toujours c'est vrai !!)

j'ai trouvé ça : <div style="padding: 12px;">
à mettre sous le textarea

et ça à l'air de me bloquer le nombre de caractères...

faut que je teste jusqu'au bout pour voir ce que cela donne à l'enregistrement...


et puis les style sont pas mal expliqué là :
http://cerig.efpg.inpg.fr/dossier/feuilles-de-style/page04.htm

si ça peut servir à d'autres...

Merci à Dalida pour son aide en tout cas

Répondre à Povo

10

Povo, le 28 jui 2008 à 20:15:12

Euh ben... ça me bloque bien visuellement mais pas réellement... je continue à chercher... pfffff j'étais contente de ma trouvaille moi... !!

Répondre à Povo

11

Povo, le 29 jui 2008 à 22:33:07

Bon rien à faire... je n'arrive pas à bloquer le nombre maximum de caractères sur une ligne...

Je peux utiliser une autre fonction que le textarea vous pensez ?

Répondre à Povo

12

Dalida, le 29 jui 2008 à 22:38:32

Salut,

si tu veux que l'utilisateur puisse saisir du texte tu ne peux utiliser que <input type="text" /> pour une ligne et <textarea> pour plusieurs lignes.

ou alors modifie la largeur de ton <textarea> avec les CSS selon ce que tu souhaites comme affichage.
[ Mathieu ]

Il y a surement des pandas pour ne dépendre de rien

Répondre à Dalida

13

Povo, le 29 jui 2008 à 23:11:37

Ah flute... il faut que l'utilisateur puisse entrer plusieurs lignes... donc pas bon avec <input type="text" />

j'ai fouillé un peu le script et j'ai trouvé ces lignes :

$item_description_editor = "<script> \n" .
" var oEdit1 = new InnovaEditor(\"oEdit1\"); \n" .
" oEdit1.width=\"100%\";//You can also use %, for example: oEdit1.width=\"100%\" \n" .
" oEdit1.height=300; \n" .
" oEdit1.REPLACE(\"description_main\");//Specify the id of the textarea here \n" .
"</script>";

mais je reconnais que j'y comprends rien de rien...

Quelqu'un aurait l'explication de ces lignes magiques qui définissent mon éditeur de textarea ??

Répondre à Povo

14

Dalida, le 29 jui 2008 à 23:15:48

C'est du Javascript mais il faudrait la partie ou est décrit 'InnovaEditor' pour comprendre mieux à quoi ça sert.

tu le sors d'où cet éditeur de texte ?
[ Mathieu ]

Il y a surement des pandas pour ne dépendre de rien

Répondre à Dalida

15

Povo, le 29 jui 2008 à 23:27:27

Ah ben le fichier InnovaEditor.js y'a 13 lignes :

/*** Editor Script Wrapper ***/
var oScripts=document.getElementsByTagName("script");
var sEditorPath;
for(var i=0;i<oScripts.length;i++)
{
var sSrc=oScripts[i].src.toLowerCase();
if(sSrc.indexOf("scripts/innovaeditor.js")!=-1) sEditorPath=oScripts[i].src.replace(/innovaeditor.js/,"");
}

if(navigator.appName.indexOf('Microsoft')!=-1)
document.write("<scr"+"ipt src='"+sEditorPath+"editor.js'></scr"+"ipt>");
else
document.write("<scr"+"ipt src='"+sEditorPath+"moz/editor.js'></scr"+"ipt>");


et c'est pas plus clair pour moi lol

Répondre à Povo

16

Dalida, le 29 jui 2008 à 23:41:23

Mais depuis quand as-tu mis cet éditeur en plus du <textarea> ?

si tu veux 110 caractères tu définis la largeur en CSS (en y allant à taton) et puis c'est tout, ajoute pas une machinerie complète en JS juste pour ça, surtout si tu ne comprends pas le code.

cet éditeur permet de remplacer du texte avant l'envoie vers le serveur, le code pour la largeur et la hauteur ne fait que modifier les attributs HTML, autant le faire toi même et directement !

source
[ Mathieu ]

Il y a surement des pandas pour ne dépendre de rien

Répondre à Dalida

17

Povo, le 30 jui 2008 à 09:43:39

Je n'ai pas rien ajouté... pour cet éditeur : le fichier existe comme ça directement dans le script et à chaque textarea ça appelle le InnovaEditor.js je suppose...

tu me dis "si tu veux 110 caractères tu définis la largeur en CSS (en y allant à taton)"

oui, mais où exactement ?

je n'y comprends rien.... :(

du coup je suis comme une idiote là...

Répondre à Povo

18

Povo, le 30 jui 2008 à 10:59:11

Dans un fichier qui s'appelle editor.css j'ai ces quelques lignes :

body{font:8pt tahoma,arial,sans-serif;margin:0;background:#E9E8F2;color:#4­44444}
.dialogFooter{background-color:#E2E2ED;border-top:#CFCFCF 1px solid;}
td{font-size:8pt}
input {font:8pt tahoma,arial,sans-serif}
select {font:8pt tahoma,arial,sans-serif}
textarea {font:8pt tahoma,arial,sans-serif}
.inpSel {font:8pt tahoma,arial,sans-serif}
.inpTxt {font:8pt tahoma,arial,sans-serif;}
.inpChk {width:13;height:13;margin-right:3;margin-bottom:1}
.inpRdo {width:13;height:13;margin-right:3;margin-bottom:1}
.inpBtn {font:8pt tahoma,arial,sans-serif;}
.inpBtnOver {}
.inpBtnOut {}


mais rien au niveau maximum caractères....

Répondre à Povo

19

Povo, le 30 jui 2008 à 19:14:06

Bon ben résultat des courses, j'ai juste mis un

<td><textarea id="description" name="description" style="width=100%; height: 150px;"></textarea>

en supprimant la ligne que j'avais dessous <?=$item_description_editor;?>

et ça me renvoie bien à la ligne en fin de cadre mais je perds toutes les possibilités de texte en gras, insertion image et tout le reste... ça m'ennuie un peu... pffff

Répondre à Povo

20

Povo, le 30 jui 2008 à 20:11:42

Bon ben personne n'a une petite idée pour m'aider ?

Répondre à Povo

21

Povo, le 30 jui 2008 à 20:12:57

Pour pouvoir avoir quand même les possibilités de texte en couleur, gras , images etc ... ?

Répondre à Povo

23

 lT4_, le 20 nov 2008 à 00:32:57

Si tu veux changer tes couleurs ou autre, rajoute juste les propriétés appropriés dans ton attribut STYLE! ;)

Répondre à lT4_