Position dynamique avec css??
m3allem58
Messages postés
58
Date d'inscription
Statut
Membre
Dernière intervention
-
m3allem58 Messages postés 58 Date d'inscription Statut Membre Dernière intervention -
m3allem58 Messages postés 58 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Dans une page asp, il ya plusieurs boutons et un meme popup qui s'affiche en cliquant sur chaque bouton.Je veux que ce popup s'affiche près de chaque bouton non pas dans une meme position.
le css correspondant indique:
top:300px
left:300px
width:250px
donc la position reste la meme.
comment la rendre dynamique sachant que j'ai un petit bout de code javascript qui détemine x et y comme position courante du cuseur (càd du bouton courant.)
Merci.
Dans une page asp, il ya plusieurs boutons et un meme popup qui s'affiche en cliquant sur chaque bouton.Je veux que ce popup s'affiche près de chaque bouton non pas dans une meme position.
le css correspondant indique:
top:300px
left:300px
width:250px
donc la position reste la meme.
comment la rendre dynamique sachant que j'ai un petit bout de code javascript qui détemine x et y comme position courante du cuseur (càd du bouton courant.)
Merci.
A voir également:
- Position dynamique avec css??
- Tableau croisé dynamique - Guide
- Ma position - Guide
- Exemple tableau croisé dynamique télécharger - Télécharger - Tableur
- Suivi position google - Guide
- Liste déroulante dynamique excel - Guide
2 réponses
Bonjour,
Si tu as déjà la position X et Y du curseur, c'est tout simple.
Juste avant d'afficher ton pop-up, tu modifies sa position avec le javascript suivant :
document.getElementById("taPopUp").style.top = POSITIONY + "px";
document.getElementById("taPopUp").style.left = POSITIONX + "px";
En remplaçant :
- taPopUp par l'identifiant du cadre de ta pop-up ;
- POSITIONX par le x de la position courante du curseur ;
- POSITIONY par le y de la position courante du curseur ;
Xavier
Si tu as déjà la position X et Y du curseur, c'est tout simple.
Juste avant d'afficher ton pop-up, tu modifies sa position avec le javascript suivant :
document.getElementById("taPopUp").style.top = POSITIONY + "px";
document.getElementById("taPopUp").style.left = POSITIONX + "px";
En remplaçant :
- taPopUp par l'identifiant du cadre de ta pop-up ;
- POSITIONX par le x de la position courante du curseur ;
- POSITIONY par le y de la position courante du curseur ;
Xavier