Discussion :

[jo_dalton]

Bonjour,
Après des heures de tests et de recherche je me résigne à poster
Tout est presque dit dans le titre : je souhaiterais ajouter une méthode à un élément HTML, par exemple (stupide):

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<a id="un_a" href="toto.html">toto</a>
 
<script type="text/javascript">
  var a=document.getElementById('un_a');
  ***********
  ajout d'une méthode à a : getSrc() qui retournerait this.src
  ***********
  alert(a.getSrc());
</script>

Merci de votre aide.
PS :
si il est possible en plus d'appliquer une méthode à un type de balise, bien qu'il me semble que non, je suis preneur!

[gKsam]

regarde la propriété prototype qui permet d'ajouter méthodes et propriétés à profusion.

[jo_dalton]

j'ai déjà bcp regardé, mais sans succès!
je n'ai pas réussi à appliquer ça à un élément, seulement à des classes

[gKsam]

et comme ça :

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
<a id="un_a" href="toto.html">toto</a>
 
<script type="text/javascript">
 
	function getSrc() {
 
   		//le code de ta méthode
	}	
 
 	var a=document.getElementById('un_a');
 
 	//ajout d'une méthode à a : getSrc() qui retournerait this.src
 	a.getSrc = getSrc
 
  	alert(a.getSrc());
</script>

[jo_dalton]

j'aurais bien aimé, mais j'avais déjà essayé

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
 
<a id="un_a" href="toto.html" onclick="essai(); return false;">toto</a>
 
<script type="text/javascript">
 
	function getSrc() {
 			return this.href;
   		//le code de ta méthode
	}	
 
 	var a=document.getElementById('un_a');
 
 	//ajout d'une méthode à a : getSrc() qui retournerait this.src
 	a.getSrc = getSrc
	function essai()
	{ 
	 	var a=document.getElementById('un_a');
  		alert(a.getSrc());
	}
</script>

ah bah non, en fait ça marche, je comprends plus lol

[jo_dalton]

mais pourquoi ceci ne fonctionne pas alors? ai-je fait une erreur??

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
 
<script type="text/javascript">
	function getNN() {
			alert(this.nodeName);
 			return this.nodeName;
	}	
 
	window.onload = function(){
		setPro(document.body);
	}
	var ELTS=""
	function setPro (elt)
	{
		ELTS+=" "+elt.nodeName;
		if(elt.nodeName != 'body')		elt.getNN=getNN;
		var fils=elt.childNodes;
		for(var i=0; i<fils.length; i++)
		  if(fils[i].nodeType == 1) setPro(fils[i]);
		return;
	}
</script>
 
<a id="totooo" href="javascript:this.getNN();">test</a><br />

en controlant ELTS, tous les éléments de la page ont été affectés, mais ça ne fonctionne pas :s

PS: j'ai trouvé, tout mon problème venait du this qui est indéfini je ne sais pas trop pourquoi, mais tant pis, c'est bon