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()