Discussion :

[jules_diedhiou]

bonjour j'essaye de personnalisé une boite de dialogue en jquery mais ça ne marche pas...
avant j'utilisais ce code et le popup s'ouvrait

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
 $(document).ready(function () {
                $('.checkbox').click(function () {
                    if ($(this).is(':checked')) {
                        checked_value = $(this).val();
                        $("#txt_lala").text(checked_value);
 
                        $("#Form").dialog({
 
                                   close: function () {
                                $('.checkbox').prop('checked', false);
                            }
                        });
                    } else {
                        $("#Form").dialog('close');
                    }
                });
            });

aprés j'ai ajouté un bout de code pour personnaliser

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
$(document).ready(function () {
                $('.checkbox').click(function () {
                    if ($(this).is(':checked')) {
                        checked_value = $(this).val();
                        $("#txt_lala").text(checked_value);
 
                        $("#Form").dialog({
                                   autoOpen: false,
                                       height: 300,
                                      width: 350,
                                     modal: true,
                                   close: function () {
                                $('.checkbox').prop('checked', false);
                            }
                        });
                    } else {
                        $("#Form").dialog('close');
                    }
                });
            });

mais le popup ne s'ouvre plus

[danielhagnoul]

Bonsoir

Avec l'option "autoOpen" à "false", il faut ouvrir le dialogue par : $( "#Form" ).dialog( "open" );.

Si je comprends bien votre code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$( "#Form" ).dialog({
    "autoOpen" : false,
    "height" : 300,
    "width" : 350,
    "modal" : true,
    "close" : function(){
        $( '.checkbox' ).prop( 'checked', false );
    }
});
 
$( '.checkbox' ).on( "click", function(){
    if ( $( this ).is( ':checked' ) ){
        var checked_value = $( this ).val();
        $( "#txt_lala" ).text( checked_value );
        $( "#Form" ).dialog( "open" );
    } else {
        $( "#Form" ).dialog( 'close' );
    }
});

[jules_diedhiou]

Merci ça marche