Discussion :

[zeitoun69]

sauriez vous comment réussir a actualiser une carte dans une tab?
dans une version antérieure de jquery j'utilisais

Code :

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

1
2
3
4
5
6
$('#tabs').bind('tabsshow', function(event, ui) {
        if (ui.panel.id == 'carto')
        {
            initialize();
        }
    });

malhereusement avec 1.9, cela ne fonctionne plus, j'ai testé :

Code :

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

1
2
3
4
5
6
7
8
$("#tabs").tabs({
		fx: {
            opacity: 'toggle'
        },
        show: function (event, ui) {
            google.maps.event.trigger(carto, 'resize');
        },
    });

mais cette fonction ne marche pas chez moi ...

la version de jquery appelée est

Code html :

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

1
2
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

[danielhagnoul]

Ces versions de jQuery (http://jquery.com/download/) et de jQuery UI (http://jqueryui.com/download/) sont obsolètes.

Je ne comprends pas bien la question, on dispose de ui.panel dans l'événement load : http://api.jqueryui.com/tabs/#event-load

[zeitoun69]

A l'initialisation j'indique

Code :

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

1
2
3
$( "#tabs" ).tabs({
  load: function( event, ui ) { initialize();}
});

et en pied de page je mets pour actualiser ma tab au changement d'état

Code :

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

$( ".ccarte" ).on( "tabsload", function( event, ui ) {initialize();} );

Mais cela ne fonctionne toujours pas :-(

[danielhagnoul]

Il n'existe pas d'événement "tabsload" dans UI Tabs : http://api.jqueryui.com/tabs/