Accesso a RaspberryItaly

Daniel Diletto

ciao ragazzi, avrei un piccolo problema con jquery, ho un iframe che visualizzo in una semplice pagina.
io questo iframe vorrei visualizzarlo al click con un effetto jquery.
ho provato a prendere spunto dal sito ufficiale di jquery UI e quello che mi è venuto fuori è questo...

Codice:
<html>

  <head>

    <title>RaspiCam</title>

      rel="stylesheet" href="css/style.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() {

    // run the currently selected effect

    function runEffect() {

      // get effect type from

      var selectedEffect = $( "#effectTypes" ).val();

      // most effect types need no options passed by default

      var options = {};

      // some effects have required parameters

      if ( selectedEffect === "scale" ) {

        options = { percent: 100 };

      } else if ( selectedEffect === "size" ) {

        options = { to: { width: 280, height: 185 } };

      }

      // run the effect

      $( "#effect" ).show( "blind", options, 500, callback );

    };

    //callback function to bring a hidden box back

    function callback() {

      setTimeout(function() {

        $( "#effect:visible" ).removeAttr( "style" ).fadeOut();

      }, 1000 );

    };

    // set effect from select menu value

    $( "#button" ).click(function() {

      runEffect();

    });

  </script>             

    </head>

  <body>

        <div align="center"><b>Sorveglianza RaspiCam</b></div>

        <div id="effect" class="sorv">

           <iframe src='http://www.sito.it' width='1024' height='640'></iframe>

        </div>

        <button id="button" class="ui-state-default ui-corner-all">Run Effect</button>

  </body>

</html>

ma purtroppo visualizzo subito l'iframe e il bottone, e se premo il bottone non succede nulla,
dove sbaglio?
è una pagina php che gira sul mio web server del mio piccolo raspi Smile

grazie in anticipo

Social Official

Navigazione

Links Veloci