bacasable a écrit :
Tu peux faire tout les essais nécessaires dans ton pen. Tu reçois quand même des réponses de qualité, j'espère que tu en as conscience, donc le minimum c'est de lire et de mettre la main à la patte pour modifier ton code. On peut te donner des indications supplémentaire si tu ne comprend pas mais personnellement je ne ferai jamais ton code à ta place.
C'est un peu maladroitement dit, mais j'abonde dans ton sens.
THIRT05 a écrit :
merci pour votre réponse. Le problème, c'est qu'en faisant ce que vous m'avez dit de faire, je ne suis plus sûr que mon code fonctionnera car le code risque de ne plus réagir sur les bonnes propriétés du code HTML (class et id).
Quand tu n'es pas sûr, ce n'est pas un problème en soit. Tu gardes ton code dans un fichier annexe dans ton disque dur. Le mieux étant de versionner. Mais là, je sais que tu vas te perdre puisque tu ne connais pas ce genre d'outils (SVN / GIT).
THIRT05 a écrit :
En plus, je n'ai jamais été confronté à un tel problème.
Ce n'est pas un problème non plus puisque tu viens ici sur Alsacreations pour apprendre et non gratter des scripts. Je pourrais te donner le poisson. Mais le mieux et de t'apprendre à pêcher, n'est ce pas ?
Ceci dit, là je suis un peu occupé. Mais en lisant ton code, j'ai vu ceci (qui ne fait pas propre):
$newArticle = "<div class='article'>";
$newArticle += " <div class='first_line_header clearfix'>";
$newArticle += " <div class='header_title_1'>";
$newArticle += " <span class='header_title_text'>Article N</span>";
$newArticle += " </div>";
$newArticle += " <div class='header_title_2'>";
$newArticle += " le retour du beau temps";
$newArticle += " </div>";
$newArticle += " </div>";
$newArticle += " <div class='second_line_header clearfix'>";
$newArticle += " <div class='vote ' id='vote_1' data-ref='ARTICLE' data-ref_id='1'>";
$newArticle += " <div class='vote_btns'>";
$newArticle += " <button class='vote_btn vote_like'><span class='like_count'>0</span></button>";
$newArticle += " <button class='vote_btn vote_dislike'><span class='dislike_count'>0</span></button>";
$newArticle += " </div>";
$newArticle += " </div>";
$newArticle += " </div>";
$newArticle += "</div>";
Tu déclares la variable d'une manière globale. C'est vraiment pas bon puisque celle ci peut rentrer en collision avec le même nom dans ton script plus tard. Pour preuve, si tu essaies de faire un console.log en dehors de ta function anonyme, tu vas voir que tu y as accès.
console.log(window.$newArticle);
Je t'invite à parcourir cet article :
la portée en javascript (J'ai découvert ce site il y a pas longtemps lorsque j'ai partagé un lien à un membre. Il me semble qu'il soit bien foutu pour débuter dans le développement web. Il suffit de lire et de faire .)
Ensuite, je te propose d'utiliser la template string. Ça va t'éviter bien des déboires et ce sera plus lisible :
var maVar = `
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Quos enim neque modi vero eveniet maxime dolores iure facere placeat nam, vel quibusdam laudantium ipsa, odio quaerat mollitia sit amet, assumenda! ipsum dolor sit amet, consectetur adipisicing elit. Eveniet assumenda, vel libero quod optio, deserunt omnis labore. Quidem veritatis totam laborum veniam, atque, numquam deserunt labore maxime rem consequuntur tempora! ipsum dolor sit amet, consectetur adipisicing elit. Non autem suscipit corporis voluptatum dolor, ipsa. Optio vel dolorum reiciendis iusto neque?
Odit dicta cumque quae ut unde.
A, delectus, debitis. ipsum dolor sit amet, consectetur adipisicing elit.
Dicta sit asperiores quisquam adipisci neque sint, rem harum odit rerum ab non perferendis recusandae, debitis, iure.
Sunt iste quo necessitatibus voluptas. ipsum dolor sit amet, consectetur adipisicing elit.
Asperiores ut temporibus veritatis magnam voluptates ipsa ducimus voluptate numquam
quod architecto beatae quos assumenda, ipsam a non iste illum mollitia, esse.`;
Remarque bien comment est délimité la chaîne de caractères. Ce type de chaîne de caractères permet d'utiliser les sauts de lignes, d'éviter d'échapper les guillemets double ou simple. Et puis c'est nettement plus lisible n'est il pas ? Question annexe : Comment insérer une expression javascript dans un template string ?
var nombre1 = 3;
var nombre2 = 5;
var template = `
la multiplication de
${nombre1} x ${nombre2}
vaut :
${ nombre1 * nombre2 }
`;
Pour chipoter, tu utilises "$" comme début du nom de variable. Or, on va plutôt l'utiliser lorsque la variable fait référence à un élément dans le DOM.
var $monElementId = $('#unId')
Prend le temps d'apprendre. Paris ne s'est pas fait en un jour. Aller trop vite, c'est le mur !! Tu as de la chance, en ce moment, j'ai un peu de temps. Profite !
Modifié par niuxe (30 Jul 2019 - 18:37)
couplé avec Underscore et jQuery. Pendant quelques temps j'ai développé avec cette outil. Et puis le travail d'Ashkenas (son créateur) .... Maintenant c'est un outil désué et il y a mieux.