Discussion :

[Huyenlong]

Bonjour

Je tente de créer un div dans du code javascript. En feuilletant les forum j'ai pu voir comment faire mais ça ne marche pas chez moi.

J'ai fait dans mon code html un div, dans le code javasript je récupère le div dans une variable dans function puis dans ce div récupéré j'écris un div grace à une variable. Je pense que je m y prends mal.

Code HTML :

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

1
2
3
4
5
6
7
8
9
<div id="Menu">
 
   Ceci est le menu
   <script>
       // console.log(post)
       ShowCom();
        
     </script>
 </div>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
let post = 'essai de commentaire';
function ShowCom(){
 
   let formulaire = document.getElementById('Menu');
   let ZoneCom = <!-- formulaire.write('<div id="commentaire"></div>')-->
 
   formulaire.textContent = ZoneCom;
   document.getElementById('commentaire').textContent =post;
 
 
};

Merci pour votre aide

[javatwister]

Bonjour,

Je tente de créer un div dans du code javascript.

Effectivement, rien que cette phrase montre que ta connaissance de javascript doit être un peu renforcée...

Clarifie ce que tu veux faire et fais la part des choses entre ce qu'est html et ce qu'est javascript.

[Cincinnatus]

Bonjour,

Je voudrais bien savoir ce que donne

Code :

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

 let ZoneCom = <!-- formulaire.write('<div id="commentaire"></div>')-->

A priori c'est un texte qui est attendu, mais un appel de javascript dans un commentaire ??

Pourquoi ne pas essayer :

Code :

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

let ZoneCom = '<div id="commentaire"></div>'

Ou alors créer le nœud en javascript (appendChild) ?

Personnellement je n'utilise plus le getElementById depuis pas mal de temps, sauf à y être obligé, mais chacun ses contraintes.

[Huyenlong]

Tu as tout a fait raison pour le moment j'apprends avec le pdf master class javascript de Pierre Giraud. Là j'ai envie de faire quelques test. J'en ai déjà fait et envie de pousser plus loin.

En gros, je souhaite au final, écrire un texte dans une zone de texte textarea qui est dans un div, puis envoyer ce texte dans un fichier .json ou .txt, je testerai les deux, j'ai déjà suivi un tutorial dessus. Puis ce texte s'affiche dans un autre div. Quand je relance la page net, le texte que j'avais écris s affiche dans l autre Div.

Mais dans mon idée, le texte qui sera affiché dans l'autre div, contiendra du code html car je souhaiterai le stylé dans un class d'un div. exemple:

Le texte s affiche dans le <div id="menu"></div> ce div est déjà écris dans le code html. Le code javascript va écrire le texte et créer un <div id="commentaire"></div> et dans ce div je vais récupérer le texte. Comme ça je peux créer plusieurs div commentaire dans le <div id="menu"></div>.


Je ne sais pas si je suis clair ?

[Huyenlong]

A priori c'est un texte qui est attendu, mais un appel de javascript dans un commentaire ??
...

Autant pour moi, je viens de tilter aussi que j'ai laissé les balises commentaire.

Le getElementById, je l'ai appris dans le cours pdf, je ne sais pas si c est toujours d actualité .

Je vais tester tes propositions.

[Huyenlong]

Parfait, ça marche beaucoup mieux comme ça.

Merci pour l'aide

Code :

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

1
2
3
4
5
6
7
8
9
10
11
let post = 'essai de commentaire';
function ShowCom(){ 
 
   let formulaire = document.getElementById('ZoneForm');
   let newDiv = document.createElement("div");
   newDiv.setAttribute("id","commentaire");
   let commentaire = document.createTextNode(post);
   newDiv.appendChild(commentaire);
   formulaire.appendChild(newDiv);
 
};

[javatwister]

Je ne sais pas si je suis clair ?

Non, tu n'es pas clair.
Si tu veux stocker des données saisies par l'utilisateur, il te faut un langage serveur (en gros, php est le plus probable).
Et javascript n'a que très peu de rapport avec ce principe;

[Huyenlong]

oui je comprends très bien, mais pour le moment je ne le fais quand local, en gros pour le moment je souhaite simplement sauvegarder du texte en local mais pas sur le net. C'est simplement du test.

En passa par json ou .txt et en utilisant le fetch()