Récuperer valeur de cellule dans un tableau généré

Version imprimable

Bonjour, je génère un tableau de la manière suivante:
Code:

1 2 3 4 5 6 7 8 9 10 while ($row2 = mysqli_fetch_array($result2)) { echo '<tr> <td>'.$row2['Line'].'</td> <td>'.$row2['CSL'].'</td> <td>'.$row2['NoType'].'</td> <td>'.$row2['Coût'].'</td> <td>'.$row2['Quantité'].'</td> <td id="details"><img src="images/bar.png" onmouseover="mouseOver()" /></td> </tr>';
Je voudrais qu'au survol de la cellule id 'details', récupérer les valeurs des cellules <td>'.$row2['Line'].'</td>, <td>'.$row2['CSL'].'</td>.

Le but du jeu étant par après d'afficher dans une info bulle une requête liée au valeur récupérées.

Merci par avance pour votre aide.

07/06/2017, 16h40
Nazoïde

Sois plus explicite:

Citation:

Je voudrais qu'au survol de la cellule id 'details', récupérer les valeurs des cellules <td>'.$row2['Line'].'</td>, <td>'.$row2['CSL'].'</td>.

Le but du jeu étant par après d'afficher dans une info bulle une requête liée au valeur récupérées.

Comment? plus d'explication.
Pour un premier pas, t'aura besoin d'ajax et/ou du javascript et/ou du jquery.
07/06/2017, 17h15
Invité
Bonjour,

1/

Code:

<td id="details">

NON ! un id doit être UNIQUE ! (or, on est ici dans une boucle)

Solution :

Code:

<td class="details">

2/ à priori, ça concerne JavaScript. Pas PHP.

Et il suffit de transmettre l'id (index de la table, AUTO-INCREMENT) à la fonction mouseOver() :
Code:

1 2 3 4 echo ' <td>'.$row2['Quantité'].'</td> <td class="details"><img src="images/bar.png" onmouseover="mouseOver('.$row2['id'].')" /></td> ';
Ensuite :
Code:

1 2 3 function mouseOver( id ) { ...
3/ 'coût', 'Quantité' :
On ne met pas d'ACCENTS dans les noms de champ !
C'est s'exposer à des problèmes....

J'avance mais je reste bloqué... J'ai intégré les 'class' pour chaque td désiré. Mais au survol je ne récupère qu'une cellule (coordonnées figées dans le code java...), je ne sais pas comment faire pour chaque ligne... Merci par avance

Voici mon code:

Code:

1
2
3
4
5
6
7
8
9
10
11
 
while ($row2 = mysqli_fetch_array($result2)) {
		echo '<tr>
				<td class="ligne">'.$row2['Line'].'</td>
				<td class="cellule">'.$row2['CSL'].'</td>
				<td class="Type">'.$row2['NoType'].'</td>
				<td class="Cout">'.$row2['Cost'].'</td>
				<td class="Qty">'.$row2['Quantity'].'</td>
				<td class="details"><img src="images/bar.png" onmouseover="mouseOver();" /></td>
			</tr>';
												 }

JAVASCRIPT:

Code:

1
2
3
4
5
6
7
 
<script>function mouseOver() {
 
                alert(document.getElementsByTagName('table')[0].getElementsByTagName('tr')[0].cells[1].innerHTML);
 
            }
		</script>

08/06/2017, 10h40
Invité

Lis les réponses jusqu'au bout...
Je t'ai donné une solution.

N.B. Ne confond pas Java et JavaScript.

Oui, mais je ne comprends pas...
Du coup, je me créé un id pour chaque ligne

Code:

<td id="'.$i++.'" class="details"><img src="images/bar.png" onmouseover="mouseOver();" /></td>

Mais je ne sais pas comment le récupérer cette valeur en javascript...
Code:

1 2 3 4 5 6 7 8 9 <script> function mouseOver() { var x = document.getElementsByClassName('ligne'); var y = document.getElementsByClassName('cellule'); var z = document.getElementsByClassName('Type'); alert(x[0].innerHTML+'|'+y[0].innerHTML+'|'+z[0].innerHTML); //au lieu de x[0], il faudrait l'index de la ligne au survol..... } </script>

J'ai trouvé, bon la méthode est pas très propre mais bon...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<?php
$i=0;
	while ($row2 = mysqli_fetch_array($result2)) {
		echo '<tr>
				<td class="ligne">'.$row2['Line'].'</td>
				<td class="cellule">'.$row2['CSL'].'</td>
				<td class="Type">'.$row2['NoType'].'</td>
				<td class="Cout">'.$row2['Cost'].'</td>
				<td class="Qty">'.$row2['Quantity'].'</td>
				<td id="'.$i++.'" class="details"><img src="images/bar.png" onmouseover="mouseOver();" /></td>
			</tr>';
												 }
?>

Javascript:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<script>
			onload = function (){
				var TousLestd = document.getElementsByTagName('td');
					for (var i=0; i<TousLestd.length; i++){
						TousLestd.item(i).onmouseover = function (){
							var x = document.getElementsByClassName('ligne');
							var y = document.getElementsByClassName('cellule');
							var z = document.getElementsByClassName('Type');
							alert(x[this.id].innerHTML+'\r\n'+y[this.id].innerHTML+'\r\n'+z[this.id].innerHTML);
														}
																	}
								}
		</script>

08/06/2017, 11h50
Nazoïde

Content pour toi. Fais donc passer la discussion à résolue.