Copie de certaines données d'un textarea vers un autre textarea

Version imprimable

11/02/2009, 00h16
Olivier Regnier

Copie de certaines données d'un textarea vers un autre textarea
Bonjour :mrgreen:

J'ai une première balise textarea ayant comme id="t1" avec comme contenu:
Code:

1 2 Suspension (perte) Ligne suspendue à: 12h00.
et une seconde ayant comme id="t2":
Code:

1 2 3 Suspension (perte) Ligne suspendue à: Service inaccessible.
Lorsque je saisis par exemple l'heure à laquelle est suspendue la ligne, je souhaiterai via un script Javascript que cette information par le biais d'un bouton soit copiée automatiquement dans mon second textarea au même endroit.

Est-ce possible ? :mouarf: Auriez-vous des pistes à me donner s'il vous plaît ?

Merci d'avance :mrgreen:
11/02/2009, 08h41
SpaceFrog

8O

Code:

document.getElementById('textarea2').value=document.getElementById('textarea1').value
11/02/2009, 12h35
Olivier Regnier

tu est étonné de ma demande. Je ne souhaite pas copier le contenu de la balise t1 vers la t2 mais seulement l'heure de suspension dans t2 au bon endroit :oops:
11/02/2009, 13h14
SpaceFrog

Ha desolé j'avais pas vu ce détail !

Code:

document.getElementById('textarea2').value=document.getElementById('textarea1').value.split('à: ')[1]

ou alors avec une regExp et un match
11/02/2009, 20h56
Olivier Regnier
Le comportement du code ci-dessus est étrange :aie:

Je résume, j'ai un premier textarea (t1) avec ce contenu:
Code:

1 2 3 Coucou c'est moi. La date du jour est: 10/02/09. Merci au revoir.
J'ai une deuxième balise textarea (t2):
Code:

1 2 3 4 Coucou c'est moi. La date du jour est: Merci au revoir. Ok bye.
Lorsque je saisis la date "10/02/09." je souhaite qu'elle soit copiée dans (t2) à coté du texte "La date du jour est:" hors le code exécuté m'affiche dans (t2) ceci:
Code:

1 2 3 10/02/09. Merci au revoir. Ok bye.
Il me supprime tout le texte avant la date :mouarf:
12/02/2009, 16h19
Olivier Regnier

Je suis perdu avec split. Il me supprime toujours les premiers champs :oops:
12/02/2009, 16h47
E.Bzz

Bonjour,
j'ai pas bien suivi, mais l'exemple de Spaffy ne récupère que le 2° élément du tableau

Code:

document.getElementById('textarea1').value.split('à: ')[1]

Ton 1° champ n'est pas supprimé, c'est juste que tu ne le récupères pas. Il est dans

Code:

document.getElementById('textarea1').value.split('à: ')[0]

... Enfin, normallement :?

A+
12/02/2009, 20h44
Olivier Regnier
Du coup, je suis complètement paumé :mouarf:

Je vais tacher d'être un peu plus précis :aie:

Une balise textarea (t1):
Code:

1 2 3 4 Suspension (perte) Ligne suspendue à: 12h00. Suspension immédiate. Merci.
Une deuxième balise textarea (t2):
Code:

1 2 3 Suspension (perte) Ligne suspendue à: Merci.
Lorsque je saisis l'heure de suspension dans t1, je souhaite par l'intermédiaire d'un bouton copier la date en rouge dans t2 sans supprimer la partie du texte de couleur bleu.

Est-ce possible car actuellement avec le code proposé par SpaceFrog j'obtiens le résultat suivant:
Code:

1 2 12h00. Merci.
Il manque ceci:
Code:

1 2 3 Suspension (perte) Ligne suspendue à: Merci.
Une idée ?

Merci d'avance :mrgreen:

Bonsoir. =)
Le mieux serait d'englober cette mini fonction dans une fonction.
Voilà le code brut :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
var contenu=document.getElementById('textarea1').value;
var t=contenu.split('\n')[1].split('à: ');
var heure=t[1];
var resultat=document.getElementById('textarea2').value, res='';
var u=resultat.split('\n');
u[1]+=heure;
for(var i=0; i<u.length; i++) {
var w='\n';
if(i==u.length-1) w='';
res+=u[i]+w;
}
document.getElementById('textarea2').value=res;
</script>

12/02/2009, 21h10
Olivier Regnier
Je suis impressionné :hola: car le Javascript n'est pas mon langage préféré. Le résultat que j'obtiens est le suivant:
Code:

1 2 3 4 Suspension (perte) Ligne suspendue à: 12h00. Merci.
Il faut juste supprimer le saut de ligne mais encore faut-il savoir lequel :oops:

Voilà, ce devrait être bon ;)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="text/javascript">
var contenu=document.getElementById('textarea1').value;
var t=contenu.split('\n')[1].split('à: ');
var heure=t[1];
var resultat=document.getElementById('textarea2').value, res='';
var u=resultat.split('\n');
for(var i=0; i<u.length; i++) {
    var w='\n';
    u[i]=u[i].replace(/^\s+/, '')
    u[i]=u[i].replace(/\s+$/, '');
    if(i==u.length-1) w='';
    if(i==1) w=' '+heure+w;
    res+=u[i]+w;
}
document.getElementById('textarea2').value=res;
</script>

12/02/2009, 22h55
Olivier Regnier

Merci beaucoup :mrgreen:

Cependant, lorsque je valide plusieurs fois le bouton, il me duplique l'heure comme suit:

Code:

Ligne suspendue à: 12h00. 12h00.

Sais-tu comment remédier à ce problème ? :oops:
13/02/2009, 08h47
Olivier Regnier

Je me suis mal exprimé :mouarf:

Lorsque je mets à jour les données de t1 vers t2 la première fois, tout ce passe bien.
Si je modifie à nouveau t1, l'information se duplique juste à coté de celle mis à jour la première fois. Il faudrait qu'elle remplace la valeur existante.

Une idée ?

Merci :mrgreen:

Hello

Un petit message alors que je suis en cours :P

Essayez ça, même si je n'ai pas ici les moyens de tester ce que j'ai écrit :
Je testerai en rentrant ce soir

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script type="text/javascript">
var contenu=document.getElementById('textarea1').value;
var t=contenu.split('\n')[1].split('à: ');
var heure=t[1];
var resultat=document.getElementById('textarea2').value, res='';
var u=resultat.split('\n');
for(var i=0; i<u.length; i++) {
    var w='\n';
    u[i]=u[i].replace(/^\s+/, '')
    u[i]=u[i].replace(/\s+$/, '');
    if(i==u.length-1) w='';
    if(i==1) {
        u[i]=u[i].split('à: ')[0].replace('à:', '')+'à:';
        w=' '+heure+w;
    }
    res+=u[i]+w;
}
document.getElementById('textarea2').value=res;
</script>

Edit: J'ai corrigé. =)

13/02/2009, 09h11
SpaceFrog
heu il suffirait de concaténer integralement le contenu de la seconde
Code:

1 2 3 4 var res="Ligne suspendue à: " res+= resultat du regEXp res+= '\nMerci."

Merci beaucoup pour la correction de ton code :hola:

J'ai une toute dernière question concernant le sujet de ce topic.

Je vais redonner l'exemple, ce sera plus simple:

Balise t1:

Code:

1
2
3
Intervention technique (mobile dispo)
Mobile: Nokia N95.
Dysfonctionnement(s): problème de haut-parleurs/micro

Balise t2:

Code:

1
2
3
Intervention technique (N2 injoiniable)
Mobile: Nokia N95.
Dysfonctionnement(s): undefined

Balise t3:

Code:

1
2
3
Intervention technique (prise de rendez-vous)
Mobile: Nokia N95.
Dysfonctionnement(s): undefined

En gros, je n'arrive pas à insérer une deuxième information. J'obtiens un "undefined" :oops:

Voici le code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
function intervention_technique()
{
    var content=document.getElementById('t1').value;
    var t=content.split('\n')[1].split('Mobile: ');
    var d=content.split('\n')[2].split('Dysfonctionnement(s): ');
    var intervention_technique1=t[1];
    var intervention_technique2=d[2];
    var textarea=['t3','t4']
    for (var i_tem = 0; i_tem < textarea.length; i_tem++) {
        var result=document.getElementById(textarea[i_tem]).value, res='';
        var u=result.split('\n');
            for(var i=0; i<u.length; i++) {
                var w='\n';
                u[i]=u[i].replace(/^\s+/, '')
                u[i]=u[i].replace(/\s+$/, '');
                if(i==u.length-1) w='';
                if(i==1) {
                    u[i]=u[i].split('Mobile: ')[0].replace('Mobile:', '')+'Mobile:';
                    w=' '+intervention_technique1+w;
                }
                if(i==2) {
                    u[i]=u[i].split('Dysfonctionnement(s): ')[0].replace('Dysfonctionnement(s):', '')+'Dysfonctionnement(s):';
                    w=' '+intervention_technique2+w;
                }
                res+=u[i]+w;
            }
            document.getElementById(textarea[i_tem]).value=res;
            document.getElementById('update').style.display="none";
    }
}

Merci d'avance de vos réponses :mrgreen:

Oui, en fait il aurait été plus sage de ma part de commenter le code.
Je vais l'expliquer pas à pas, je crois avoir trouvé l'erreur. ^^'

Je vais tester. Edit : ça a l'air de fonctionner. =)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
function intervention_technique()
{
    // On récupère le contenu du textarea n°1
    var content=document.getElementById('t1').value;
    // On sépare chaque ligne du textarea, et on coupe la ligne 2 (index [1]) à partir de 'Mobile :' ici.
    var t=content.split('\n')[1].split('Mobile: ');
    // Le dysfonctionnement est effectivement sur la ligne 3 (index [2]), ça c'est bon
    var d=content.split('\n')[2].split('Dysfonctionnement(s): ');
 
    // Les résultats à insérer sont dans les parties de la ligne après 'Mobile:'
    // On a déjà ces lignes coupées, on récupère donc toute la partie après 'Mobile:'
    var intervention_technique1=t[1];
    var intervention_technique2=d[1]; // ici il fallait donc mettre l'index 1 pour récupérer après 'Dysfonctionnement(s):'
 
    // Donc, pour tous les textareas visés où il faut mettre les infos :
    var textarea=['t3','t4'];
    for (var i_tem = 0; i_tem < textarea.length; i_tem++) {
        // On récupère le contenu du textarea traité et on initialise un résultat final
        var result=document.getElementById(textarea[i_tem]).value, res='';
 
        // On découpe le contenu du textarea actuel en lignes
        var u=result.split('\n');
            // Donc pour chaque ligne, on va...
            for(var i=0; i<u.length; i++) {
                // Récupérer la fin de la ligne
                var w='\n';
 
                // Enlever des espaces en début/en fin de lignes qui ne servent à rien et risqueraient de fausser l'affichage final (bug n°1 je crois)
                u[i]=u[i].replace(/^\s+/, '')
                u[i]=u[i].replace(/\s+$/, '');
 
                // Si la ligne est la dernière, on ne va pas récupérer la fin de la ligne
                if(i==u.length-1) w='';
                // Si c'est la seconde ligne du textarea
                if(i==1) {
                    // On remplace la seconde partie de la ligne par le résultat trouvé en début de fonction
                    u[i]=u[i].split('Mobile: ')[0].replace('Mobile:', '')+'Mobile:';
                    w=' '+intervention_technique1+w;
                }
                // Si c'est la troisième ligne du textarea
                if(i==2) {
                    // On remplace la fin de la ligne par le résultat trouvé en début de fonction ici aussi
                    u[i]=u[i].split('Dysfonctionnement(s): ')[0].replace('Dysfonctionnement(s):', '')+'Dysfonctionnement(s):';
                    w=' '+intervention_technique2+w;
                }
                // On ajoute la ligne au résultat final
                res+=u[i]+w;
            }
            // On met à jour le textarea traité
            document.getElementById(textarea[i_tem]).value=res;
            // On cache un bidule (penser à utiliser aussi document.getElementById('update').style.visibility="hidden";, c'est mieux les deux méthodes à la fois je crois. :) )
            document.getElementById('update').style.display="none";
    }
}

14/02/2009, 11h41
Olivier Regnier

Merci beaucoup :yaisse2: