onclick vraagje
ps, hier komt de code vandaan:
http://www.w3schools.com/PHP/php_ajax_database.asp
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
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
<html>
<head>
<script type="text/javascript" src="selectuser.js"></script>
</head>
<body>
<form method="post">
<table>
<tr>
<td><strong>Naam:</strong></td>
<td><input type="text" name="users" size="50"></td>
</tr>
<tr>
<td><input type="button" onclick="showuser(users)" name="submit" value="Krabbel toevoegen"></td>
<td></td>
</tr>
</table>
</form>
<br />
<div id="txtHint"><b>Person info will be listed here.</b></div>
</body>
</html>
<head>
<script type="text/javascript" src="selectuser.js"></script>
</head>
<body>
<form method="post">
<table>
<tr>
<td><strong>Naam:</strong></td>
<td><input type="text" name="users" size="50"></td>
</tr>
<tr>
<td><input type="button" onclick="showuser(users)" name="submit" value="Krabbel toevoegen"></td>
<td></td>
</tr>
</table>
</form>
<br />
<div id="txtHint"><b>Person info will be listed here.</b></div>
</body>
</html>
Gewijzigd op 01/01/1970 01:00:00 door Els
var xmlhttp;
function showUser(str)
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
{
alert ("Browser does not support HTTP Request");
return;
}
var url="getuser.php";
url=url+"?q="+str;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
function stateChanged()
{
if (xmlhttp.readyState==4)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
return new XMLHttpRequest();
}
if (window.ActiveXObject)
{
// code for IE6, IE5
return new ActiveXObject("Microsoft.XMLHTTP");
}
return null;
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
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
dit is de getuser.php
<?php
$q=$_GET["q"];
$con = mysql_connect('localhost', 'root', 'ww');
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
mysql_select_db("krabbels", $con);
$sql="SELECT * FROM krabbel WHERE id_cate = '".$q."'";
$result = mysql_query($sql);
while($row = mysql_fetch_array($result))
{
$test=$row['link'];
echo '<img src="'.$test.'" border="0" alt="krabbels">';
}
mysql_close($con);
?>
<?php
$q=$_GET["q"];
$con = mysql_connect('localhost', 'root', 'ww');
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
mysql_select_db("krabbels", $con);
$sql="SELECT * FROM krabbel WHERE id_cate = '".$q."'";
$result = mysql_query($sql);
while($row = mysql_fetch_array($result))
{
$test=$row['link'];
echo '<img src="'.$test.'" border="0" alt="krabbels">';
}
mysql_close($con);
?>
Gewijzigd op 01/01/1970 01:00:00 door els
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<?php
mysql_connect("localhost", "root", "ww") or die ("Er kan geen verbinding gemaakt worden.");
mysql_select_db("krabbels") or die ("Er kan geen verbinding gemaakt worden met de database.");
$sql = mysql_query("SELECT * FROM krabbel WHERE id_cate = '".mysql_real_escape_string($_GET['q'])."'");
while($krabbel = mysql_fetch_assoc($sql)) {
echo '<img alt="Krabbels" src="'.$krabbel['link'].'" border="0" />';
}
?>
mysql_connect("localhost", "root", "ww") or die ("Er kan geen verbinding gemaakt worden.");
mysql_select_db("krabbels") or die ("Er kan geen verbinding gemaakt worden met de database.");
$sql = mysql_query("SELECT * FROM krabbel WHERE id_cate = '".mysql_real_escape_string($_GET['q'])."'");
while($krabbel = mysql_fetch_assoc($sql)) {
echo '<img alt="Krabbels" src="'.$krabbel['link'].'" border="0" />';
}
?>
Dat is een stuk eenvoudiger en veiliger.
Hiermee moet ik denk ik trouwens wel lukken:
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function showUser(str) {
var xmlhttp;
if (window.ActiveXObject) {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} else {
xmlhttp = new XMLHttpRequest();
}
if (xmlhttp == null) {
alert("Browser does not support HTTP Request");
return;
}
var url="getuser.php?q=" + str + "&sid=" + Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4) {
document.getElementById('txtHint').innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET", url, true);
xmlhttp.send(null);
}
var xmlhttp;
if (window.ActiveXObject) {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} else {
xmlhttp = new XMLHttpRequest();
}
if (xmlhttp == null) {
alert("Browser does not support HTTP Request");
return;
}
var url="getuser.php?q=" + str + "&sid=" + Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4) {
document.getElementById('txtHint').innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET", url, true);
xmlhttp.send(null);
}
Gewijzigd op 01/01/1970 01:00:00 door Roel -
Maar het werkt nog niet, krijg nu een foutmelding: fout op de pagina.
Heb nu dit in de index pagina staan en de andere 2 bestanden heb ik over genomen van Hoithebest, zie bericht hier boven.
<html>
<head>
<script type="text/javascript" src="selectuser.js"></script>
</head>
<body>
Select a User:
<form method="post" id="form" name="form">
<table>
<tr>
<td><strong>Naam:</strong></td>
<td><input type="text" name="users" size="50"></td>
</tr>
<tr>
<td><input type="button" onclick="showuser(this.form.users)" name="submit" value="toevoegen"></td>
<td></td>
</tr>
</table>
</form>
<br />
<div id="txtHint"><b>Person info will be listed here.</b></div>
</body>
</html>
Gewijzigd op 01/01/1970 01:00:00 door els
Verder is het niet aan te raden dat je met een root-account queries uitvoert als dat niet nodig is.
Maar krijg zelfde foutmelding. ik denk dat de code van selectuser.js niet goed is, zie hier onder.
function showUser(str) {
var xmlhttp;
if (window.ActiveXObject) {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} else {
xmlhttp = new XMLHttpRequest();
}
if (xmlhttp == null) {
alert("Browser does not support HTTP Request");
return;
}
var url="getuser.php?q=" + str + "&sid=" + Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4) {
document.getElementById('txtHint').innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET", url, true);
xmlhttp.send(null);
}