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

[gKsam]

En fait, j'ai déjà réalisé ça. Je suis en train de le fignoler. Juste pour te dire que tu n'en es pas loin.

J'ai un peu de mal avec les écritures simplifiées et les méthodes qui ne veulent pas dire grand chose

Mais bon chacun ça méthode.

Moi, c'est méthodes et propriétés en français. comme ça pas de confusion. Pour une fois que ça sert d'écrire en français dans le code. Du coups, imagine avec une fonction creerElement(typeElement) ce que l'on peut faire.

l'anglais est une langue de documentation

Enfin, fait attention aussi #text. Ils m'avait causés quelques soucis. Tu peux aussi profiter de tout ça pour, avec un switch sur le nodeName, ajouter des méthodes et propriétés en fonction du type d'élément.

[jo_dalton]

Alors sais tu sur quoi pointe le "this" dans un href? ya pas de nodeType
Et c'est bien mon objectif de faire une fonction creerElement auquel on ajoute directement les bonnes proprietes.

Et je viens de penser qu'il faut aussi faire une fonction setInnerHTML sinon ça va déconner

Le seul pb du français c'est que c'est trop long c'est pr ça que normalement qd je code, je mixe, c'est un peu barbare mais c plus court

[gKsam]

Code :

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

1
2
<a href="#" onclick="javascript:alert(this.nodeName);">test</a>
<a href="javascript:alert(this);">test</a>

dans le href c'est l'objet window et dans le onclick c'est un objet anchor (lien) pour firefox mais pour ie c'est dans le href un objet (comme partout dans ie) et un lien dans le onclick.

Je n'utilise pour l'instant aucun innerHTML. Balade toi, dans le DOM, plutôt avec appendChild, hasChild, insertRow...