Bonjour,
j'ai un comportement étrange avec ma page. Celle-ci est composée de divers <object> que je viens positionner et dimensionner en fonction de la taille de la fenêtre courante. J'ai donc une fonction $(window).resize(); avec le traitement qui va bien, que j'appelle aussi depuis ma fonction $(document).ready(); pour réaliser le même traitement avec la fenêtre initiale.
Or quand je charge ma page dans ma fenêtre initiale, celle-ci est quasiment vide. Il n'y a que cet object qui me sert d'image de fond qui lui apparaît bien comme je veux
Les autres objets qui eux sont de type SVG ne sont pas affichés
Mais si je décide de redimensionner même légèrement ma fenêtre Oh miracle ! tout s'affiche correctement.
De proche en proche j'ai fini par trouver la ligne qui pose problème et c'est ici que ça se passe
Cette fonction toute bête centralise le code qui me permet de spécifier les dimensions et le positionnement absolu de l'appelant.
Eh bien lorsque je commente les deux lignes qui fixent la largeur et la hauteur, alors mon comportement étrange disparaît. Dès le loading de ma page dans cette fenêtre initiale tous les objets apparaissent bien (certes avec une taille pas adaptée) et ces objets bougent bien ensuite au gré des redimensionnement de la fenêtre.
Alors j'ai tenté ces 3 écritures, et même constat
$(this).width(w);
$(this).css('width', w);
$(this).attr('width', w);
C'est quoi ce beans ?
j'ai un comportement étrange avec ma page. Celle-ci est composée de divers <object> que je viens positionner et dimensionner en fonction de la taille de la fenêtre courante. J'ai donc une fonction $(window).resize(); avec le traitement qui va bien, que j'appelle aussi depuis ma fonction $(document).ready(); pour réaliser le même traitement avec la fenêtre initiale.
Or quand je charge ma page dans ma fenêtre initiale, celle-ci est quasiment vide. Il n'y a que cet object qui me sert d'image de fond qui lui apparaît bien comme je veux
<object id="blackboard" data="./img/blackboard.jpg" type="image"></object>
Les autres objets qui eux sont de type SVG ne sont pas affichés
<object id="XXXsvg" data="./img/XXX.svg" type="image/svg+xml"></object>
Mais si je décide de redimensionner même légèrement ma fenêtre Oh miracle ! tout s'affiche correctement.
De proche en proche j'ai fini par trouver la ligne qui pose problème et c'est ici que ça se passe
$.fn.absolute_position = function(w, h, t, l)
{
$(this).width(w);
$(this).height(h);
$(this).offset({
top: t,
left: l
});
};
Cette fonction toute bête centralise le code qui me permet de spécifier les dimensions et le positionnement absolu de l'appelant.
Eh bien lorsque je commente les deux lignes qui fixent la largeur et la hauteur, alors mon comportement étrange disparaît. Dès le loading de ma page dans cette fenêtre initiale tous les objets apparaissent bien (certes avec une taille pas adaptée) et ces objets bougent bien ensuite au gré des redimensionnement de la fenêtre.
Alors j'ai tenté ces 3 écritures, et même constat
$(this).width(w);
$(this).css('width', w);
$(this).attr('width', w);
C'est quoi ce beans ?