[Jquery] finestre dialog, icone x e chiusura

**HammerFist** · 15-04-2016, 17:24

salve, uso le finestre di dialogo di jquey
mi capita sempre che in alto a dx non mi compaia la x per la chiusura
cioè compare il bottone ma non la "x"
da che può dipendere?
e cosa si setta per far chiudere la finestra cliccando fuori la finestra stessa sulla zona
oscurata?

**fermat** · 15-04-2016, 17:26

ciao!

che intendi per "finestre di dialogo di jquey"??
jquery non è una libreria grafica.

o forse intendi jquery ui?? --> https://jqueryui.com/dialog/

cmq posta il codice così è più facile aiutarti.

**HammerFist** · 15-04-2016, 17:44

Originariamente inviata da fermat

ciao!

che intendi per "finestre di dialogo di jquey"??
jquery non è una libreria grafica.

o forse intendi jquery ui?? --> https://jqueryui.com/dialog/

cmq posta il codice così è più facile aiutarti.

si intendo le jquery ui

codice:

<script type="text/javascript" src="js-plugin/jquery/jquery.1.10.2.min.js"></script>
<script type="text/javascript" src="js-plugin/jquery-ui/jquery-ui-1.8.23.custom.min.js"></script>

  <script>
          $(function() {
        $('#dialog').dialog({
            modal: true, 
width: 400, 
dialogClass: "foo",   
 height: 300,  
            show: {effect: 'fade', duration: 200}, 
            open: function(){},
            close: function(){ },        
            autoOpen: false, 
            position: { my: "center",    at: "center", of: "#header"}    }
            );
    });
          </script>

**fermat** · 15-04-2016, 17:51

ho provato il tuo codice, a parte l'opzione autoOpen, e vedo la x in alto a destra per chiudere il dialog:

codice:

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>jQuery UI Dialog - Default functionality</title>
        <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
        <script src="//code.jquery.com/jquery-1.10.2.js"></script>
        <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
        <script>
            $(function () {
                $('#dialog').dialog({
                    modal: true,
                    width: 400,
                    dialogClass: "foo",
                    height: 300,
                    show: {effect: 'fade', duration: 200},
                    open: function () {},
                    close: function () { },
//                    autoOpen: false,
                    position: {my: "center", at: "center", of: "#header"}}
                );
            });
        </script>
    </head>
    <body>
        <div id="dialog" title="Basic dialog">
            <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
        </div>
    </body>
</html>

forse qualche settaggio errato sul CSS custom??

**Ciakko** · 17-04-2016, 10:24

Risposta forse scontata ma è capitato anche a me... hai inserito le immagini nella cartella corretta?

Discussione: [Jquery] finestre dialog, icone x e chiusura

Strumenti discussione

Ricerca discussione

Visualizza

[Jquery] finestre dialog, icone x e chiusura

Permessi di invio