href="javascript:display( this )"

**redkan** · 07/08/2009, 11h56

Bonjour,

Je souhaite passez l'�l�ment "this" a une fonction javascript.

J'ai lu que ce n'�tait pas propre de faire

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<a href="#" onClick="display(this)">

Cependant le code suivant ne marche pas :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<a href="javascript:display(this)">

Qu'elle est la m�thode la plus propre pour faire ce genre d'appel sachant que je ne souhaite pas que ma page se recharge. Je souhaiterais donc �viter ce genre de code :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<a href="index.php" onClick="display(this)">

Merci.

**nod__** · 07/08/2009, 12h00

tout d�pend de ce que tu veux.

Si dans ton <a> il n'y a pas de href (ou juste ton #) c'est crade. HTML poss�de un �lement pour les interactions : <button>

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

<button onclick="display(this)"></button>

la suite c'est d'attacher le gestionnaire d'�v�nement � partir de javascript et non pas dans le html en dur.

**SpaceFrog** · 07/08/2009, 12h28

utiliser une balise a pour declencher une fonction g�ne principalement au niveau de r�f�rencement et c'est �� viter.
mieux vaut comme le dit nod utiliser un bouton

En cas de force majeure il faut tout de m�me inhiber le href avec un retunr false

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<a href="#" onclick="display(this);return false;">

**redkan** · 07/08/2009, 13h50

En fait il s'agit d'un menu avec onglet qui me permet d'afficher/masquer des panels donc je trouve que l'utilisation de la balise <button> n'est pas vraiment ad�quate.

Y a-t-il une raison logique � ce que :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<a href="javascript:display(this)">

renvoie un DOMElement et pas l'�l�ment courant ?

**nod__** · 07/08/2009, 14h00

bah si �a renvoie l'�lement courant, le <a> en question…

Montre le html de ton menu, normalement si c'est des cat�gorie de menu tu devrait utiliser un titre pour ces cat�gories, et mettre le onclick sur le titre en question.

Sinon t'as des bon scripts qui trainent pour faire bien ce genre de chose.

**redkan** · 07/08/2009, 14h08

Envoy� par nod__

bah si �a renvoie l'�lement courant, le <a> en question�

Petite erreur de ma part ca ne renvoie pas un DOMElement mais un DOMWindow.

Envoy� par nod__

Montre le html de ton menu, normalement si c'est des cat�gorie de menu tu devrait utiliser un titre pour ces cat�gories, et mettre le onclick sur le titre en question.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
 
<ul>
	<li><a href="javascript:display(this)"><span>Pannel 1</span></a></li>
	<li class="current"><a href="display(this)"><span>Pannel 2</span></a></li>
	<li><a href="javascript:display(this)"><span>Pannel 3</span></a></li>
</ul>

Envoy� par nod__

Sinon t'as des bon scripts qui trainent pour faire bien ce genre de chose.

La plupart des scripts que j'ai trouv� utilisent un href="#" onclick="display()".

Apr�s le code pour afficher cacher il suffit juste de modifier le style.display.

Merci pour votre aide.

**SpaceFrog** · 07/08/2009, 14h12

et le href n'est toujours pas inhiber ...

# peut �tre compris par certains navigateurs comme une renvoi en haut de page (ancre par defaut) ...

**Bovino** · 07/08/2009, 14h20

Petite erreur de ma part ca ne renvoie pas un DOMElement mais un DOMWindow.

Oui, c'est normal, dans la notation

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<a href="#" onclick="display(this);return false;">

L'action se fait au niveau du onclick qui est une propri�t� de l'objet JavaScript r�pr�sentant la balise HTML <a>, donc this fait r�f�rence � cet objet.
Dans la notation (que je d�conseille vivement)

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<a href="javascript:display(this)">

L'action se fait au niveau de la pseudo-url du href, il n'y a donc pas de lien explicite avec l'objet JavaScript repr�sentant la balise, donc le contexte est global et this r�f�rence l'objet le plus global du document, c'est-�-dire window

**redkan** · 07/08/2009, 14h43

On en revient donc � la premi�re solution avec en plus l'inhibition (dont je n'ai pas vraiment compris l'utilit�).

Hormis le probl�me de retour en haut de la page (ancre par d�faut) cette m�thode ajoute � l'url le "#" ce que je ne trouve pas tr�s propre non plus.

Il existe donc que cette solution

.

Merci.