Popup qui s'adpate au contenu
Bonjour,
Je dois modifier toutes les popups de notre application pour respecter la norme suivante : "toutes les popups doivent avoir exactement 20 pixels entre le bord haut,bas,gauche et droite."
J'ai donc dans un premier temps modifier le CSS pour mettre un margin à 20px.
Pour les bords haut et gauche,c'est donc OK.
Pour les bords droite et gauche,ça se complique puisque ça va dépendre du contenu et surtout de la taille de la popup. J'essaye donc de trouver une solution pour redimensionner la popup apres le chargement de celle ci.
Voici mon script actuel :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
function resizePopup(window,id)
{
<div style="margin-left:40px">// Je recupere la largeur maximum de la page
var maxWidth = 0;
$(document.body).descendants().each(function(item) {
if(item.offsetWidth > maxWidth ){
maxWidth = item.offsetWidth;
}
});
// Je recupere la position du dernier élément de ma page (id)
var maxHeight = document.getElementById(id).offsetTop + document.getElementById(id).offsetHeight + 20;
$(document.body).innerWidth = maxWidth +20;
$(document.body).innerHeight = maxHeight;</div>} |
Ce code fonctionne plutôt pas mal sous firefox mais pas sur IE7, le maxHeight sous firefox n'est pas du tout le même que sous IE (a cause des margins CSS que IE ne prend pas en compte ?). Comment puis je récupérer la position de mon dernier élément sous IE ?
Si vous avez une idée,je suis preneur car je galère un peu dessus depuis hier...:?
Merci
