live database feed
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function updateBids() {
var url="getprice.php?auc=<?php echo $id; ?>";
jQuery("#priceElement")<strong class="highlight">.load</strong>(url);
}
<strong class="highlight">setInterval</strong>("updateBids()", 1000);
</script>
</head>
<body>
Here is the price: <div id="priceElement"></div>
</body>
</html>
<html>
<head>
<script type="text/javascript">
function updateBids() {
var url="getprice.php?auc=<?php echo $id; ?>";
jQuery("#priceElement")<strong class="highlight">.load</strong>(url);
}
<strong class="highlight">setInterval</strong>("updateBids()", 1000);
</script>
</head>
<body>
Here is the price: <div id="priceElement"></div>
</body>
</html>
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
<?php
// Anything printed on this page will be loaded into the priceElement <div>
include ('db.php');
$id = $_GET['auc'];
$getprice = mysql_query("SELECT b_currentprice FROM bid WHERE auction_id = '$id' ORDER BY b_timestamp DESC");
$resultprice = mysql_fetch_assoc($getprice);
$price = $resultprice['b_currentprice'];
echo $price;
?>
// Anything printed on this page will be loaded into the priceElement <div>
include ('db.php');
$id = $_GET['auc'];
$getprice = mysql_query("SELECT b_currentprice FROM bid WHERE auction_id = '$id' ORDER BY b_timestamp DESC");
$resultprice = mysql_fetch_assoc($getprice);
$price = $resultprice['b_currentprice'];
echo $price;
?>
dit moet elke seconde de nieuwe database informatie echo'en maar ik heb het geprobeerd en krijg als ik het script zelf aanroep gewoon de echo terug maar niet in de priceElement.
iemand enig idee hoe dit kan?
Ben geen jquery expert, maar
Code (php)
1
.load
zal ergens anderes moeten staan en tussen de script tags staat een andere html tag..
Code (php)
1
<strong class="highlight">setInterval</strong>("updateBids()", 1000);
Kijk nog eens goed op de website waar je de code vandaan hebt of geef ons eens de link van die website.
Heb je eigenlijk de jquery bestanden wel ingeladen?
Gewijzigd op 12/10/2013 11:53:05 door Mebus Hackintosh
http://www.daniweb.com/web-development/javascript-dhtml-ajax/threads/369154/ajax-live-database-feed-using-php-and-sql
vondt het ook al een beetje een raar script had hem al een beetje aangepast maar nog geen resultaat.
Toevoeging op 12/10/2013 11:58:30:
zoals het hier staat is hoe het op die site staat
Toevoeging op 12/10/2013 12:55:18:
wat ik hier gelinked heb is exact wat op die site stond , zelf op mijn site is alles aangepast naar de tabelnamen enz wat ik zelf hanteer
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="javascript/mootools-core-1.4.5.js"></script>
<script type="text/javascript" src="avascript/mootools-more-1.4.0.1.js"></script>
<script type="text/javascript">
window.addEvent('domready', function()
{
new Request({
url: 'data.php',
onSuccess: function(responseText)
{
$('div_id').set('text', responseText);
}
}).send().startTimer();
});
</script>
</head>
<body>
<div id="div_id"></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="javascript/mootools-core-1.4.5.js"></script>
<script type="text/javascript" src="avascript/mootools-more-1.4.0.1.js"></script>
<script type="text/javascript">
window.addEvent('domready', function()
{
new Request({
url: 'data.php',
onSuccess: function(responseText)
{
$('div_id').set('text', responseText);
}
}).send().startTimer();
});
</script>
</head>
<body>
<div id="div_id"></div>
</body>
</html>
Je moet zelf "mootools-core-1.4.5.js" en "mootools-more-1.4.0.1.js" downloaden van Mootools.
Verander data.php na het naar jou genoemde bestandsnaam. Dit script werkte bij mij in 1 keer zonder problemen en zodra ik in data.php het bedrag veranderden gebeurde dit ook op de andere pagina.
(Mootools more hoef je niet alle componenten aan te vinken. Indien je dat niet doet zorg er wel voor dat je "Request.Periodical" hebt aangevinkt)
Gewijzigd op 12/10/2013 13:19:22 door Mebus Hackintosh
Toevoeging op 12/10/2013 13:36:47:
ik heb alle 2 de bestanden gedownload , geimport , alle text erin gezet en het bestand dat wordt opgehaald aangepast aan mijn bestandsnaam en nog wordt er niks weergeven terwijl het php script 100% zeker een waarde terug geeft
Zet de bestanden die in htdocs staan in je root map neer en kijk eens of het werkt. En download eens firefox en zet daar firebug op. Zo kan je ook zien of er requests zijn die mislukt etc etc..
Toevoeging op 12/10/2013 14:26:30:
maar dit script laat zien welk getal er in het pvp bestand staat , maar hoe zorg ik ervoor dat hij het getal wat ik uit een database haal als getal neerzet?
Toevoeging op 12/10/2013 14:27:14:
nvm ik heb het al , kan gewoon echo'en
Toevoeging op 12/10/2013 14:42:23:
oh hij werkt nu wel op mijn site nu ik de jquery niet meer import , had m voor de zekerheid namelijk wel geimport voor later gebruik. maar het werkt nu. heel erg bedankt mebus hackintosh!