Classe dans un tableau HTML

**elliotgb** · 02/05/2016, 22h30

Bonjours développeur, je suis étudiant en conception web, et mon prof ma donner ce devoir.
Je dois créé une Classe dans Javascript, pouvoir ajouter des eleve et pouvoir afficher les eleve dans un tableau HTML.
Voici ma Classe -->

Code :

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

1
2
3
4
5
6
7
8
   function Eleve (prenom, mail){
				              this.premon = prenom;
				              this.mail = mail;
                                }
 
			var huey = new Eleve("Huey", "hueu@monemail.com");
			var lorel = new Eleve("Lorel", "jesuispashardy@monemail.com");
			var hardy = new Eleve("Hardy", "jesuispaslorel@monemail.com");

Mon problème est de réussir a mettre cette classe en tableau, sans avoir 100 ligne de code et de manière a pouvoir ajouter des eleve facilement.

Merci Elliot

**SpaceFrog** · 03/05/2016, 08h27

Les classes à proprement parler n'existent pas en Javascript ...

Pour ta problématique ton tableau d'élèves est de quelle forme ?

Il suffit de boucler sur un array ...

**melka one** · 03/05/2016, 12h27

jour

on peut ajouté un prototype a l'objet qui ajoutera pour chaque instance la ligne a ajouter au tableau

ce qui donne

Code :

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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>teste</title>
 
<style type="text/css">
 
body{
	background-color:gray;	
}
 
</style>
 
<script>
 
function Eleve (prenom, mail){
 
	this.premon = prenom;
	this.mail = mail;
 
	this.ajouter_ligne()
	}
 
Eleve.prototype.ajouter_ligne=function(){
 
	var tr_tb=document.getElementById("un_tableau").insertRow(0);
 
	var td_tb=tr_tb.insertCell();
	td_tb.textContent=this.premon
 
	td_tb=tr_tb.insertCell();
	td_tb.textContent=this.mail
}	
 
onload=function(){
 
	var huey = new Eleve("Huey", "hueu@monemail.com");
	var lorel = new Eleve("Lorel", "jesuispashardy@monemail.com");
	var hardy = new Eleve("Hardy", "jesuispaslorel@monemail.com");
}
 
</script>
</head>
<body>
 
<table id="un_tableau"></table>
 
</body>
</html>

ajoutons ajoutons

**elliotgb** · 03/05/2016, 14h01

Spacefrog :
j'ai de la difficulté a comprendre par la forme de tableau

Mais en cours, on a réussis en faisant deux arrays et aller chercher chaque information une par une, mais c'était long et non efficace et on ne pouvaient pas ajouter d'éleves sans ajouter chaque information dans chacune des lignes de code.

melka one:

Merci, je vais essayer et de bien comprendre et je te donnerai des nouvelles si j'ai réussi!:

**elliotgb** · 03/05/2016, 14h10

je viens de comprendre. c'est un tableau HTML

et mon prof vien de me dire le vrai terme au lieu d'une classe, il parlait d'un constructor.

et pour boucler un array c'est ce que je pensais, mais c'était la manière.

Classe dans un tableau HTML

JavaScript

Discussions similaires

Partager

Partager