User-defined-scherm na drukken button
Op een van mijn pagina's krijgt een gebruiker de gelegenheid om een keuze te maken middels een viertal buttons. Even voor de duidelijkheid:
1. Uitnodigen (Je nodigt een persoon uit voor een auditie)
2. Niet-uitnodigen (De persoon wordt niet uitgenodigd voor een auditie)
3. Geselecteerd (De persoon is na de auditie geselecteerd voor een rol)
4. Niet-geselecteerd (De persoon is na de auditie niet geselecteerd voor een rol)
Het drukken van een van deze toetsen wordt gedaan door een commissie.
Nu wil ik na het drukken van een van de knoppen dat er een bevestigingsscherm komt waarin de gebruiker wordt gevraagd of hij de juiste knop heeft gedrukt en of de actie moet worden afgebroken danwel voortgezet.
Nu zit ik met de volgende vragen:
1. Als ik dit in jQuery ga ontwikkelen, moet ik dan kiezen voor 4 verschillende popup-schermen die helemaal zijn afgestemd op de gekozen actie, of
2. Moet ik één scherm ontwikkelen waarin, onder water, de juiste actie verder wordt afgehandeld
Aangezien ik op dit moment nog geen enkel idee heb hoe ik dit moet aanpakken, vraag ik jullie hulp in deze.
De code van de knoppen:
Code (php)
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
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
<div id="dialog-confirm" title="Empty the recycle bin?">
<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>These items will be permanently deleted and cannot be recovered. Are you sure?</p>
</div>
<form action="auditantenkaart.php" method="POST">
<?php
mysqli_data_seek($cResultAuditant,0);
$aKeuze = array();
while($rowAuditant = mysqli_fetch_array($cResultAuditant)) {
$aKeuze[] = $rowAuditant['inhoud'];
?>
<p class="standaardtekst"><?php echo $rowAuditant['inhoud'] ; ?></p>
<?php
}
$_SESSION['keuze'] = $aKeuze;
mysqli_data_seek($rowAuditant,0);
?>
<div>
<p class="headertekstzondermarge"><?php echo $cSubHeader02 ; ?></p>
<?php
$cChecked = "checked='checked'";
while($rowGroepen = mysqli_fetch_array($cResultCastgroep)) {
?>
<input type="radio" name="castgroep" <?php echo $cChecked ; ?> value="<?php echo $rowGroepen['inhoud'] ; ?>" /><span class="standaardtekst"><?php echo $rowGroepen['inhoud'] ; ?></span><br />
<?php
$cChecked = "";
}
?>
</div>
<section class="group9">
<p class="headertekstzondermarge midden"><?php echo $cMelding7 ; ?></p>
<p class="midden">
<input id="bevestiging" type="submit" name="selecteren" value="<?php echo $cKnopTekst8 ; ?>" /><br />
<input id="bevestiging" type="submit" name="selecteren" value="<?php echo $cKnopTekst10 ; ?>" /><br />
<input id="bevestiging" type="submit" name="selecteren" value="<?php echo $cKnopTekst9 ; ?>" /><br />
<input type="submit" name="afdrukken" onclick="window.print()" value="<?php echo $cKnopTekst7 ; ?>" />
</p>
</form>
</section>
<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>These items will be permanently deleted and cannot be recovered. Are you sure?</p>
</div>
<form action="auditantenkaart.php" method="POST">
<?php
mysqli_data_seek($cResultAuditant,0);
$aKeuze = array();
while($rowAuditant = mysqli_fetch_array($cResultAuditant)) {
$aKeuze[] = $rowAuditant['inhoud'];
?>
<p class="standaardtekst"><?php echo $rowAuditant['inhoud'] ; ?></p>
<?php
}
$_SESSION['keuze'] = $aKeuze;
mysqli_data_seek($rowAuditant,0);
?>
<div>
<p class="headertekstzondermarge"><?php echo $cSubHeader02 ; ?></p>
<?php
$cChecked = "checked='checked'";
while($rowGroepen = mysqli_fetch_array($cResultCastgroep)) {
?>
<input type="radio" name="castgroep" <?php echo $cChecked ; ?> value="<?php echo $rowGroepen['inhoud'] ; ?>" /><span class="standaardtekst"><?php echo $rowGroepen['inhoud'] ; ?></span><br />
<?php
$cChecked = "";
}
?>
</div>
<section class="group9">
<p class="headertekstzondermarge midden"><?php echo $cMelding7 ; ?></p>
<p class="midden">
<input id="bevestiging" type="submit" name="selecteren" value="<?php echo $cKnopTekst8 ; ?>" /><br />
<input id="bevestiging" type="submit" name="selecteren" value="<?php echo $cKnopTekst10 ; ?>" /><br />
<input id="bevestiging" type="submit" name="selecteren" value="<?php echo $cKnopTekst9 ; ?>" /><br />
<input type="submit" name="afdrukken" onclick="window.print()" value="<?php echo $cKnopTekst7 ; ?>" />
</p>
</form>
</section>
Het scherm dat na het drukken getoond moet gaan worden moet aan de volgende zaken voldoen:
1. Grootte: 450 X 300px
2. Als het kan met een schaduw
3. De tekst moet opmaakbaar zijn volgens classes in CSS
4. Twee knoppen, Actie voortzetten of Actie afbreken
Wie kan/wil mij hiermee helpen?
George
Toevoeging op 08/03/2014 13:45:48:
Uit een eerdere vraagstelling heb ik deze code (die nu (nog) niet werkt)
Code (php)
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
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
<script type="text/javascript">
$(function() {
$(document).ready(function(){
var dialog = $( "#dialog-confirm" ).dialog({
resizable: false,
height:300,
width:450,
modal: true,
autoOpen: false
});
$('.bevestiging').on('click',function() {
var el = this;
dialog.dialog({
buttons: {
"Verder winkelen": function() {
$('#'+el.id).parent().trigger('submit');
},
"Afronden": function() {
var action = $('#'+el.id).parent().prop('action');
$.post(action, function(){
// alert('Uw bestelling is in de winkelwagen geplaatst');
}).done(function(){
location.href = 'shop_winkelwagen.php';
}).fail(function(){
alert('Er is iets fout gegaan......');
});
}
}
}).dialog('open');
return false;
});
});
</script>
$(function() {
$(document).ready(function(){
var dialog = $( "#dialog-confirm" ).dialog({
resizable: false,
height:300,
width:450,
modal: true,
autoOpen: false
});
$('.bevestiging').on('click',function() {
var el = this;
dialog.dialog({
buttons: {
"Verder winkelen": function() {
$('#'+el.id).parent().trigger('submit');
},
"Afronden": function() {
var action = $('#'+el.id).parent().prop('action');
$.post(action, function(){
// alert('Uw bestelling is in de winkelwagen geplaatst');
}).done(function(){
location.href = 'shop_winkelwagen.php';
}).fail(function(){
alert('Er is iets fout gegaan......');
});
}
}
}).dialog('open');
return false;
});
});
</script>
De teksten t.b.v. de output zijn nog niet aangepast, komen uit een eerdere functie
Gewijzigd op 08/03/2014 13:48:03 door George van Baasbank
Er zijn nog geen reacties op dit bericht.