Discussion :

[Skunka]

Bonjour,

j'essaie d'ajouter du contenu html à ma page grâce à une fonction js, seulement, le contenu ne s'ajoute pas à la page, et j'ai une erreur qui s'affiche dans la console:



Les fonctions js (la première gère l'ajout du contenu, la seconde est une fonction appelé lors du clique sur un contenu ajouté):

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
 
function AjoutCourse(newCourse){
	console.log(newCourse);
 
	var course = document.createElement('div');
		course.className = "lc-course";
 
		var etat = document.createElement('div');
			etat.className = "lc-course-etat";
			var input1 = document.createElement('input');
				input1.type = "checkbox";
				input1.value = newCourse.numCourse;
		etat.appendChild(input1);
	course.appendChild(etat);
 
		var courseNom = document.createElement('div');
			courseNom.className = "lc-course-nom";
			var form2 = document.createElement('form');
				form2.method = "POST";
				form2.action = "index.php?action=courseAfficher";
				form2.addEventListener('click', CourseAfficher(this)); //L251
				var input2 = document.createElement('input');
					input2.type = "hidden";
					input2.name = "numCourse";
					input2.value = newCourse.numCourse;
			form2.appendChild(input2);
				var nom = document.createTextNode(newCourse.nomCourse);
			form2.appendChild(nom);
		courseNom.appendChild(form2);
	course.appendChild(courseNom);
 
		var courseAvance = document.createElement('div');
			courseAvance.className = "lc-course-avance";
			var avance = document.createTextNode("0/0");
		courseAvance.appendChild(avance);
	course.appendChild(courseAvance);
 
		var courseMenu = document.createElement('div');
			courseMenu.className = "lc-course-menu";
			var span = document.createElement("span");
				span.className = "glyphicon glyphicon-option-vertical";
		courseMenu.appendChild(span);
	course.appendChild(courseMenu);
 
	document.body.appendChild(course);
} 
 
function CourseAfficher(form){
	form.submit(); //L279
}

Voici la construction de la page au cas où:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<div class="lc-course">
	<div class="lc-course-etat">
		<input type="checkbox" value="<?php echo $c->getNumCourse();?>">
	</div>
	<div class="lc-course-nom">
		<form method="POST" action="index.php?action=courseAfficher" onclick="CourseAfficher(this)">
			<input type="hidden" name="numCourse" value="<?php echo $c->getNumCourse();?>">
			<?php echo $c->getNomCourse(); ?>
		</form>
	</div>
	<div class="lc-course-avance">
		<?php echo $c->getAvanceCourse()."/".count($c->getArticleCourse());?>
	</div>
	<div class="lc-course-menu">
		<span class="glyphicon glyphicon-option-vertical"></span>
	</div>
</div>

La fonction 'CourseAfficher' fonctionne pour le contenu déjà présent sur la page html lors du chargement.

Merci d'avance de votre aide.
Cordialement,
Skunka.