Discussion :

[remyli]

Bonjour à tous.


Suite à la mise à jour de jQuery et jQuery-UI j'ai des problèmes pour positionner les boites de dialogue.
jQuery-1.3.2 => jQuery-1.4.2
jQuery-UI-1.7.2 => jQuery-UI-1.8

Avant la mise à jour mes boites se positionnée bien à l'endroit indiqué lors de leur initialisation : au centre de la page, à 50px de la bordure supérieur de l'écran.
Aujourd'hui elles s'ouvrent dans le coin supérieur gauche.

Voici mon code :

Code :

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

1
2
3
4
5
6
7
8
9
<script>
$("#navigation_carte_france").dialog({autoOpen: false,  width: 568, position: ["center",50]});
 
function navigation_carte_france()
{
    $("#navigation_carte_france").dialog("open");
    return false;
}
</script>

Code :

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

1
2
3
 
<div id="navigation_carte_france" title="Sélectionnez un département">...</div>
<a onClick='javascript:return navigation_carte_france();>Carte de france</a>

J''ai ajouté du débug pour voir la position effectivement enregistré dans le dialog :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script>
$("#navigation_carte_france").dialog({autoOpen: false,  width: 568, position: ["center",50]});
 
// DEBUG : On interroge la position à l'initialisation, à l'ouverture et à la fermeture;
alert($("#navigation_carte_france").dialog("option", "position"));
$( "#navigation_carte_france" ).bind( "dialogopen", function(event, ui) {
    alert($("#navigation_carte_france").dialog("option", "position"));
});
$( "#navigation_carte_france" ).bind( "dialogclose", function(event, ui) {
    alert($("#navigation_carte_france").dialog("option", "position"));
});

A l'initialisation et à l'ouverture la position est bien ["center",50].
Si je ferme le dialogue sans l'avoir déplacé la position est toujours ["center",50].
Si je ferme le dialog après l'avoir déplacé la position correspond à sa nouvelle position.

Merci par avance pour votre aide

[danielhagnoul]

Bonsoir.

Voir : http://jqueryui.com/demos/dialog/#option-position

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
/*
 * http://jqueryui.com/demos/dialog/#option-position
 *
 * Specifies where the dialog should be displayed.
 * Possible values:
 * 1) a single string representing position within viewport: 'center', 'left', 'right', 'top', 'bottom'.
 * 2) an array containing an x,y coordinate pair in pixel offset from left, top corner of viewport (e.g. [350,100])
 * 3) an array containing x,y position string values (e.g. ['right','top'] for top right corner).
 */
$("#navigation_carte_france").dialog({
	autoOpen: false,
	width: 568,
	position: "center"
});

[remyli]

Merci danielhagnoul,

C'est bien ce que j'ai fait.


J'ai fait un test en dehors du site et bien sûr ça marche parfaitement.
Le problème viens donc d'un conflit entre cette dernière version de jQuery et un truc existant sur le site.
Je ne sais pas encore quoi ...

Je continue mes recherches.

[remyli]

J'ai trouvé !

Le problème viens du plugin "dimensions". Celui ci est périmé et est de toute façon intégré dans le core de jQuery.

http://plugins.jquery.com/node/12887
http://plugins.jquery.com/project/dimensions
http://docs.jquery.com/Plugins/dimensions