"<br/>" dans append() ==> retour chariot + undefined à la fin

Bonjour

je veux afficher les résultats d'une requête avec un retour chariot :

Code:

---

$('#MaDiv').append(nom + "<br/>" + prénom)

---

et j'obtiens :

Nom
Prénomundefined
undefined

Le retour chariot fonctionne mais pourquoi y'a ce undefined qui vient s'afficher.
Pourriez-vous m'aider à le supprimer svp? Merci d'avance.

une variable avec un accent ?

vérifie le contenu de tes variables...

Je m'excuse et je rectifie de suite :

Code:

---

$('#MaDiv').append(nom + "<br/>" + prenom)

---

J'ai trouvé une solution :

Code:

---

1 2 3

$('#MaDiv').append(nom) $('#MaDiv').append("<br/>") $('#MaDiv').append(prenom)

---

Par contre si je veux :

nom
prenom - pseudo.

Code:

---

1 2 3 4 5 6

$('#MaDiv').append(nom); $('#MaDiv').append("<br/>"); $('#MaDiv').append(prenom); $('#MaDiv').append(" - "); $('#MaDiv').append(pseudo); $('#MaDiv').append(".");

---

(les points-virgules semblent inutiles)

j'obtiens :

nom
prenom - pseudo.
-.

Comment faire pour supprimer le -. de la fin?

j'ai trouvé la solution (il faut ajouter return false; à la fin :

Code:

---

1 2 3 4 5 6 7

$('#MaDiv').append(nom); $('#MaDiv').append("<br/>"); $('#MaDiv').append(prenom); $('#MaDiv').append(" - "); $('#MaDiv').append(pseudo); $('#MaDiv').append("."); return false;

---

Maintenant qui pourrait me dire comment mettre pseudo en italique avec une taille de 10 par exemple?

Pouvez-vous nous montre la page où nous pourrions voir le problème ?
Ou alors nous montrer le code complet qui ne fonctionne pas avec JSBin ou Codepen ?

Bonjour,
même si la méthode n'est pas très académique une ligne comme

Code:

---

$( "#MaDiv" ).append( nom +"<br/>" +prenom +" - " +pseudo +"." );

---

devrait marcher sous réserve que nom, prenom et pseudo soient définis.

Citation:

---

j'ai trouvé la solution (il faut ajouter return false; à la fin :

---

• alors celle là tendrait à montrer que tu as un lézard dans ton code.

Citation:

---

Maintenant qui pourrait me dire comment mettre pseudo en italique avec une taille de 10 par exemple?

---

• c'est quoi du « pseudo italic » ?

• Met ton élément dans un conteneur <span> par exemple et applique lui une class.

Bonsoir,

j'ai essayé

Code:

---

$('#MaDiv').append(prenom.css("font-style", "italic");

---

mais c'est toute la Div qui se met en italique.

Code:

---

1 2 3 4 5 6 7

$('#MaDiv').append("nom"); $('#MaDiv').append("<br/>"); $('#MaDiv').append("prenom").css("font-style", "italic"); $('#MaDiv').append(" - "); $('#MaDiv').append("pseudo"); $('#MaDiv').append("."); return false;

---

je récupére nom, prenom et pseudo dans un fichier mysql. Même si on les définit avec des guillemets, sans aller les cueillir dans la base de données, ça fonctionne pas.
Je vois pas ou est le lézard.
Je suis pas capable d'expliquer pourquoi le return false marche et pas le + "<BR/>" + . :(

Citation:

---

$('#MaDiv').append(prenom.css("font-style", "italic");

---

Je pense qu'il faudrait quand même que tu fasses un tour du coté de la documentation jQuery ;)

on peut faire par exemple, en chainant les instructions

Code:

---

1 2 3

$("<span>" +pseudo +"</span>") .css({"font-style": "italic", "color": "red"}) .appendTo($("#MaDiv"));

---

Citation:

---

Je vois pas ou est le lézard.
Je suis pas capable d'expliquer pourquoi le return false marche et pas le + "<BR/>" + . :(

---

sûrement dans le reste du code que tu ne nous fournis pas, au moins la fonction !


pour rappel, il existe
:faq: FAQ jQuery

Merci beaucoup,

la solution proposée marche impeccable. J'ai voulu mettre mon code sur jsfiddle.net , j'y suis pas arrivé :(.

https://jsfiddle.net/63r7oeLu/4/

• Il manque un parenthèse fermante à ta fonction $('#Test').click(function() {.
• « maDiv » est différent de « MaDiv ».

Peut être qu'avec plus (beaucoup plus) de rigueur ...

Merci beaucoup,

ça fonctionne bien sur jsfiddle.net. Je vais revoir le code dans mon application.

https://jsfiddle.net/63r7oeLu/7/

https://jsfiddle.net/63r7oeLu/8/