Discussion :

[Invité]

Bonjour,

Cette fonction affiche le nombre de lignes et le nombre total de caractère dans un textarea.
Je voulais savoir si à partir de ce code, il était possible de créer une nouvelle variable pour chaque nouvelle ligne avec le nombre de caractère de cette ligne ?

Le but étant d'afficher un message d'alerte à l'utilisateur si une des lignes dépassent x caractères ...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function dymaniqueText(id){
    var text = document.getElementById(id);
    if(text.value.match(/[\r\n]/g)){
        var nbRetourChariot = text.value.match(/[\r\n]/g).length;
    }
    else{
        var nbRetourChariot = 0;
    }
    var nbCaractere = text.value.length - nbRetourChariot; ;
    nbRetourChariot += Math.ceil(nbCaractere /(text.cols))
    text.rows=nbRetourChariot;
document.getElementById('apercu').innerHTML = nbRetourChariot+' - '+nbCaractere;
}

Code html :

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

1
2
3
4
<div id="apercu"></div>
<form method="post" action="traitement.php" id="form">
<textarea style="resize:none"name="area" id="text" cols="30" onkeyup="dymaniqueText('text');" onkeydown="dymaniqueText('text');"></textarea>
 <input type="submit" class="valider_img" title="Modifier" value=""/></form>

Petite question bonus :
Comment dans ce script, JS peut détecter les \r\n quand automatiquement la ligne passe en dessous alors que ce script PHP ne trouve rien (à part si je fais Entrée manuellement) :

Code php :

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

1
2
$area = $_POST['area'];
$tab_area = explode("\r\n", $area);

Merci à vous !

[SpaceFrog]

il n'y a pas déja un post sur les lignes de textarea ?

Code :

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

split('\n')

et verifier ensuite le length de chacun des indexes du tableau ?

[Invité]

Merci pour la réponse !

Oui j'ai trouvé pas mal de choses mais pas ce que je recherchais et beaucoup d'abandon ...

Du coup, j'ai ajouté ça suite à vos conseils :

Code :

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

1
2
3
4
5
6
7
var blabla = text.value;
    var tab = blabla.split('\n'); 
    for (var i=0; i<tab.length; i++) {   
        if (tab[i].value.length > 5) {
            document.getElementById('erreur').innerHTML = "ERREUR";
        } 
    }

Du coup, ça ne fonctionne pas ! J'ai testé et je sais que l'erreur vient du IF, ça ne renvoit pas la taille le tab[i].value.length.

Je continue de chercher pour obtenir cette valeur...

Merci !

[Invité]

J'avance doucement ...

Code :

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

1
2
3
4
5
6
7
var blabla = text.value;
    var tab = blabla.split('\n'); 
    for (var i=0; i<tab.length; i++) {        
        if (tab[i].length > 5) {            
            document.getElementById('erreur').innerHTML = "erreur";
        } 
    }

Maintenant, erreur s'affiche bien si une des lignes dépassent 5 caractères. Le nouveau souci, si l'utilisateur supprime les caractères en trop, le message reste ... (ce qui n'est pas illogique...)

Je continue ! Si qq'un a une piste ... Merci !

[mathieu]

la longueur de chaque ligne ce n'est pas dans "tab[i].value.length" mais dans "tab[i].length"

[NoSmoking]

Bonjour,
re-init avant la boucle

Code :

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

1
2
3
4
5
6
7
8
var blabla = text.value;
var tab = blabla.split('\n'); 
document.getElementById('erreur').innerHTML = "";  // vide le contenu de l'élément
for (var i=0; i<tab.length; i++) {        
    if (tab[i].length > 5) {            
        document.getElementById('erreur').innerHTML = "erreur";
    } 
}

[Invité]

Merci mathieu, juste 1 minute trop tard, j'avais trouvé !

Et merci NoSmoking, ça marche niquel ! je clôture !