Hoe krijg ik deze functie actief?

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Next-level Java Developer functie, veel verantwoor

Bedrijfsomschrijving Mobile Development en Ops Engineering gaan hand in hand bij deze organisatie dat een hoog verantwoordelijkheidsgevoel draagt. Als organisatie ontwikkelt zij dan ook veelal mobiele applicaties ter inspiratie en ondersteuning van belangrijke sectoren in Nederland. Met het technische team van gepassioneerde developers en engineers voeren ze dagelijks veelal diverse, inspirerende en complexe werkzaamheden uit waarbij zij als Java ontwikkelaar interessante software realiseert. Door gebruik van innovatieve software en de nieuwste platformen binnen de sector is deze klant dan ook zeker als vooruitstrevend te betitelen waar zijn enorm veel waarde aan hecht. Functieomschrijving Je werkt aan innovatieve producten binnen een

Bekijk vacature »

George van Baasbank

George van Baasbank

17/03/2014 15:10:44
Quote Anchor link
Hallo allemaal

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

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!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:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<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
 
PHP hulp

PHP hulp

26/11/2020 19:23:40
 
Michael -

Michael -

17/03/2014 15:17:13
Quote Anchor link
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
Gewijzigd op 17/03/2014 15:18:21 door Michael -
 
George van Baasbank

George van Baasbank

17/03/2014 19:49:32
Quote Anchor link
Michael,

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

Ger van Steenderen

17/03/2014 20:44:47
Quote Anchor link
Eigenlijk is het vrij simpel, ik zie in jouw html code nergens een element met id opener.
 
Michael -

Michael -

18/03/2014 08:12:23
Quote Anchor link
>>> 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.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<form action="shop_samenvatting.php" method="POST">
    <p class="midden"><input name="bestelling" type="submit" value="<?php echo $cKnoptekst2c ; ?>" id="opener" /></p>
</form>
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.