Discussion :

[solo190]

Bonjour a tous et toutes ,
je sollicite votre aide ce matin pour achever un travail que j'ai débuté et actuellement je suis un peu bloqué.
en fait je charge un fichier excell à plusieur colonne dans une variable tableau (pas de soucis ) ensuite l'utilisateur doit formuler un sorte de message personnalié.
actuellement j'utilise le premier numero de telophone pour lui permettre de voir deja comment les message vont se presenter.
voici une image illistravite .

normalement pour transferer le message dans visualiser je dois remplacer la variable par sa valeur ( que je recupere sans probleme ) .
mais la variable {} arrive aussi dans visualisé ce qui n'est pas bon ensuite le curseur ne se positionne pas à la suite de la valeur.
si j'ai plus de deux variable la premiere pers sa valeur dans visualisé
voici le code que j'utilise.

Code :

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

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
55
56
57
58
59
60
61
62
63
64
65
66
67
$(function(){
 
    $('#add').on('click',ajouter_variable)
    })
 
function ajouter_variable(){      
 
    var variable_choisie = document.getElementById('libelle_variable').value;
    var message=document.getElementById('message').value;
    var chaine = document.getElementById('contact_lies').value;
    document.getElementById('message').value=message+" {"+variable_choisie+"} ";
    //document.getElementById( 'visualiser' ).innerHTML=message;
    // gestion_message_simple();
 
 
}
 
 
function gestion_message_simple(){
 
        var xhr = getXhr()         
        var chaine = document.getElementById('contact_lies').value;
        var visualiser=document.getElementById('visualiser').value;
        var message=document.getElementById('message').value;
 
 
        if(message.indexOf('{')!=-1 && message.indexOf('}')!=-1) {    // cas ou les doubles quotes sont retruvé
 
            var result = /\{(.*)\}/.exec(message);
            alert(result);
            var depart=message.indexOf("{");
            var fin=message.indexOf("}");
            //ajouter_variable();
 
            chaine = String(chaine);
            chaine = chaine.substring(0, chaine.length - 1);
            var variable_choisie = document.getElementById('libelle_variable').value; 
            // var reg=new RegExp("[\;]");
            var reg=new RegExp("[;]"); 
 
            // boucle sur le tableau pour envoyer les message un par un 
            var tableau=chaine.split(reg);
            var tab_length = tableau.length;
            var destinataire=1;
 
            xhr.open("POST","../ss/recherche_variable.php",true);
            xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); // permet l'encodage des POST
            xhr.send("&variable_choisie=" + variable_choisie +"&id_ligne=" + destinataire ); // On définit les variables et leurs valeurs
 
            xhr.onreadystatechange = function(){    
 
                    // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
                    if(xhr.readyState == 4 && xhr.status == 200){
                           document.getElementById( 'visualiser' ).innerHTML=message+$.trim(xhr.responseText);
                           message.focus();
                           message.selectionStart = message.value.length+(xhr.responseText).length; 
                    }
                } 
            //message.focus();
 
        }
        else
        {
            document.getElementById( 'visualiser' ).innerHTML=message;
        }
 
 }

Merci de votre aide.

[sabotage]

Il y a un rapport avec PHP ?

[solo190]

je le suis trompé,
stp comment le transférer dans le forum du java script ?

[solo190]

après plusieurs recherche,
j'ai fini par trouver la solution et je souhaite partager avec tout le monde.
en fait il fallait créer un tableau pour sauvegarder toutes les valeur des variables et ensuite faire un replace avant de metre dans la seconde zone.
en cas d’incompréhension laisser un message .

Code :

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

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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
 
$(function(){
 
    $('#add').on('click',ajouter_variable)
    })
 
var myArray = new Array(); 
 
function ajouter_variable(){      
 
    var xhr = getXhr() 
    var message=document.getElementById('message').value;
 
    var variable_choisie = document.getElementById('libelle_variable').value;
    document.getElementById('message').value=message+" {"+variable_choisie+"} ";
    var chaine = document.getElementById('contact_lies').value;
 
    console.log(message);
    console.log(document.getElementById('message').value);
    if((document.getElementById('message').value).indexOf('{')!=-1 && (document.getElementById('message').value).indexOf('}')!=-1) {           
            chaine = String(chaine);
            chaine = chaine.substring(0, chaine.length - 1);
            var variable_choisie = document.getElementById('libelle_variable').value; 
            var reg=new RegExp("[;]"); 
 
            var tableau=chaine.split(reg);
            var tab_length = tableau.length;
            var destinataire=1;
 
            xhr.open("POST","../ss/recherche_variable.php",true);
            xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); // permet l'encodage des POST
            xhr.send("&variable_choisie=" + variable_choisie +"&id_ligne=" + destinataire ); // On définit les variables et leurs valeurs
 
            xhr.onreadystatechange = function(){    
 
                    // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
                    if(xhr.readyState == 4 && xhr.status == 200){
                           myArray[variable_choisie]=$.trim(xhr.responseText);
                           console.log(myArray[variable_choisie]);
                           replaceVars(myArray);
                    }
                }          
         }
        else
        {
            // document.getElementById( 'visualiser' ).innerHTML=message;
        }
 
}
 
 
function gestion_message_simple(){
 
        var xhr = getXhr()         
        var chaine = document.getElementById('contact_lies').value;
        var visualiser=document.getElementById('visualiser').value;
        var message=document.getElementById('message').value;
 
        // document.getElementById( 'visualiser' ).innerHTML=message;
 
        replaceVars(myArray);
 
 }
 
function replaceVars(myArray){
        var visualiser=document.getElementById('visualiser').value;
        var msgStr=document.getElementById('message').value;
        var message=document.getElementById('message').value;
        if(/\{(.*)\}/.test(msgStr)) {        
        //console.log(msgStr.replace(/\{(\d)\}/g, function test(x){return myArray[x.charAt(1)]}));
        document.getElementById('visualiser').innerHTML = msgStr.replace(/\{(\d)\}/g, function test(x) { return myArray[x.charAt(1)]});
        }
        else{
            document.getElementById( 'visualiser' ).innerHTML=message;
        }
}

Bonne fin de journee a tous .

[NoSmoking]

Bonjour,
lorsque l'on utilise jQuery il faut utiliser jQuery complétement !

Ce code, par exemple, est avantageusement remplaçable par des méthodes jQuery

Code :

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

1
2
var xhr = getXhr() 
var message=document.getElementById('message').value;

[solo190]

compris NoSmoking,
je me documente et je modifie le code.