Discussion :

[defluc]

Bonjour,

J'en suis à mes tout début en js.
Dans un élément de liste, j'ai un évènement onclick qui appelle une fonction censée me renvoyer l'élément cliqué.

Je teste la fonction avec des instructions "alert" et rien ne m'est renvoyé par "getElementById".
Par contre, "getAttribute" renvoie bien l'id.

Voici le code de l'élément de liste :

Code :

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

<li><a id="sa" onclick="liClic(this)">sud américaine</a></li>

et la fonction :

Code :

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

1
2
3
4
5
function liClic( id, cell )
{
  alert( id.getElementById('id').innerHTML );  //  ne fonctionne pas
//  alert(id.getAttribute('id') );   //  fonctionne
}

En question complémentaire, je voudrais savoir comment récupérer la valeur renvoyée par la fonction pour l'affecter à une variable globale.

Merci d'avance pour tout éclaircissement.

[SpaceFrog]

tu passes un seul paramètre qui est this lors de l'appel de la fonction ...
Tu passes donc la référence à l'objet

Code :

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

1
2
3
4
5
6
 
function liClic( obj )
{
  alert( obj.innerHTML );  
  alert(obj.id) 
}

les propriétés de l'objet passé deviennent donc accessible dans la fonction au travers de la référence à l'objet obj.

[defluc]

Un tout grand merci pour ce coup de pouce. Le deuxième paramètre est l'id d'une cellule de tableau dans laquelle je compte placer la valeur récupérée, par une instruction du genre
document.getElementById(Cell).innerHTML = id.innerHTML où cell est l'id d'une cellule définie comme dans le code ci-après :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<table style="text-align: left; height: 30px;" id="OptionTableau" border="1" cellpadding="2" cellspacing="2" width="1195">
  <tbody>
    <tr>
      <td style="vertical-align: top;" id="MusClasCell" align="center" width="163"></td>
      <td style="vertical-align: top;" id="MusExoCell" align="center" width="145"></td>
      <td style="vertical-align: top;" id="CinemaCell" align="center" width="67"></td>
      <td style="vertical-align: top;" id="ChansonCell" align="center" width="98"></td>
      <td style="vertical-align: top;" id="DanseCell" align="center" width="83"></td>
      <td style="vertical-align: top;" id="InstrumCell" align="center" width="112">Cellule 5</td>
      <td style="vertical-align: top;" id="HitsCell" align="center" width="62"></td>
      <td style="vertical-align: top;" id="StyleCell" align="center" width="63"></td>
      <td style="vertical-align: top;" id="GrandsNomsCell" align="center" width="116"></td>
    </tr>
  </tbody>
</table>

Mais je n'en suis pas encore là.

[SpaceFrog]

heu ...

je ne vois pas pourquoi tu aurais besoin de l'id du parent ... vu que tu accèdes directement à un element par son id ...

De plus je n'ai rien compris à ton besoin ...
Tu n'aurais pas un exemple ?

[defluc]

D'une part, j'ai une liste formant un menu horizontal de 9 items avec des sous-menus et des sous-sous menu. Tous les éléments des menus et des sous-menus sont identifiés par un id.
D'autre part, sous ce menu, j'ai un tableau d'une ligne et de 9 cellules dont chacune a reçu un id.

Je voudrais qu'au clic sur un élément du menu ou d'un sous-menu, le texte de cet élément soit copié dans dans la cellule du tableau située sous l'élément du menu ou du sous-menu.

Ma fonction liClic(id, cell) a pour but d'assurer cette tâche en recevant l'id de l'élément de la liste (id) et l'id de la cellule (cell) à laquelle la valeur de la liste doit être copiée.

[SpaceFrog]

peut etre avec un schema ou un dessin ???