jQuery UI : Changer le label des boutons du dialog

Rédigé par doud | 12 juin, 2010 dans jQuery UI
Pas de commentaires »

Nous allons voir 2 méthodes pour créer dynamiquement des labels pour les boutons des boîtes de dialogue du framework jQuery UI. Cela s’avère utile pour les sites multilingues.

Méthode 1 :
On créé un tableau associatif en JavaScript:

?View Code JAVASCRIPT
 
if(fr) {
    var labelCancel = "Annuler" ;
    var labelAddl = "Ajouter" ;
}
if(en) {
    var labelCancel = "Annuler" ;
    var labelAddl = "Ajouter" ;
}
 
var buttons = {} ;
 
buttons[labelCancel] = function(){...} ;
buttons[labelAddl] = function(){...} ;
 
$('#dialog').dialog({ buttons: buttons });

Méthode 2 :
On modifie le contenu HTML des boutons :

?View Code JAVASCRIPT
 
$('#dialog').dialog({ 
    buttons: { 
        'Cancel' : function(){ ... } , 
        'Add' : function(){ ... } 
    }
});
 
if(fr){
    $(":button:contains('Cancel')").html("Annuler") ;
    $(":button:contains('Add')").html("Ajouter") ;
}

Mots-clefs :, , , ,

Commentaires


5 + four =