Js object - Historique des versions

Magsss : /* Ajout d'une méthode */

2014-03-10T16:41:33Z

Ajout d'une méthode

← Version précédente		Version du 10 mars 2014 à 18:41
Ligne 39 :		Ligne 39 :

	== Ajout d'une méthode ==		== Ajout d'une méthode ==
	Nous allons doter notre objet ''Rectangle'' de la capacité de se dessiner. Pour cela nous allons ajouter un attribut ''draw'' qui contiendra une fonction qui renverra la chaîne de ~~caractère~~ représentant le rectangle.		Nous allons doter notre objet ''Rectangle'' de la capacité de se dessiner. Pour cela nous allons ajouter un attribut ''draw'' qui contiendra une fonction qui renverra la chaîne de caractères représentant le rectangle.

	<source lang="javascript">		<source lang="javascript">

Magsss : /* Définition */

2014-03-10T16:40:45Z

Définition

← Version précédente		Version du 10 mars 2014 à 18:40
Ligne 16 :		Ligne 16 :
	</source>		</source>
	On peut remarquer que:		On peut remarquer que:
	* ''Rectangle'' débute par un ''R'' majuscule → cela permet de différencier les ~~fonction~~ ''~~basique~~'' des objets.		* ''Rectangle'' débute par un ''R'' majuscule → cela permet de différencier les fonctions ''basiques'' des objets.
	* cette fonction prend en paramètres quatre valeurs: x, y, largeur et hauteur.		* cette fonction prend en paramètres quatre valeurs: x, y, largeur et hauteur.

	== Les attributs ==		== Les attributs ==
	L'objet précédent est vide, nous allons lui ajouter quelques attributs:		L'objet précédent est vide, nous allons lui ajouter quelques attributs:

Jc.forton : /* Ajout d'une méthode */

2014-03-02T21:38:44Z

Ajout d'une méthode

← Version précédente		Version du 2 mars 2014 à 23:38
Ligne 48 :		Ligne 48 :
	result += ".<br/>";		result += ".<br/>";
	}		}
	for (var i = 1; i < this.hauteur; i++) {		for (var i = 0; i < this.hauteur; i++) {
	for (var j = 1; j < this.x; j++) {		for (var j = 1; j < this.x; j++) {
	result += ".";		result += ".";
	}		}
	for (var j = 1; j < this.largeur; j++) {		for (var j = 0; j < this.largeur; j++) {
	result += "*";		result += "*";
	}		}

Jc.forton : /* Appel de l'objet */

2014-03-02T21:36:27Z

Appel de l'objet

← Version précédente		Version du 2 mars 2014 à 23:36
Ligne 77 :		Ligne 77 :
	</body>		</body>
	<script type="text/javascript">		<script type="text/javascript">
	var rectangle = new Rectangle(5,3, 20, 10);		var rectangle = new Rectangle(5,3, 19, 9);
	document.getElementById("board").innerHTML = rectangle.draw();		document.getElementById("board").innerHTML = rectangle.draw();
	</script>		</script>

Jc.forton : /* Appel de l'objet */

2014-03-02T21:34:57Z

Appel de l'objet

← Version précédente		Version du 2 mars 2014 à 23:34
Ligne 77 :		Ligne 77 :
	</body>		</body>
	<script type="text/javascript">		<script type="text/javascript">
	var rectangle = new Rectangle(2,3, 20, 10);		var rectangle = new Rectangle(5,3, 20, 10);
	document.getElementById("board").innerHTML = rectangle.draw();		document.getElementById("board").innerHTML = rectangle.draw();
	</script>		</script>
Ligne 84 :		Ligne 84 :

	Et voici le résultat		Et voici le résultat
	[[Fichier:rectangle_html.png~~\|vignette~~\|centré]]		[[Fichier:rectangle_html.png\|centré]]

	~~== Différence entre définition et instanciation ==~~

Jc.forton : /* Ajout d'une méthode */

2014-03-02T21:34:34Z

Ajout d'une méthode

← Version précédente		Version du 2 mars 2014 à 23:34
Ligne 45 :		Ligne 45 :
	this.draw = function(){		this.draw = function(){
	var result = "";		var result = "";
	for (var i = 0; i < this.y; i++) {		for (var i = 1; i < this.y; i++) {
	result += "<br/>";		result += ".<br/>";
	}		}
	for (var i = 0; i < this.hauteur; i++) {		for (var i = 1; i < this.hauteur; i++) {
	for (var j = 0; j < this.x; j++) {		for (var j = 1; j < this.x; j++) {
	result += "~~ ~~";		result += ".";
	}		}
	for (var j = 0; j < this.largeur; j++) {		for (var j = 1; j < this.largeur; j++) {
	result += "*";		result += "*";
	}		}
Ligne 62 :		Ligne 62 :
	</source>		</source>
	On n'oublie pas le '';'' à la fin de la déclaration de l'attribut ''draw''.		On n'oublie pas le '';'' à la fin de la déclaration de l'attribut ''draw''.

			= Appel de l'objet =
			Créons une page ''HTML'' qui appellera notre objet et on affichera le rendu dans une balise ''div''
			<source lang="html4strict">
			<!DOCTYPE html>
			<html>
			<head>
			<meta charset="UTF-8">
			<title>Rectangle</title>
			<script type="text/javascript" src="rectangle.js"></script>
			</head>
			<body>
			<div id="board"></div>
			</body>
			<script type="text/javascript">
			var rectangle = new Rectangle(2,3, 20, 10);
			document.getElementById("board").innerHTML = rectangle.draw();
			</script>
			</html>
			</source>

			Et voici le résultat
			[[Fichier:rectangle_html.png\|vignette\|centré]]

	== Différence entre définition et instanciation ==		== Différence entre définition et instanciation ==

Jc.forton : /* Ajout d'une méthode */

2014-03-02T21:15:04Z

Ajout d'une méthode

← Version précédente		Version du 2 mars 2014 à 23:15
Ligne 61 :		Ligne 61 :
	}		}
	</source>		</source>
			On n'oublie pas le '';'' à la fin de la déclaration de l'attribut ''draw''.

	== Différence entre définition et instanciation ==		== Différence entre définition et instanciation ==

Jc.forton : /* Instanciation */

2014-03-02T21:13:20Z

Instanciation

@@ Ligne 36 : / Ligne 36 : @@
 </source>
 A partir de maintenant on peut se servir de notre objet rectangle, quoique, il ne sait pas faire grand chose pour le moment.
 == Différence entre définition et instanciation ==

Jc.forton : /* Mise en œuvre */

2014-03-02T21:03:59Z

Mise en œuvre

← Version précédente		Version du 2 mars 2014 à 23:03
Ligne 38 :		Ligne 38 :

	== Différence entre définition et instanciation ==		== Différence entre définition et instanciation ==

	~~= Mise en œuvre =~~
	~~== Les attributs ==~~
	~~Pour déclarer un attribut, il faut utiliser le mot clé~~
	~~<source lang="javascript">this</source>~~
	~~Il en est de même pour accéder aux attribut '''à l'intérieur de l'objet'''.~~

	~~Prenons un exemple:~~

Jc.forton : /* Instanciation */

2014-03-02T21:03:31Z

Instanciation

← Version précédente		Version du 2 mars 2014 à 23:03
Ligne 35 :		Ligne 35 :
	var rectangle = new Rectangle(2,3, 20, 10);		var rectangle = new Rectangle(2,3, 20, 10);
	</source>		</source>
			A partir de maintenant on peut se servir de notre objet rectangle, quoique, il ne sait pas faire grand chose pour le moment.

	== Différence entre définition et instanciation ==		== Différence entre définition et instanciation ==

Js object - Historique des versions

Magsss : /* Ajout d'une méthode */

Magsss : /* Définition */

Jc.forton : /* Ajout d'une méthode */

Jc.forton : /* Appel de l'objet */

Jc.forton : /* Appel de l'objet */

Jc.forton : /* Ajout d'une méthode */

Jc.forton : /* Ajout d'une méthode */

Jc.forton : /* Instanciation */

Jc.forton : /* Mise en œuvre */

Jc.forton : /* Instanciation */

Magsss : /* Ajout d'une méthode */

Magsss : /* Définition */

Jc.forton : /* Ajout d'une méthode */

Jc.forton : /* Appel de l'objet */

Jc.forton : /* Appel de l'objet */

Jc.forton : /* Ajout d'une méthode */

Jc.forton : /* Ajout d'une méthode */

Jc.forton : /* Instanciation */

Jc.forton : /* Mise en œuvre */

Jc.forton : /* Instanciation */