Discussion :

[6su7]

Bonjour

Je cherche à créer des composants HTML réutilisables généré en JavaScript

Je pensais pouvoir faire quelque chose dans ce genre mais je ne trouve aucune syntaxe valide :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
var Spinner = Class.create(Element, {
	initialize: function() {
		var spinner = new Element('div', {
			'class': 'spinner'
		});
		this.update(spinner);
		return this;
	},
});
 
$('id_divContent').update(new Spinner());

Sachant que comme ceci ça fonctionne :

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
 
var Spinner = Class.create({
	initialize: function() {
 
	},
	getElement: function() {
		var spinner = new Element('div', {
			'class': 'spinner'
		});
		return spinner;
	}
 
});
 
$('id_divContent').update(new Spinner().getElement());

Auriez vous une piste ?

Merci

[dkmix]

Je ne connais pas prototype, mais vous pouvez peut-être vous passer de "Class.create" et utiliser une fonction :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
var Spinner = function()
{
   var spinner = new Element('div', {
            'class': 'spinner'
   });
   return spinner;        
}
 
console.log(Spinner, new Spinner);

[6su7]

Bonjour

Effectivement ça fonctionne, merci !!

Je n'avais plus pensé à ça.

Cependant je suis tout de même curieux de voir s'il y a des possibilités en prototype

[dkmix]

Je ne pense pas que cela est un sens avec prototype.

Vous voulez retournez un string <div class="maClass" >Test</div>
Class.create de prototype retourne un Object.

Peut-être avec extend Element ...