Partage

Cours Apprenez à coder avec JavaScript

<< 1 ... 29 30 31 ... 68 >>

24 mars 2017 à 10:40:20

up up je n'arrive toujours pas à lier mon JS externe à mon HTML

encore le code utilisé est

<script src="fichier.js"></script>

je précise que les deux fichiers sont dans le même repertoire

L'important ce n'est pas d'être grand mais c'est être à la hauteur

m@rcus62

24 mars 2017 à 13:22:27

LordBeerus a écrit:

up up je n'arrive toujours pas à lier mon JS externe à mon HTML

encore le code utilisé est
<script src="fichier.js"></script>
je précise que les deux fichiers sont dans le même repertoire

Salut LordBeerus question idiote mais tu ne te serait pas tromper sur le nom du fichier .js ? parfois il arrive qu'en tapant on rajoute une lettre ou en oublie...

Sinon tu met la balise <script> dans le <body> ou dans le <head> ?

-
Edité par m@rcus62 24 mars 2017 à 13:23:20

Taserface

24 mars 2017 à 14:12:38

Je ne pense pas faire d'erreur sur le nom du fichier mais je vérifierai et je met mon JS avant la fin du </body>

En fait quand je regarde la console il me dit qu'il a un < attendu sur la première ligne or que à la première ligne du fichier JS c'est la balise script qui est présente

-
Edité par Taserface 24 mars 2017 à 14:14:45

L'important ce n'est pas d'être grand mais c'est être à la hauteur

m@rcus62

24 mars 2017 à 14:39:36

Regarde le nom du fichier ne sait on jamais...
Mais sinon je voit pas désolé je débute en Javascript je ne peut donc pas t'être d'une grande aide...

Une chose me vient à l'esprit, je ne sais pas ce que tu à dans ton fichier HTML mais si tu recrée un autre HTML en ne mettant que le minimum, genre :

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>un titre</title>
</head>

<body>
    <script src="fichier.js"></script>
</body>

</html>

quel résultat obtient tu ? ton .js est-il lier ?

-
Edité par m@rcus62 24 mars 2017 à 14:39:54

Anonyme

24 mars 2017 à 14:54:59

LordBeerus a écrit:

Je ne pense pas faire d'erreur sur le nom du fichier mais je vérifierai et je met mon JS avant la fin du </body>

En fait quand je regarde la console il me dit qu'il a un < attendu sur la première ligne or que à la première ligne du fichier JS c'est la balise script qui est présente

-
Edité par LordBeerus il y a 36 minutes

Euuuh ... j'ai peut être mal compris mais tu as une balise script dans ton fichier .js ?

Taserface

25 mars 2017 à 11:16:37

@JohnSpawn oui en effet j'en avais mis et la console me la signalais ensuite je l'ai enlevée mais toujours rien

L'important ce n'est pas d'être grand mais c'est être à la hauteur

Mouslih

25 mars 2017 à 21:46:09

Bonsoir

c'est tres simple, pour lier ton fichier js avec ton fichier HTML,

dans ton fichier html entre les balises

<body>

</body>

bon courage

Taserface

27 mars 2017 à 10:25:01

@Mouslih comment peux-tu dire cela Est-ce une méthode standard et ce que tu dis n'a aucun rapport avec l'hierarchie que j'ai décrit plus haut.

Pour finir mon problème est résolu merci @m@rcus62 pour ton astuce j'ai crée deux fichiers (.html et .js) là la liaison marchait bien ensuite je suis retourné sur mes deux fichiers et tout le bazzar que j'ai fait là était dû à un espace dans le nom du ficher

L'important ce n'est pas d'être grand mais c'est être à la hauteur

m@rcus62

27 mars 2017 à 14:28:26

@LordBeerus Content d'avoir pu être utile, bonne continuation dans ton apprentissage

Mouslih

27 mars 2017 à 19:38:02

@ Lord Beerus, c'est vrai je ne t'ai pas donné des details, mais il faut bien

respecter les commentaires, avant de te donner mon avis j'ai resolu déja une

dizaine d'exercices comme cela. mais bien sur il faut creer 2 fichiers l'un HTML

et l'autre JS, je t'ai donné l'astuce comment inserer ton fichier JS dans le fichier

HTML. Mille excuse si je t'ai induit en erreur.

Taserface

29 mars 2017 à 15:36:54

@Mouslih en fait la méthode que tu as décrite n'est possible que si tu as deux fichiers et que le fichier .html se trouve dans un sous-dossier du dossier JS alors que moi c'est le fichier JS qui est dans un sous-repertoire et ta méthode n'est pas standard car celà peut bien varier d'une hierarchie de dossier à une autre.

Maintenant j'aimerais savoir comment grisé mon boutton d'envoi de formulaire tant que tous les éléments ne sont pas remplis et dans un format correct.

L'important ce n'est pas d'être grand mais c'est être à la hauteur

mDeram

30 mars 2017 à 21:34:45

Bonsoir, je débute en Js et j'ai un peu de mal avec , Mon code n'affiche rien (tp du cours)

//Création de l'élément conteneur

var tp3Div = document.createElement('div');
tp3Div.id = 'divTP3';



//On créer le texte à inserer


var toutTexte = [
	document.createTextNode('JavaScript'),
	document.createTextNode('JavaScript est un langage de programmation de scripts principalement utilisé dans les pages web interactives mais aussi coté serveur.'),
	document.createTextNode('JScript'),
	document.createTextNode('JScript est le nom générique de plusieurs implémentations d\'ECMAScript 3 créées par Microsoft.'),
	document.createTextNode('ActionScript'),
	document.createTextNode('ActionScript est le langage de programmation utilisé au sein d\'applications clientes (Adobe Flash, Adobe Flex) et serveur (Flash media server, JRun, Macromedia Generator).'),
	document.createTextNode('EX4'),
	document.createTextNode('ECMAScript for XML (E4X) est une extension XML au langage ECMAScript.')
]


//Création du p du début

var paragraphe = document.createElement('p');
var paragrapheText = document.createTextNode('Langages basés sur ECMAScript :');
paragraphe.appendChild(paragrapheText);


//Création de <dl>

var conteneurGlobal = document.createElement('dl'), boucleA, boucleB;


// On créer la boucle avec les éléments

for (var i = 0, a = toutTexte.length; i < a; i += 2)
{
	boucleA = document.createElement('dt');
	boucleA = appendChild(toutTexte[i]);

	conteneurGlobal.appendChild(boucleA);

	boucleB = document.createElement('dd');
	boucleB = appendChild(toutTexte[i + 1]);
	
	conteneurGlobal.appendChild(boucleB);
}

// On insère tout dans la div 

tp3Div.appendChild(paragraphe);
tp3Div.appendChild(conteneurGlobal);

//Insertion dans le body

document.body.appendChild(tp3Div);

Merci de votre aide

C'est résolut mddr

-
Edité par mDeram 30 mars 2017 à 22:28:37

Mouslih

31 mars 2017 à 21:23:15

<dans le navigateur ça marche puisque le programme

affiche a l'utilisateur que le serveur est en fonctionnement.

Apres le controle c, voila ce que je lis sur la console

execution du fichier node: bdd1_01.js

{ Error: Connection lost: The server closed the connection.

at Protocol.end c:\node_modules\mysql\lib\protocol\Protocol.js:

109:13)

at Socket.<anonymous> C:\node_modules\mysql\lib\Connection.js:1

09:28)

at emitNone (events.js:91:20)

at Socket.emit (events.js:185:7)

at endReadableNT (_stream_readable.js:974:12)

at _combinedTickCallback (internal/process/next_tick.js:80:11)

at process._tickCallback (internal/process/next_tick.js:104:9)

--------------------

at Protocol._enqueue C:\node_modules\mysql\lib\protocol\Protoco

l.js:141:48)

at Protocol.handshake C:\node_modules\mysql\lib\protocol\Protoc

ol.js:52:41)

at Connection.connect C:\node_modules\mysql\lib\Connection.js:1

30:18)

at Connection._implyConnect C:\node_modules\mysql\lib\Connectio

n.js:461:10)

at Connection.query C:\node_modules\mysql\lib\Connection.js:206

:8)

at Object.<anonymous> C:\bdd1_01.js:24:16)

at Module._compile (module.js:570:32)

at Object.Module._extensions..js (module.js:579:10)

at Module.load (module.js:487:32)

at tryModuleLoad (module.js:446:12) fatal: true, code: 'PROTOCOL_CONNECTION_

LOST' }

merci d'avance pour votre aide, ne serait ce que même si vous repondez qu'a une seule

ligne (le cours relate node js et module mysql sgbd).

Morgane.T

2 avril 2017 à 21:44:13

Bonjour,

Je propose un petit cours/exercice en lien avec ce cours.

C'est en réalité un exercice guidé sous forme de cours afin de vous amener à créer le jeu du Morpion en Javascript.

Voir le cours ici

-
Edité par Morgane.T 2 avril 2017 à 21:46:08

MéganeCourtas

4 avril 2017 à 1:35:30

Bonsoir à tous!

J'ai un petit souci avec le cours, j'ai bien suivi à la lettre la création des deux fichiers (html et js), mais lorsque j'ouvre mon fichier html sur Firefox et ouvre la console, dans le débogueur j'ai un message d'erreur qui dit "Cette page ne possède aucune source."

J'ai également un message d'erreur dans Brackets pour mon fichier js, "console. was used before it was defined."

Auriez-vous des suggestions s'il vous plaît?

Je vous remercie!

Mégane

n1col4s

4 avril 2017 à 3:26:59

MéganeCourtas a écrit:

Bonsoir à tous!

J'ai un petit souci avec le cours, j'ai bien suivi à la lettre la création des deux fichiers (html et js), mais lorsque j'ouvre mon fichier html sur Firefox et ouvre la console, dans le débogueur j'ai un message d'erreur qui dit "Cette page ne possède aucune source."

Essaie de cliquer sur le nom du fichier dans la console à droite, cours.js:1:1, normalement il redirige vers le débogueur.

MéganeCourtas a écrit:

J'ai également un message d'erreur dans Brackets pour mon fichier js, "console. was used before it was defined."

Le message ne devrait pas t'empêcher de faire les exercices, mais si vraiment tu veux le retirer, essaie de rajouter ça à la 1ère ligne dans le fichier js :

/*global console*/

"In chess, it's called Zugzwang, when the only viable move is not to move."

MéganeCourtas

4 avril 2017 à 4:59:50

n1col4s a écrit:

MéganeCourtas a écrit:

Bonsoir à tous!

J'ai un petit souci avec le cours, j'ai bien suivi à la lettre la création des deux fichiers (html et js), mais lorsque j'ouvre mon fichier html sur Firefox et ouvre la console, dans le débogueur j'ai un message d'erreur qui dit "Cette page ne possède aucune source."

Essaie de cliquer sur le nom du fichier dans la console à droite, cours.js:1:1, normalement il redirige vers le débogueur.

MéganeCourtas a écrit:

J'ai également un message d'erreur dans Brackets pour mon fichier js, "console. was used before it was defined."

Le message ne devrait pas t'empêcher de faire les exercices, mais si vraiment tu veux le retirer, essaie de rajouter ça à la 1ère ligne dans le fichier js :
/*global console*/

Merci pour ta réponse!

Le deuxième souci a été résolu avec la ligne de code que tu m'as donnée,

cependant le premier persiste, lorsque je clique sur cours.js:1:1, le fichier js s'ouvre dans Firefox

n1col4s

4 avril 2017 à 5:45:32

MéganeCourtas a écrit:

cependant le premier persiste, lorsque je clique sur cours.js:1:1, le fichier js s'ouvre dans Firefox

Dans le débogueur, clique sur l'engrenage à droite et regarde si "Affichez les sources originales" est bien coché. Si non, tu peux cocher et rafraîchir la page.

"In chess, it's called Zugzwang, when the only viable move is not to move."

MéganeCourtas

4 avril 2017 à 6:10:40

n1col4s a écrit:

MéganeCourtas a écrit:

cependant le premier persiste, lorsque je clique sur cours.js:1:1, le fichier js s'ouvre dans Firefox

Dans le débogueur, clique sur l'engrenage à droite et regarde si "Affichez les sources originales" est bien coché. Si non, tu peux cocher et rafraîchir la page.

C'est coché, et ça fonctionne!!

Merci!!

AurélienLeyssens

4 avril 2017 à 14:30:48

Bonjour a tous

! Voilà le première fois depuis que je suis les cours de javascript que je me retrouve bloqué sur une activité pendant aussi longtemps il s'agit de l activité 2 du "Créer des pages web interactive avec javascript "! J'ai relus le cours et ça m'a un peu permis d'avancer mais la je suis bloqué depuis plusieurs heure je n'arrive pas a ajouter les nouveau lien a listeLiens j'ai essayé plusieurs chose sans trop être sur mais rien ne marche pouvez vous me donner un petit coup de pouce ? Sauvez moi ça fait 2 jours que je suis dessus o_O

/* 
Activité 1
*/

// Liste des liens Web à afficher. Un lien est défini par :
// - son titre
// - son URL
// - son auteur (la personne qui l'a publié)
var listeLiens = [
    {
        titre: "So Foot",
        url: "http://sofoot.com",
        auteur: "yann.usaille"
    },
    {
        titre: "Guide d'autodéfense numérique",
        url: "http://guide.boum.org",
        auteur: "paulochon"
    },
    {
        titre: "L'encyclopédie en ligne Wikipedia",
        url: "http://Wikipedia.org",
        auteur: "annie.zette"
    }
]
var boutonElt = document.createElement("input");
    boutonElt.setAttribute("type","button");
    boutonElt.setAttribute("value",("Ajouter un site"));
    document.getElementById("contenu").appendChild(boutonElt);
    boutonElt.addEventListener("click", function () {
var formElt = document.createElement("form");
var nomSiteElt = document.createElement("input");
    nomSiteElt.setAttribute("value","Nom du site");
    nomSiteElt.setAttribute("type","textarea");
    var urlSiteElt = document.createElement("input");
    urlSiteElt.setAttribute("type","textarea");
    urlSiteElt.setAttribute("value","Url du site");
var nomAuteurElt = document.createElement("input");
    nomAuteurElt.setAttribute("type","textarea");
    nomAuteurElt.setAttribute("value","Votre nom ou pseudo");
var submitElt = document.createElement("input");
    submitElt.setAttribute("type","submit");
    submitElt.setAttribute("value","Ajouter");
    submitElt.addEventListener("sumbit",function(e){
        var nvSite = nomSiteElt.textContent;
        var nvUrl = urlSiteElt.textContent;
        var nvAuteur = nomAuteurElt.textContent;
   
    });
    
        
    formElt.appendChild(nomSiteElt);
    formElt.appendChild(urlSiteElt);
    formElt.appendChild(nomAuteurElt);
    formElt.appendChild(submitElt);
    document.getElementById("contenu").replaceChild(formElt,boutonElt);

});

listeLiens.forEach(function(lien){
    
    var pElt = document.createElement("p");
    var titreElt = document.createElement("a");
    titreElt.textContent = lien.titre + " ";
    var urlElt = document.createElement("span");
    urlElt.textContent = " " + lien.url;
    var auteurElt = document.createElement("span");
    auteurElt.innerHTML ="</br> Ajoutez par: " + lien.auteur;
    
    titreElt.setAttribute("href", lien.url);
    titreElt.setAttribute("target", "_blank");
    titreElt.style.textDecoration = "none";
    titreElt.style.color ="#428bca";
    titreElt.style.fontWeight ="bold";
    
    pElt.appendChild(titreElt);
    pElt.appendChild(urlElt);
    pElt.appendChild(auteurElt);
    pElt.classList.add("lien");
    
    document.getElementById("contenu").appendChild(pElt);    

});/* 
Activité 1
*/

// Liste des liens Web à afficher. Un lien est défini par :
// - son titre
// - son URL
// - son auteur (la personne qui l'a publié)
var listeLiens = [
    {
        titre: "So Foot",
        url: "http://sofoot.com",
        auteur: "yann.usaille"
    },
    {
        titre: "Guide d'autodéfense numérique",
        url: "http://guide.boum.org",
        auteur: "paulochon"
    },
    {
        titre: "L'encyclopédie en ligne Wikipedia",
        url: "http://Wikipedia.org",
        auteur: "annie.zette"
    }
]
var boutonElt = document.createElement("input");
    boutonElt.setAttribute("type","button");
    boutonElt.setAttribute("value",("Ajouter un site"));
    document.getElementById("contenu").appendChild(boutonElt);
    boutonElt.addEventListener("click", function () {
var formElt = document.createElement("form");
var nomSiteElt = document.createElement("input");
    nomSiteElt.setAttribute("value","Nom du site");
    nomSiteElt.setAttribute("type","textarea");
    var urlSiteElt = document.createElement("input");
    urlSiteElt.setAttribute("type","textarea");
    urlSiteElt.setAttribute("value","Url du site");
var nomAuteurElt = document.createElement("input");
    nomAuteurElt.setAttribute("type","textarea");
    nomAuteurElt.setAttribute("value","Votre nom ou pseudo");
var submitElt = document.createElement("input");
    submitElt.setAttribute("type","submit");
    submitElt.setAttribute("value","Ajouter");
    submitElt.addEventListener("sumbit",function(e){
        var nvSite = nomSiteElt.textContent;
        var nvUrl = urlSiteElt.textContent;
        var nvAuteur = nomAuteurElt.textContent;
   
    });
    
        
    formElt.appendChild(nomSiteElt);
    formElt.appendChild(urlSiteElt);
    formElt.appendChild(nomAuteurElt);
    formElt.appendChild(submitElt);
    document.getElementById("contenu").replaceChild(formElt,boutonElt);

});

listeLiens.forEach(function(lien){
    
    var pElt = document.createElement("p");
    var titreElt = document.createElement("a");
    titreElt.textContent = lien.titre + " ";
    var urlElt = document.createElement("span");
    urlElt.textContent = " " + lien.url;
    var auteurElt = document.createElement("span");
    auteurElt.innerHTML ="</br> Ajoutez par: " + lien.auteur;
    
    titreElt.setAttribute("href", lien.url);
    titreElt.setAttribute("target", "_blank");
    titreElt.style.textDecoration = "none";
    titreElt.style.color ="#428bca";
    titreElt.style.fontWeight ="bold";
    
    pElt.appendChild(titreElt);
    pElt.appendChild(urlElt);
    pElt.appendChild(auteurElt);
    pElt.classList.add("lien");
    
    document.getElementById("contenu").appendChild(pElt);    

});

n1col4s

4 avril 2017 à 15:35:32

Bonjour Aurélien, à la ligne 44, petite faute "sumbit" au lieu de "submit", et tu as mis l'écouteur d’événement sur le bouton mais il faut le mettre sur le formulaire.

Ensuite, pour l'ajout du nouveau lien, c'est normal qu'il ne se passe rien parce que tu récupères les valeurs des champs lignes 45/46/47 et puis, plus rien

"In chess, it's called Zugzwang, when the only viable move is not to move."

AurélienLeyssens

4 avril 2017 à 15:53:54

var boutonElt = document.createElement("input");
    boutonElt.setAttribute("type","button");
    boutonElt.setAttribute("value",("Ajouter un site"));
    document.getElementById("contenu").appendChild(boutonElt);
    boutonElt.addEventListener("click", function () {
var formElt = document.createElement("form");
var nomSiteElt = document.createElement("input");
    nomSiteElt.setAttribute("value","Nom du site");
    nomSiteElt.setAttribute("type","textarea");
    var urlSiteElt = document.createElement("input");
    urlSiteElt.setAttribute("type","textarea");
    urlSiteElt.setAttribute("value","Url du site");
var nomAuteurElt = document.createElement("input");
    nomAuteurElt.setAttribute("type","textarea");
    nomAuteurElt.setAttribute("value","Votre nom ou pseudo");
var submitElt = document.createElement("input");
    submitElt.setAttribute("type","submit");
    submitElt.setAttribute("value","Ajouter");
    formElt.addEventListener("submit",function(e){
        var nvSite = nomSiteElt.textContent;
        var nvUrl = urlSiteElt.textContent;
        var nvAuteur = nomAuteurElt.textContent;
   
    });

quelque chose comme ca ??? mais ensuite je ne sait pas comment l ajouter a mon listeLiens

je suis un peu perdu ! Je dois écrire une autre fonction dans mon event formElt qui ajouterais les nouveaux site a liste Liens ??

-
Edité par AurélienLeyssens 4 avril 2017 à 16:04:58

n1col4s

4 avril 2017 à 16:37:04

AurélienLeyssens a écrit:

 Je dois écrire une autre fonction dans mon event formElt qui ajouterais les nouveaux site a liste Liens ??

Oui, tu peux écrire une fonction ou bien mettre ton code à la suite ligne 23.

Et n'oublie pas de rajouter dans l'event formElt la méthode qui permet d'annuler l'envoi des données. Si tu ne t'en souviens pas, relit le passage du cours sur les formulaires, tu vas la trouver.

"In chess, it's called Zugzwang, when the only viable move is not to move."

AurélienLeyssens

4 avril 2017 à 16:49:07

Juste pour savoir si je fais fausse route si c'est le cas j'arrête de poster et je vais relire mon cours pour ne pas trop spammer le forum :lol:

    formElt.addEventListener("submit",function(e){
        var nvSite = nomSiteElt.textContent;
        var nvUrl = urlSiteElt.textContent;
        var nvAuteur = nomAuteurElt.textContent;
            function ajouterLien(listeLiens){
                this.titre = nvSite;
                this.url = nvUrl;
                this.auteur = nvAuteur;
                
                
            }
        e.preventDefault();

-
Edité par AurélienLeyssens 4 avril 2017 à 16:49:27

n1col4s

4 avril 2017 à 17:07:55

Bien joué ! C'est la bonne méthode mais il faut juste que tu la déplaces avant les autres instructions, ligne 2.

formElt.addEventListener("submit",function(e){
    e.preventDefault();
    var nvSite = nomSiteElt.textContent;
    var nvUrl = urlSiteElt.textContent;
    var nvAuteur = nomAuteurElt.textContent;
        function ajouterLien(listeLiens){
            this.titre = nvSite;
            this.url = nvUrl;
            this.auteur = nvAuteur;
        }

Par contre la déclaration de ta fonction, met la en dehors de l'event, et tu l’appelleras à l'intérieur de l'event.

"In chess, it's called Zugzwang, when the only viable move is not to move."

AurélienLeyssens

4 avril 2017 à 18:00:44

quand je laisse ma fonction dans mon event ça ne fonctionne pas et quand je la sors ça me fait tout foirer je sens que je tourne en rond merci beaucoup pour ton aide au moins je sais que je ne suis pas loin de la solution mais je pense que je vais finir fou avant d avoir trouver :lol:

AurélienLeyssens

8 avril 2017 à 12:56:48

Bonjour, c'est encore moi

toujours bloqué sur le même exercice (si c'est pas malheureux !) j ai pas mal relu et retravaillé mon code mais je n'ai absolument pas avancé

mis a par que je me suis un peu perfectionné ! Je reste positif ! Voilà j'aimerais que vous jetiez un oeil a mon code histoire de me dire pourquoi brackets me dit que j ai un trop grand nombre d'erreur et surtout pourquoi ca ne fonctionne pas je ne demande qu'on complète a ma place mais qu'on me mette au moins sur le bon chemin j'ai bien relu le cours et celui de apprenez a coder avec javascript mais je suis toujours loin de la solution !

var listeLiens = [
    {
        titre: "So Foot",
        url: "http://sofoot.com",
        auteur: "yann.usaille"
    },
    {
        titre: "Guide d'autodéfense numérique",
        url: "http://guide.boum.org",
        auteur: "paulochon"
    },
    {
        titre: "L'encyclopédie en ligne Wikipedia",
        url: "http://Wikipedia.org",
        auteur: "annie.zette"
    }
]

var boutonElt = document.createElement("input");
    boutonElt.setAttribute("type","button");
    boutonElt.setAttribute("value",("Ajouter un site"));
    document.getElementById("contenu").appendChild(boutonElt);

listeLiens.forEach(function(lien){
    
    var pElt = document.createElement("p");
    var titreElt = document.createElement("a");
    titreElt.textContent = lien.titre + " ";
    var urlElt = document.createElement("span");
    urlElt.textContent = " " + lien.url;
    var auteurElt = document.createElement("span");
    auteurElt.innerHTML ="</br> Ajoutez par: " + lien.auteur;
    
    titreElt.setAttribute("href", lien.url);
    titreElt.setAttribute("target", "_blank");
    titreElt.style.textDecoration = "none";
    titreElt.style.color ="#428bca";
    titreElt.style.fontWeight ="bold";
    
    pElt.appendChild(titreElt);
    pElt.appendChild(urlElt);
    pElt.appendChild(auteurElt);
    pElt.classList.add("lien");
    
    document.getElementById("contenu").appendChild(pElt);    

});

var formElt = document.createElement("form");
var nomSiteElt = document.createElement("input");
    nomSiteElt.setAttribute("value","Nom du site");
    nomSiteElt.setAttribute("type","textarea");
    var urlSiteElt = document.createElement("input");
    urlSiteElt.setAttribute("type","textarea");
    urlSiteElt.setAttribute("value","Url du site");
var nomAuteurElt = document.createElement("input");
    nomAuteurElt.setAttribute("type","textarea");
    nomAuteurElt.setAttribute("value","Votre nom ou pseudo");
var submitElt = document.createElement("input");
    submitElt.setAttribute("type","submit");
    submitElt.setAttribute("value","Ajouter");
    formElt.appendChild(nomSiteElt);
    formElt.appendChild(urlSiteElt);
    formElt.appendChild(nomAuteurElt);
    formElt.appendChild(submitElt);
 
var nvLien= {
     
     init : function(titre,url,auteur){
         
        this.titre = nomSiteElt.textContent;
        this.url = urlSiteElt.textContent;
        this.auteur = nomAuteurElt.textContent;
         
 }
             };



formElt.addEventListener("submit",function(e){
    e.preventDefault();
    listeLiens.push(nvLien);
    });
    
boutonElt.addEventListener("click", function () {
    document.getElementById("contenu").replaceChild(formElt,boutonElt);
});

n1col4s

8 avril 2017 à 14:13:11

Salut, ligne 82 tu met l'objet nvLien dans listeLiens, 1er problème : nvLien est vide. Eh oui car tu n'appelles jamais la méthode init, si c'est pas malheureux

Ensuite, dans la méthode init, tu devrais remplacer les textContent par value pour récupérer les valeurs des champs input.

Maintenant, supposons que tu as appelé la fonction init, tu met l'objet nvLien dans listeLiens, et ensuite tu ne fait rien. Donc le nouveau lien n'est toujours pas ajouté au DOM.

Je te conseille de faire une fonction pour la création des liens, tu prends tout le code de la ligne 26 à 45 et tu met ça dans une fonction, cette fonction sera appelé dans le forEach sur listeLiens et aussi dans ton event submit en dernier.

"In chess, it's called Zugzwang, when the only viable move is not to move."

AurélienLeyssens

9 avril 2017 à 1:32:10

Merci encore pour tes réponse je vais tester ça demain !

MohssineMazouz2

9 avril 2017 à 22:58:27

voici mon code SVP HHHEEELP

lorsque j’attribue (saisi > i) : la valeur "saisi" prend la valeur de "i" c'est à dire 6, et ne prend pas "i" comme des étapes de 1 à 6 .

pouvez - vous m'aidez SVP

<< 1 ... 29 30 31 ... 68 >>