table javascript navigateurs object

Bonjour ,

Une table dynamique est générée sans souci dans ma page HTML au moyen du filtering table de dojo.

Problème : lorsque je clique sur un des éléments je souhaite récupérer la valeur et son libellé associé en utilisant ce code :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

var tbody = document.getElementById("tabH").rows; var l = tbody2.length; for (var x = 0; x<l; x++) { if (tbody2[x].className=="selected"){ document.getElementById("salari").innerHTML = tbody2[x].textContent; document.getElementById("codsal").innerHTML = tbody2[x].attributes[1].nodeValue; break; } }

---

1. Y-a-t-il un moyen de trouver sur une table l'élément sélectionné sans faire de boucle et tester le "selected" ?
2. Cela fonctionne très bien avec mozilla 2.0 mais avec IE 7 j'ai une valeur null et une autre undefined.
avec mozilla j'ai un object HTMLTableRowElement, avec IE un object qu'il ne peut exploiter ?

Merci.

c'est quoi la différence entre tbody et tbody2 ...
en plus c'est maladroit d'appeler une varaible tbody ...

désolé,

je testais avec des alert , tbody et tbody2 c'est la même chose !

et avec innerHTML au lieu de textContent ?

et ton attribute[1] c'est quoi ?

avec inspector Dom de mozilla j'ai identifié mon label (libellé affiché) de rang dans la table avec

Code:

---

tbody2[x].textContent;

---

et ma valeur associée dans les attributs avec

Code:

---

tbody2[x].attributes[1].nodeValue

---

.

Mais peu importe, le problème est que l'objet récupéré par

Code:

---

document.getElementById("tabH").rows;

---

n'est pas le même avec mozilla qu'avec IE.

Quelle est l'expression qui permet de lire un <table> HTML en javascript et dont l'interpretation des "rows" se fait de la même manière quelquesoit le navigateur.

Code:

---

var tbody = document.getElementById("tabH").getElementsByTagName('tr');

---

il existe une fonction DOJO

Code:

---

1 2 3 4 5 6 7 8 9

function showSelected(){ var w=dojo.widget.byId("testTable"); if(w){ var s=w.getValue(); if(s.length>0) alert(s); else alert("No rows are selected."); } }

---

et ta table

Code:

---

1 2 3 4 5 6

<div><button onclick="showSelected();">Show the selected object</button></div>   <table dojoType="SortableTable" widgetId="testTable" id="testTable" headClass="fixedHeader" tbodyClass="scrollContent" enableMultipleSelect="true" enableAlternateRows="true" rowAlternateClass="alternateRow" cellpadding="0" cellspacing="0" border="0">   </table>

---