Hoe krijg ik deze functie actief?

Door George van Baasbank op 17-03-2014 15:10

1.604 views

Hallo allemaal

Op jqueryui.com heb ik onderstaande functie gevonden die ik graag zou gebruiken:


<!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.10.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.9.1.js"></script>
  <script src="//code.jquery.com/ui/1.10.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>

Nu wil ik dat deze functie wordt aangeroepen door de volgende code:


<form action="shop_samenvatting.php" method="POST">
    <p class="midden"><input name="bestelling" type="submit" value="<?php echo $cKnoptekst2c ; ?>" /></p>
</form>

Ik heb delen van de code in de head van mijn html gezet. Helaas krijg ik het (nog) niet werkend.
Wie heeft een suggestie?

George

Mich

17-03-2014 15:17 gewijzigd op 17-03-2014 15:18

als je
$( "#opener" )
vervangt door
$( :input[type=submit] )
Werkt het, maar dan trigger je nog steeds een submit en zul je doorgaan naar 'shop_samenvatting.php'
Om dit te voorkomen kun je de volgende regel in je click function opnemen
(event.preventDefault) ? event.preventDefault() : event.returnValue = false;

voorbeeld

George van Baasbank

17-03-2014 19:49

Michael,

Helaas krijg ik met jouw suggesties de functie niet werkend. Zijn er wellicht andere zaken die mogelijk moeten worden aangepast?

Ger van Steenderen

17-03-2014 20:44

Eigenlijk is het vrij simpel, ik zie in jouw html code nergens een element met id opener.

Mich

18-03-2014 08:12

>>> Helaas krijg ik met jouw suggesties de functie niet werkend. Zijn er wellicht andere zaken die mogelijk moeten worden aangepast?

Heb je het voorbeeld bekeken? De enige aanpassing die je moet maken #opener vervangen door je input, óf je input submit het id opener geven.


<form action="shop_samenvatting.php" method="POST">
    <p class="midden"><input name="bestelling" type="submit" value="<?php echo $cKnoptekst2c ; ?>" id="opener" /></p>
</form>

Reageren

Inloggen om te reageren