guns17 Posté 13 Avril 2007 Partager Posté 13 Avril 2007 Bonjour, je m'explique un peu plus. j'ai un tableau d'un centaine de lignes sur lesquelles je peux cliquer sur chaque ligne afin d'afficher un div. j'ai reussi à afficher le div au milieu de la fenetre, mais le probleme est que si je clique sur la dernière ligne, le div s'affcihe mais en haut de la page, vu que l'ai centré en css avec une hauteur fixe. qu'elle serait votre solution pour afficher le div au centre de la fenetre et au bon niveau? peut etre afficher le div au niveau de la ligne cliquée mais comment? je n'arrive pas à trouver une solution. Merci d'avance. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sarc Posté 13 Avril 2007 Partager Posté 13 Avril 2007 Bonjour, Il nous faudrait l'URL de la page pour mieux comprendre... Sans code ni URL, on aura du mal à deviner comment tu fais ton tableau, et donc comment résoudre le problème Lien vers le commentaire Partager sur d’autres sites More sharing options...
guns17 Posté 13 Avril 2007 Auteur Partager Posté 13 Avril 2007 c'est une application en interne c'est pour ça que je ne peux pas donner d'url. voici le code simplifié : je cache le div "causeAnnul" par défaut, lorsque clique sur le numero de ligne, ça affiche le div. <script language="javascript" type="text/javascript">function affichChoix(){document.getElementById("causeAnnul").style.display="block";}function cacheChoix(){document.getElementById("causeAnnul").style.display="none";}</script><body><div id="causeAnnul"><form name="form1" method="post" action="liste_dessus.php?act=1"> <table width="100%"> <tr> <td>texte</td> </tr> </table></form></div><div class="tritab"> </table> <tr> <td width="135" height="12"><a href="java script:affichChoix();" title="annuler">ligne1</a></td> ........... <td width="135" height="12"><a href="java script:affichChoix();" title="annuler">ligne300</a></td> </tr> <table></div></body> #causeAnnul{ position:absolute; background-color:#FFFFFF; left:50%; top:50%; width:300px; height:200px; margin-top:-150px; margin-left:-100px; border:2px solid #000000; display:none; font-size:12px;} Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sarc Posté 13 Avril 2007 Partager Posté 13 Avril 2007 Pourquoi tu as mis un espace à javascript dans ton code HTML ? Essaye de remplacer position:absolute; par position:fixed; La boîte suivra le scroll, je sais pas si ça dérange vu que je connais pas la tête de ta page (tu peux faire un screen shot sinon, ou essayer de le mettre en ligne ? Parce que pas pratique d'improviser..) Avec le fixed en tout cas, tu positionnes par rapport à l'écran et non par rapport à la page. Lien vers le commentaire Partager sur d’autres sites More sharing options...
guns17 Posté 13 Avril 2007 Auteur Partager Posté 13 Avril 2007 j'ai bien fait de demander! merci beaucoup sarc , en effet fixed permet de positionner par rapport à l'écran. mon problème est résolu. bon we! Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant