Discussion :

[Arsene12]

Bonjour,

Sauriez-vous comment insérer un saut de ligne à l'intérieur d'un paragraphe?

Code :

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

$("#commentaire").text("Vous avez trouvé la solution en :"+ "<--SAUT DE LIGNE-->" + "  5 minutes!");

https://jsfiddle.net/b7femosg/

Merci pour votre aide.

Cordialement,

Arsène.

[Jacques Beauregard]

Salut,

Et pourquoi pas l'utilisation de la balise <br/> ?

Code :

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

1
2
3
4
5
6
7
 <div>
 <p id="commentaire">
   Vous avez trouvé la solution en :
   <br/>
   5 minutes!
 </p>
 </div>

[Toufik83]

saute de ligne dans une alert :

Code :

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

alert("Vous avez trouvé la solution en :\n 5 minutes!");

.
saute de ligne dans un élément html, comme il l'a mentionné @Jacques Beauregard, ça se passe soit directement avec <br/> ou bien on remplace tout les "\n" par '<br/>' avec mytext.replace().

Code :

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

1
2
3
4
5
6
7
 
var _text="Vous avez trouvé la solution en :\n 5 minutes!";
alert(_text);/*dans une alert*/
 
_text=_text.replace(/\n/g,"<br/>");/* avec replace*/
 
$("#commentaire").html(_text); /*.html() et pas .text() */

[Arsene12]

Merci beaucoup,

vous m'avez bien éclairé et grâce à vous la solution m'est apparue toute simple : il me faut faire 2 paragraphes!

en HTML5 :

Code html :

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

1
2
3
<p id="commentaire1">Vous avez trouvé les X solutions en :</p>
   <br/>
<p id="commentaire2">X minutes!</p>

En Jquery :

Code :

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

1
2
$("#commentaireGagnant1").text("Vous avez trouvé les "+ $("#nbreSolutions").text()+" solutions en :");
$("#commentaireGagnant2").text($("#minu").text()+" minutes.");

C'était aussi simple que ça

[Arsene12]

Excusez-moi, je rectifie mon étourderie :

En Jquery :

Code :

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

1
2
$("#commentaire1").text("Vous avez trouvé les "+ $("#nbreSolutions").text()+" solutions en :");
$("#commentaire2").text($("#minu").text()+" minutes.");

[NoSmoking]

Bonjour,
pourquoi mettre un <br> dans le code HTML, les <p> étant de type « block » il y aura retour à la ligne !?!

Pourquoi ne pas cibler juste ce qui change, exemple

Code html :

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

1
2
<p>Vous avez trouvé les <span id="nb_soluces">X</span> solution()s en :</p>
<p><span id="tps_soluces">X</span> minute(s)!</p>

cela me parait plus cohérent et tu peux effectivement les modifier via un .text().