Button geeft geen reactie
Ik ben bezig met een formulier waarin je titels aan kunt maken.
Alleen gebeurt er niks als je op de knop NIEUWE TITEL drukt.
Waar kan dat door komen?
TITELS:
<script>
$(document).ready(function() {
var max_fields = 20; //maximum input boxes allowed
var wrapper = $(".input_fields_wrap"); //Fields wrapper
var add_button = $(".add_field_button"); //Add button ID
var x = 1; //initlal text box count
$(add_button).click(function(e){ //on add input button click
e.preventDefault();
if(x < max_fields){ //max input box allowed
x++; //text box increment
$.post( "shared/updateTitles.php", { func: "getTitleID" }, function( data ) {
console.log( data.titleID );
}, "json");
$(wrapper).append('<li class="drsubject" id="<?php echo $titleID; ?>"><table><tr><td style="padding-left: 5px;"><img src="layout/images/cursor.png"></td><td style="padding-left: 5px;"><input type="text" name="titelnaam[]" placeholder="Naam" class="form-control" style="width:200px;"></td><td style="padding-left: 5px;"><input type="text" name="titelfunctie[]" placeholder="Functie" class="form-control" style="width:200px;"></td><td style="padding-left: 5px;"><a href="#" class="remove_field"><i class="fa fa-trash"></i> Verwijder</a></td></tr></table></li>'); //add input box
}
});
$(wrapper).on("click",".remove_field", function(e){ //user click on remove text
e.preventDefault(); $(this).parents('li').remove(); x--;
})
});
</script>
Hieronder kun je titels aanmaken en invullen.<br>
Wil je alleen de naam van iemand in beeld weergeven, laat dan de functie leeg.<br>
Titels voor items kun je inmonteren.<br><br>
<button class="add_field_button"><i class="fa fa-user"></i> NIEUWE TITEL</button><br><br>
<?php
echo "<div id=\"response\" style=\"display: none;\"> </div>";
echo "<div id=\"list\"><ul class=\"input_fields_wrap\">";
$querytitels = "SELECT * FROM titels WHERE itemID = '".$itemID."' ORDER BY volgorde ASC";
$resulttitels = mysqli_query($conn, $querytitels);
$count_query_titels = mysqli_num_rows($resulttitels);
if($count_query_titels == "0"){
}
else{
while($titellist = mysqli_fetch_array($resulttitels, MYSQLI_ASSOC))
{
$titelID = stripslashes($titellist['titelID']);
$naam = stripslashes($titellist['naam']);
$functie = stripslashes($titellist['functie']);
$volgorde = stripslashes($titellist['volgorde']);
echo "<li class=\"drsubject\" id=\"arrayorder_$titelID\"><table><tr><td style=\"padding-left: 5px;\"><img src=\"layout/images/cursor.png\"></td><td style=\"padding-left: 5px;\"><input id=\"arrayorder_$titelID\" type=\"text\" name=\"titelnaam[]\" value=\"$naam\" placeholder=\"Naam\" class=\"form-control\" style=\"width:200px;\"></td><td style=\"padding-left: 5px;\"><input type=\"text\" name=\"titelfunctie[]\" value=\"$functie\" placeholder=\"Functie\" class=\"form-control\" style=\"width:200px;\"></td><td style=\"padding-left: 5px;\"><a href=\"#\" class=\"remove_field\"><i class=\"fa fa-trash\"></i> Verwijder</a></td></tr></table></li>";
}
echo "</ul>";
}
?>
</div>
UPDATE_TITELS.PHP (database connectie werkt)
Alleen gebeurt er niks als je op de knop NIEUWE TITEL drukt.
Waar kan dat door komen?
TITELS:
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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<script>
$(document).ready(function() {
var max_fields = 20; //maximum input boxes allowed
var wrapper = $(".input_fields_wrap"); //Fields wrapper
var add_button = $(".add_field_button"); //Add button ID
var x = 1; //initlal text box count
$(add_button).click(function(e){ //on add input button click
e.preventDefault();
if(x < max_fields){ //max input box allowed
x++; //text box increment
$.post( "shared/updateTitles.php", { func: "getTitleID" }, function( data ) {
console.log( data.titleID );
}, "json");
$(wrapper).append('<li class="drsubject" id="<?php echo $titleID; ?>"><table><tr><td style="padding-left: 5px;"><img src="layout/images/cursor.png"></td><td style="padding-left: 5px;"><input type="text" name="titelnaam[]" placeholder="Naam" class="form-control" style="width:200px;"></td><td style="padding-left: 5px;"><input type="text" name="titelfunctie[]" placeholder="Functie" class="form-control" style="width:200px;"></td><td style="padding-left: 5px;"><a href="#" class="remove_field"><i class="fa fa-trash"></i> Verwijder</a></td></tr></table></li>'); //add input box
}
});
$(wrapper).on("click",".remove_field", function(e){ //user click on remove text
e.preventDefault(); $(this).parents('li').remove(); x--;
})
});
</script>
Hieronder kun je titels aanmaken en invullen.<br>
Wil je alleen de naam van iemand in beeld weergeven, laat dan de functie leeg.<br>
Titels voor items kun je inmonteren.<br><br>
<button class="add_field_button"><i class="fa fa-user"></i> NIEUWE TITEL</button><br><br>
<?php
echo "<div id=\"response\" style=\"display: none;\"> </div>";
echo "<div id=\"list\"><ul class=\"input_fields_wrap\">";
$querytitels = "SELECT * FROM titels WHERE itemID = '".$itemID."' ORDER BY volgorde ASC";
$resulttitels = mysqli_query($conn, $querytitels);
$count_query_titels = mysqli_num_rows($resulttitels);
if($count_query_titels == "0"){
}
else{
while($titellist = mysqli_fetch_array($resulttitels, MYSQLI_ASSOC))
{
$titelID = stripslashes($titellist['titelID']);
$naam = stripslashes($titellist['naam']);
$functie = stripslashes($titellist['functie']);
$volgorde = stripslashes($titellist['volgorde']);
echo "<li class=\"drsubject\" id=\"arrayorder_$titelID\"><table><tr><td style=\"padding-left: 5px;\"><img src=\"layout/images/cursor.png\"></td><td style=\"padding-left: 5px;\"><input id=\"arrayorder_$titelID\" type=\"text\" name=\"titelnaam[]\" value=\"$naam\" placeholder=\"Naam\" class=\"form-control\" style=\"width:200px;\"></td><td style=\"padding-left: 5px;\"><input type=\"text\" name=\"titelfunctie[]\" value=\"$functie\" placeholder=\"Functie\" class=\"form-control\" style=\"width:200px;\"></td><td style=\"padding-left: 5px;\"><a href=\"#\" class=\"remove_field\"><i class=\"fa fa-trash\"></i> Verwijder</a></td></tr></table></li>";
}
echo "</ul>";
}
?>
</div>
UPDATE_TITELS.PHP (database connectie 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
<?php
include("includes/globals.php");
$array = $_POST['arrayorder'];
if ($_POST['update'] == "update"){
$count = 1;
foreach ($array as $idval) {
$search_titel = mysqli_query($conn, "SELECT * FROM titels WHERE titelID = " . $idval."");
$count_titel = mysqli_num_rows($search_titel);
if($count_titel != "0"){
$add_title = mysqli_query($conn, "INSERT INTO titels (naam, functie, volgorde, draaiboekID, itemID, userID) VALUES ('NaamTEST123', 'functie', '0', '15', '158', '25')") or die('Fout, titel is niet ingevoegd');
}
$query = "UPDATE titels SET volgorde = " . $count . " WHERE titelID = " . $idval;
mysqli_query($conn, $query) or die('Fout, volgorde is niet aangepast');
$count ++;
}
echo "De volgorde van de titels is opgeslagen.";
}
if ($_POST['titleID']){
$add_title = mysqli_query($conn, "INSERT INTO titels (naam, functie, volgorde, draaiboekID, itemID, userID) VALUES ('DEZEDAN', 'functie', '0', '15', '158', '25')") or die('Fout, titel is niet ingevoegd');
$titleID = "5";
}
?>
include("includes/globals.php");
$array = $_POST['arrayorder'];
if ($_POST['update'] == "update"){
$count = 1;
foreach ($array as $idval) {
$search_titel = mysqli_query($conn, "SELECT * FROM titels WHERE titelID = " . $idval."");
$count_titel = mysqli_num_rows($search_titel);
if($count_titel != "0"){
$add_title = mysqli_query($conn, "INSERT INTO titels (naam, functie, volgorde, draaiboekID, itemID, userID) VALUES ('NaamTEST123', 'functie', '0', '15', '158', '25')") or die('Fout, titel is niet ingevoegd');
}
$query = "UPDATE titels SET volgorde = " . $count . " WHERE titelID = " . $idval;
mysqli_query($conn, $query) or die('Fout, volgorde is niet aangepast');
$count ++;
}
echo "De volgorde van de titels is opgeslagen.";
}
if ($_POST['titleID']){
$add_title = mysqli_query($conn, "INSERT INTO titels (naam, functie, volgorde, draaiboekID, itemID, userID) VALUES ('DEZEDAN', 'functie', '0', '15', '158', '25')") or die('Fout, titel is niet ingevoegd');
$titleID = "5";
}
?>
Welkt het wel als je het droog uitvoert, en dus je PHP-script aaanroept?
Een button in een formulier reageert eigenlijk alleen als Submit. Als je type=“button” bij de button opneemt, dan kun je meer zaken per click regelen.
Ik heb het probleem opgelost.
Alleen zit nog met een ding: mijn update_titels.php-pagina geeft een variable $newTitleID = $conn->lastInsertId(); terug.
Hoe kan ik die op de index weergeven?
Als ik: alert( "Data Loaded: " + data ); opvraag, zit die variable daarin.
De var moet uiteindelijk als titleID hierin komen:
Alleen zit nog met een ding: mijn update_titels.php-pagina geeft een variable $newTitleID = $conn->lastInsertId(); terug.
Hoe kan ik die op de index weergeven?
Als ik: alert( "Data Loaded: " + data ); opvraag, zit die variable daarin.
De var moet uiteindelijk als titleID hierin komen:
Code (php)
1
$(wrapper).append('<li class="drsubject" id="titelID"><table><tr><td style="padding-left: 5px;"><img src="layout/images/cursor.png"></td><td style="padding-left: 5px;"><input type="text" name="titelnaam[]" placeholder="Naam" class="form-control" style="width:200px;"></td><td style="padding-left: 5px;"><input type="text" name="titelfunctie[]" placeholder="Functie" class="form-control" style="width:200px;"></td><td style="padding-left: 5px;"><a href="#" class="remove_field"><i class="fa fa-trash"></i> Verwijder</a></td></tr></table></li>'); //add in




