Discussion :

[pascb423]

Bonjour, j'aimerais changer la couleur du texte de la variable pseudo sans changer la disposition de la ligne, voici mon code:

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
document.getElementById('envoyer').addEventListener('click', () => {
     var input = document.getElementById("pw2");
     var text = input.value;
 
     var d = new Date();
     var n = d.toLocaleDateString();
     var d1 = new Date();
     var n1 = d1.toLocaleTimeString();
 
     var pseudo = <?php echo json_encode($pseudo); ?>;
 
 
     document.getElementById("message" ).innerHTML += '<br>'+pseudo+'<br>'+text+'<br>'+n+'&nbsp;&nbsp;&nbsp;' +n1+'<br>';
 
});

[ProgElecT]

Salut

Le pseudo en rouge

Code :

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

document.getElementById("message" ).innerHTML += '<br><span style="color:red">'+pseudo+'</span><br>'+text+'<br>'+n+'&nbsp;&nbsp;&nbsp;' +n1+'<br>';

[pascb423]

avant j'avais les 3 textes l'un sous l'autre et quand j'appuye sur un bouton pour afficher un autre bloc il s'affiche sous le précédent et avec votre proposition le bloc de texte supplémentaire s'affiche en horizontal?

[ProgElecT]

Re
, il doit y avoir eu un changement autre que ma proposition, je viens de le vérifier à nouveau, chaque ajout provoque un saut de ligne , une ligne blanche puis 3 lignes l'une sous l'autre.

Code :

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

1
2
3
4
5
6
7
8
9
function truc(){
     var d = new Date();
     var n = d.toLocaleDateString();
     var d1 = new Date();
     var n1 = d1.toLocaleTimeString();
let pseudo="ICIlePseudo";
let text="Aque coucou";
	 document.getElementById("message" ).innerHTML += '<br><span style="color:red">'+pseudo+'</span><br>'+text+'<br>'+n+'&nbsp;&nbsp;&nbsp;' +n1+'<br>';
}

[pascb423]

je vous remercie, je vais regarder ce qu'il y a de différent

[pascb423]

c'est peut être parce que j'affiche dans une div?