Discussion :

[identifiant_bidon]

Bonjour

Voici mon problème. Je dispose d'un tableau de données. Ce tableau contient beaucoup de lignes et j'ai un lien "afficher" dans chaque ligne.

Je veux afficher un élément par clic sur ce lien. Le hic c'est que cet élément, je voudrais l'afficher au centre de ma page. Pour l'instant, avec ce code, je l'affiche toujours au même endroit. Ce qui fait que si je me trouve en bas du tableau, l'element affiché n'est pas visibkle puisqu'il est affiché en haut:

Code :

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

1
2
	document.getElementById('lien_liste_noire').style.left = (document.body.offsetWidth-200)/2;
	document.getElementById('lien_liste_noire').style.top = (document.body.offsetHeight-180)/2;

Voila, j'espère avoir été assez clair. Merci

[SpaceFrog]

scrollTo ?
scrollTop
scrollLeft ...

[le_chomeur]

position fixed en css ??

[tusssss]

Code :

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

1
2
3
document.getElementById('lien_liste_noire').style.position="fixed";
document.getElementById('lien_liste_noire').style.left = (document.body.offsetWidth-200)/2;
	document.getElementById('lien_liste_noire').style.top = (document.body.offsetHeight-180)/2;

Et avec un positinnement "fixed" ca ne fonctionne pas?

Edit: too late

[le_chomeur]

sinon créer une méthode récupérant le contenu , et tu l'affiche dans une div au centre ( en fixed )

[identifiant_bidon]

Avec le dernier code donné, j'ai mon élément qui est affiché mais tout en bas de mon tableau. ( Je parle du code de Tussssss)

Tiens je vais essayer avec ScrollTo, scrollTop, et scrollLeft proposées par SpaceFrog

[tusssss]

Avec le dernier code donné, j'ai mon élément qui est affiché mais tout en bas de mon tableau. ( Je parle du code de Tussssss)

Tiens je vais essayer avec ScrollTo, scrollTop, et scrollLeft proposées par SpaceFrog

Avec mon code, il faut surement que tu redéfinisses ta distance top et ta distance left. J'ai repris les tiennes en copier/coller

[le_chomeur]

bon ... et ma solution ?

[identifiant_bidon]

Ben c'est précisément ce que je fais en fait.

Voici l'element que j'affiche (avec un style.visibility a visible)

Code :

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

1
2
3
<div id='lien_liste_noire' style='border:0px; background-color:transparent; width:330; height:180; position:absolute; visibility:hidden;left:0;top:0;'>
					<Iframe id='frame_liste_noire' ALLOWTRANSPARENCY='true' width='100%' height='95%' scrolling='no' name='frame_liste_noire' frameborder='0' src=''></Iframe>
				</div>

[identifiant_bidon]

Et meme en mettant

Code :

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

style='border:0px; background-color:transparent; width:330; height:180; position:fixed;

Ca me met mon element tout en bas de page

[SpaceFrog]

Code :

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

position: absolute

[le_chomeur]

bon ... j'dois sentir le poisson aujourd'hui ...

[tusssss]

bon ... j'dois sentir le poisson aujourd'hui ...

Maintenant que tu le dis

[identifiant_bidon]

Ben je t'ai répondu le_chomeur mais aucune de vos solutions ne marche malheureusement ..

[le_chomeur]

le parent de la div doit être en position relative , OU
ta div doit être directement dans le document.
autre point , si tu veux centrer ta div verticalement tu dois récupérer sa hauteur en fonction du contenu ...

[SpaceFrog]

ha j'avais pas compris ça dans ce sens là ...
je pensais qu'il fallait scroller la page de façon à centrer un élement et pas positionner l'élement au centre de la page quelque soit la position des scrollbars ...

[identifiant_bidon]

Ben ce qui est le plus agaçant c'est que j'ai l'impression que je fais deja tous ces trucs mais ca marche tout de meme pas ....

[identifiant_bidon]

ha j'avais pas compris ça dans ce sens là ...
je pensais qu'il fallait scroller la page de façon à centrer un élement et pas positionner l'élement au centre de la page quelque soit la position des scrollbars ...

oui c'est plutot ca que je voulais mais toujours pas de soluce ....

[SpaceFrog]

ben avec scrollTo() ou le en fixant le scrollTop et scrollLeft de la page ...

en calculant le screen.heigh
le obj.offsetHeight

et du coup il faut scroller le body
obj.offsetTop +(screen.height-obj.offsetHeight)/2

pour le centrage en hauteur et pareil pour le centrage en largeur ...

[identifiant_bidon]

Euh ouais j'ai pas tout bien compris mais apparemment ma première façon de faire est pas top. Je ne peux plus utiliser un truc du genre ?? :

Code :

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

1
2
	document.getElementById('lien_liste_noire').style.left = (document.body.offsetWidth-200)/2;
	document.getElementById('lien_liste_noire').style.top = (document.body.offsetHeight-180)/2;

ou ligne_liste_noire est l'id du div que j'affiche

Code :

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

1
2
3
<div id='lien_liste_noire' style='border:0px; background-color:transparent; width:330; height:180; position:absolute; visibility:hidden;left:0;top:0;'>
     <Iframe id='frame_liste_noire' ALLOWTRANSPARENCY='true' width='100%' height='95%' scrolling='no' name='frame_liste_noire' frameborder='0' src=''></Iframe>
</div>