Bon, voici.. c'est un peu compliqué à expliquer, mais vais essayer
J'ai une page où j'affiche une liste générale de tous les clients de l'entreprise où je travaille (nom de l'entreprise, téléphone, etc..).. à partir d'une base de donnée (j'utilise du php)
mais j'utilise un menu javascript qui, lorsque la souris passe sur le nom de l'entreprise, affiche un petit menu (semblable aux menus de right-click) et où j'ai plusieurs liens du genre..
ajouter client
modifier client
afficher détails client
etc...
Le lien qui est sur le nom du client, appel la fonction javascript qui fait afficher le menu. Le menu lui, est configuré (avec ses liens), plus bas dans la page...
Le problème est le suivant, à la configuration du menu, où je spécifie les liens, il me faut une variable où j'aurais gardé en mémoire le id du client, affin de modifier et d'afficher (selon le lien clické) le bon client.
Mais avec le php c'est côté serveur et donc, si j'utilise une variable php, je me retrouve toujours avec le id du dernier client.
Voici le code (pour simplifier):
Fonctions du menu
<HEAD>
<script src="../medias/dw_viewport.js" type="text/javascript"></script>
<script type="text/javascript">
var menuLayers = {
timer: null,
activeMenuID: null,
offX: 4, // horizontal offset
offY: 6, // vertical offset
show: function(id, e) {
var mnu = document.getElementById? document.getElementById(id): null;
if (!mnu) return;
this.activeMenuID = id;
if ( mnu.onmouseout == null ) mnu.onmouseout = this.mouseoutCheck;
if ( mnu.onmouseover == null ) mnu.onmouseover = this.clearTimer;
viewport.getAll();
this.position(mnu,e);
},
hide: function() {
this.clearTimer();
if (this.activeMenuID && document.getElementById)
this.timer = setTimeout("document.getElementById('"+menuLayers.activeMenuID+"').style.visibility = 'hidden'", 200);
},
position: function(mnu, e) {
var x = e.pageX? e.pageX: e.clientX + viewport.scrollX;
var y = e.pageY? e.pageY: e.clientY + viewport.scrollY;
if ( x + mnu.offsetWidth + this.offX > viewport.width + viewport.scrollX )
x = x - mnu.offsetWidth - this.offX;
else x = x + this.offX;
if ( y + mnu.offsetHeight + this.offY > viewport.height + viewport.scrollY )
y = ( y - mnu.offsetHeight - this.offY > viewport.scrollY )? y - mnu.offsetHeight - this.offY : viewport.height + viewport.scrollY - mnu.offsetHeight;
else y = y + this.offY;
mnu.style.left = x + "px"; mnu.style.top = y + "px";
this.timer = setTimeout("document.getElementById('" + menuLayers.activeMenuID + "').style.visibility = 'visible'", 200);
},
mouseoutCheck: function(e) {
e = e? e: window.event;
// is element moused into contained by menu? or is it menu (ul or li or a to menu div)?
var mnu = document.getElementById(menuLayers.activeMenuID);
var toEl = e.relatedTarget? e.relatedTarget: e.toElement;
if ( mnu != toEl && !menuLayers.contained(toEl, mnu) ) menuLayers.hide();
},
// returns true of oNode is contained by oCont (container)
contained: function(oNode, oCont) {
if (!oNode) return; // in case alt-tab away while hovering (prevent error)
while ( oNode = oNode.parentNode )
if ( oNode == oCont ) return true;
return false;
},
clearTimer: function() {
if (menuLayers.timer) clearTimeout(menuLayers.timer);
}
}
</script>
</HEAD>
Le formulaire pour garder la valeur:
<FORM name=selection>
<input type="text" name="inputStoreId">
Le lien au menu (dans une boucle while qui lit le résultat de la requête sql):
<A HREF="javascript:;" onmouseover="menuLayers.show('mnuStores', event); selection.inputStoreId.value = <?php echo $storeId; ?>" onmouseout="menuLayers.hide()"> <?php echo $storeSurnom; ?> </A>
Description du menu, après la fin de la boucle et avant la fin du formulaire:
<div id="mnuStores" class="menu">
<ul>
<li id=gras>Magasin</li>
<li><a href="page1.php?store= selection.inputStoreId.value">Modifier</a></li>
<li><a href="page2.php?store= selection.inputStoreId.value">Supprimer</a></li>
<li><a href="page1.php?store= selection.inputStoreId.value">Coordonnées</a></li>
</ul>
</div>
J'espère que c'est clair... j'ai enlevé le code qui n'est pas relié à mon problème pour éclaircir un peu et pour ne pas que vous perdiez votre temps à tout lire
Merci
EDITÉ: Pour ce qui est de la solution avec le input et la manière de le récupérer que tu m'as donné Nyro... ca serait possible, mais ca veut dire que lorsque je veux faire mon liens dans la description du menu, il faudrait que mes liens appel une fonction javascript avec un paramètre qui dit quel lien a été cliqué (exemple: modifier client ou supprimer client) et que dans la fonction javascript je fasse une relocalisation avec le bon lien. J'avoue que s'il y a un meilleur moyen, je préfererais un autre moyen, mais sinon, je crois que de cette manière ca devrait fonctionner Modifié par Roxy (31 Mar 2005 - 17:16)
