modifcare questo jquery

**daniar** · 02-07-2015, 16.55.47

Salve a tutti !!
Scusate,devo inserire questo jquery in una pagina ,è un bottone che cliccando apre una finestra popup,solo che io vorrei assegnare questa funzione invece che ad un bottone ad una voce di un menu responsive,è possibile farlo?

Codice HTML:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Dialog - Animation</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>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    $( "#dialog" ).dialog({
      autoOpen: false,
      show: {
        effect: "blind",
        duration: 1000
      },
      hide: {
        effect: "explode",
        duration: 1000
      }
    });
 
    $( "#opener" ).click(function() {
      $( "#dialog" ).dialog( "open" );
    });
  });
  </script>
</head>
<body>
 
<div id="dialog" title="Basic dialog">
  <p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
 
<button id="opener">Open Dialog</button>
 
 
</body>
</html>

02-07-2015, 19.27.54

Cancella l'elemento button con id= opener e assegna questo id all'elemento che vuoi che apra la finestra.

**daniar** · 02-07-2015, 21.16.51

tyi ringrazio ,ma non so come farlo,in pratica la riga del codice è questa:

Codice HTML:

<li><a href="">Contatti</a>
                    </li>

Dove cliccando su Contatti si dovrebbe aprire quella finestra,ma eleiminando il tag button non so cosa scrivere.

02-07-2015, 22.06.00

Dopo aver eliminato il tag button modifica la riga così

Codice HTML:

<li><a href="#" id="opener">Contatti</a></li>

**daniar** · 02-07-2015, 23.25.31

Sei un grande,grazie mille,ma se posso chiederti un ultima cosetta,per modoficare sta finestra non capisco se è collegato ad un foglio di style esterno o posso farlo direttamente in pagina.

04-07-2015, 11.58.06

l'aspetto grafico è impostato con i CSS (puoi scaricarti il tema che più ti aggrada direttamente da JqueryUI, dove puoi anche personalizzrti un tuo tema).
Per altre impostazioni puoi intervenire tramite le proprietà.

**daniar** · 04-07-2015, 13.45.33

Grazie mille,gentile come sempre :)

Discussione: modifcare questo jquery

LinkBack

Strumenti discussione

Display

modifcare questo jquery

Regole di scrittura