Discussion :

[Benat64]

Bonjour à tous,

Je n'arrive pas à trouver ou faire :
J'ai un tableau correspondant à une requête sur une table MySQL.
Sur certaines lignes je voudrais faire apparaitre un popup affichant certaines données d'une autre table.
La 2ème table est une table secondaire de la première.

Jusqu'à présent j'utilisais overlib.js qui me suffisait.
Je voudrais aller plus loin en présentation et renseignement, ce que ne me permet pas apparemment overlib.

Auriez-vous un script permettant de récupérer un id et d'afficher dans un fichier html (avec des div) des infos en tant que popup ?

J'espère être assez clair.
Merci pour vos conseils
Benoit

[ryan]

Yop!

Je viens de terminer quelque chose d'assez semblable. Bon, c'est plus une question de javascript que de PHP, s'pas...

Le plus dur est de bien positionner le popup à côté de la cellule qui est cliquée.

Soit la div dans laquelle tu veux afficher les données:

Code :

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

1
2
 
echo "<div id='thepopup'></div>";

Soit la cellule sur laquelle tu veux cliquer:

Code :

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

1
2
 
echo "<td id='company" . $i . "' onMouseDown=\"openPop(" . $i ."," . $row["compid"] . ",'company','right',200)\">" . $row["company"] . "</td>";

Dans mon cas, j'ai une boucle dont le compteur est $i et qui parcourt le résultat $row d'un query sur la table "company" de ma base.

Le but est d'afficher les coordonnées de la compagnie quand on clique sur son nom.

L'ID de la compagnie est $row["compid"] et son nom est $row["company"].

La fonction openPop() attend les paramètres suivants:
- l'index $i
- l'ID de la compagnie
- le mot company qui va permettre à la fonction de reconstituer l'ID de la cellule en concaténant ce mot et l'index $i (j'ai aussi d'autres cellules qui affichent d'autres renseignements sur les factures de la compagnie, et dans ce cas, le mot est invoice)
- la direction d'affichage du popup (right ou left) par rapport à la cellule qui est cliquée
- la largeur du popup (ici: 200)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
function openPop(theindex,theid,thepop,thedirection,thewidth)
{
 
  // appel aux fonctions AJAX qui affichent les coordonnées de la compagnie ou les données de la facture dans le popup
  if(thepop == "invoice") showInvoice(theid);
  if(thepop == "company") showCompany(theid); 
 
  popupobject = document.getElementById("thepopup"); 
 
  theobject = document.getElementById(thepop + theindex);
 
  cellwidth = theobject.offsetWidth;  
 
  // trouve les coordonnées du coin supérieur gauche de la cellule
  x = 0;
  y = 0;
  while (theobject != null)
  {
    x = x + theobject.offsetLeft - theobject.scrollLeft;
    y = y + theobject.offsetTop - theobject.scrollTop;
    theobject = theobject.offsetParent;
  }
 
  // si le navigateur est IE, il faut tenir compte du scroll de la page
  if (document.all) 
  {
    thescroll = document.documentElement.scrollTop;
  }
  else
  {
    thescroll = 0;
  }	
 
  y = y + thescroll;
 
  if (thedirection == "right") x = x + cellwidth;
  if (thedirection == "left") x = x - thewidth;
 
  popupobject.style.display = "block";
  popupobject.style.top = y + "px";
  popupobject.style.left = x + "px";
  popupobject.style.width = thewidth + "px";
}

J'espère qu'il n'y a pas de faute car j'ai simplifié le code. Dans ma page, je tiens aussi compte d'un rollover de la cellule et de l'affichage de la cellule dans une couleur différente quand le popup est affiché à côté d'elle, le tout en modifiant la classe de la cellule.

[Benat64]

Merci ryan pour ton code,

Je vais tester, en tout cas il devrait répondre en partie à mes attentes, à moi à le peaufiner.

Effectivement, il aurait été plus judicieux de le mettre dans le forum javascript.

Bonne journée
Benoit