Php in Javascript
Ik ben momenteel bezig met het opzetten van een website met weerstations. Nu wat ik graag zou weten?
Hoe kan ik variabelen uit een tekstbestand lezen via javascrtipt.
Bevoorbeeld bij php is het zo
Hoe kan ik dit in een javascript invoegen om uit te lezen?
Hoe kan ik variabelen uit een tekstbestand lezen via javascrtipt.
Bevoorbeeld bij php is het zo
Hoe kan ik dit in een javascript invoegen om uit te lezen?
Gewijzigd op 19/09/2012 13:57:03 door Thomas Lombaert
Bedankt Albert,
Ja veel ken ik daar niet van :). Met php kan ik al heel wat.
Maar javascript is toch een ander iets.
Ja veel ken ik daar niet van :). Met php kan ik al heel wat.
Maar javascript is toch een ander iets.
Thomas, alles valt te leren ;-)
Dat is een feit :)
alleen als je AJAX wilt leren, bespaar een hoop moeite en doe dat met jQuery, een framework van Javascript. Daar bespaar je zeker 20 lijntjes overtypen mee.
Laatste tijd vind ik zelf JSON erg handig.. Array omzetten naar JSON en klaar.
Dit is mijn google charts code:
<html>
<head>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load('visualization', '1', {'packages': ['geochart']});
google.setOnLoadCallback(drawMarkersMap);
function drawMarkersMap() {
var data = google.visualization.arrayToDataTable([
['City', 'Temperatuur'],
['Waregem', 10],
]);
var options = {
region: 'BE',
displayMode: 'markers',
colorAxis: {colors: ['blue', 'red']}
};
var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
chart.draw(data, options);
};
</script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
</body>
</html>
Dus de temperatuur zou moeten uitgelezen worden via javascript.
<html>
<head>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load('visualization', '1', {'packages': ['geochart']});
google.setOnLoadCallback(drawMarkersMap);
function drawMarkersMap() {
var data = google.visualization.arrayToDataTable([
['City', 'Temperatuur'],
['Waregem', 10],
]);
var options = {
region: 'BE',
displayMode: 'markers',
colorAxis: {colors: ['blue', 'red']}
};
var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
chart.draw(data, options);
};
</script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
</body>
</html>
Dus de temperatuur zou moeten uitgelezen worden via javascript.
Je kan de variabele gewoon echoën in je JS code en daar gebruiken. PHP wordt uitgevoerd op de server, ergens ver weg, het browser, waar JS wordt uitgevoerd, ontvangt alleen de code die de PHP code genereert. Als je dus dit doet:
Krijgt het browser, en dus ook de JS engine, alleen dit te zien:
En dat is dus ook hoe je je JS moet zien.
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
Krijgt het browser, en dus ook de JS engine, alleen dit te zien:
En dat is dus ook hoe je je JS moet zien.
Dan doe ik dit?
<script>
var temperatuur = '';// ...
</script>
<script>
Code (php)
1
<?php eval(str_replace(array("BOF", "EOF", "\n"), "", file_get_contents ("http://www.weerwaregem.be/data/customtextout10.txt").';')); ?>
var temperatuur = '';// ...
</script>
Gewijzigd op 19/09/2012 16:49:49 door Thomas Lombaert
Misschien even kijken waar $outsideTemp op de pagina gedefinieerd wordt. Voor of na het script.
Dit is het resultaat die ik zelf invul:
http://weerwaregem.be/test/test.php
Maar ik weet totaal niet hoe ik doe code in het script moet plaatsen.
:(
http://weerwaregem.be/test/test.php
Maar ik weet totaal niet hoe ik doe code in het script moet plaatsen.
:(
Gewijzigd op 19/09/2012 17:02:31 door Thomas Lombaert




