Discussion :

[Supernatural]

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

Code :

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

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.

[Nazoïde]

Sois plus explicite:

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.

[Invité]

Bonjour,

1/

Code :

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

<td id="details">

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

Solution :

Code :

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

<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 php :

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

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

Ensuite :

Code JavaScript :

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

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....

[Supernatural]

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 :

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

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 :

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

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

[Invité]

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



N.B. Ne confond pas Java et JavaScript.

[Supernatural]

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

Code :

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

<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 :

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

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>

[Supernatural]

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

Code :

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

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 :

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

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>

[Nazoïde]

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