Javascript Archieven - Pagina 2 van 2 - DomoticX Knowledge Center

amCharts gegevens uit PHP bestand laden

Door Sebastiaan Geplaatst op 2014-12-24 Geplaatst in Grafieken, Java Script Getagd met amcharts, bestanden uitlezen, Javascript, PHP

Ik maak gebruik van deze handleiding om gegevens vanuit een PHP bestand te laden in een Javascript die een GAUGE weergeeft. Wat heb je nodig?: 1) amCharts Ik heb het bestand “samples/angularGauge.html” uit de bibliotheek genomen als voorbeeld voor het …

amCharts gegevens uit PHP bestand laden Lees meer »

Javascript variabelen gebruiken uit een PHP script

Door Sebastiaan Geplaatst op 2014-12-22 Geplaatst in Java Script Getagd met Javascript, PHP, Uitlezen, variabelen

In dit voorbeeld laat ik zien hoe je met een Javascript variabelen uit een ander PHP script kan halen: Als voorbeeld nemen we dit PHP script ‘script.php’ met daarin 2 variabelen:

<?php
$tekst = "Hallo Wereld!";
$getal = 100;
?>

<?php

$tekst = "Hallo Wereld!";

$getal = 100;

Nu volgt het javascript dat de 2 …

Javascript variabelen gebruiken uit een PHP script Lees meer »

Javascript – CSV bestanden uitlezen

Door Sebastiaan Geplaatst op 2014-12-21 Geplaatst in Java Script Getagd met CSV, Javascript, Uitlezen

In dit voorbeeld laat ik zien hoe je een CSV bestand in variabelen kan omzetten met Javascript, de commentaarregels staan tussen het script:

<script type="text/javascript">

document.write('Kolom 1 / Kolom 2<br>');
loadCSV("data.csv");

function loadCSV(file) {
    var request;
    if (window.XMLHttpRequest) {
        // IE7+, Firefox, Chrome, Opera, Safari
        request = new XMLHttpRequest();
    } else {
        // Code voor IE6, IE5
        request = new ActiveXObject('Microsoft.XMLHTTP');
    }
    request.open('GET', file, false);
    request.send();
    parseCSV(request.responseText);
}

function parseCSV(data){
    // Vervang UNIX nieuwe lijn karakters.
    data = data.replace (/\r\n/g, "\n");
    // Vervang MAC nieuwe lijn karakters.
    data = data.replace (/\r/g, "\n");
    // Splijt data in rijen.
    var rows = data.split("\n");

    // Loop door alle rijen heen.
    for (var i = 0; i < rows.length; i++) {
        // Sla lege regels over.
        if (rows[i]) {
            // Splijt rij naar kolommen doormiddel van de onderbrekings karakter.
            var column = rows[i].split(";");

            // De kolom is nu een array.
            // Het 1e deel is de Datum.
            var datum = column[0];
            // Het 2e deel is een variabele (getal).
            var waarde = column[1];

            // Voeg het object toe aan de chartData array
            document.write(datum + ' / ' + waarde + '<br>');
        }
    }
}

</script>

document.write('Kolom 1 / Kolom 2<br>');

loadCSV("data.csv");

function loadCSV(file) {

var request;

if (window.XMLHttpRequest) {

// IE7+, Firefox, Chrome, Opera, Safari

request = new XMLHttpRequest();

} else {

// Code voor IE6, IE5

request = new ActiveXObject('Microsoft.XMLHTTP');

}

request.open('GET', file, false);

request.send();

parseCSV(request.responseText);

}

function parseCSV(data){

// Vervang UNIX nieuwe lijn karakters.

data = data.replace (/\r\n/g, "\n");

// Vervang MAC nieuwe lijn karakters.

data = data.replace (/\r/g, "\n");

// Splijt data in rijen.

var rows = data.split("\n");

// Loop door alle rijen heen.

for (var i = 0; i < rows.length; i++) {

// Sla lege regels over.

if (rows[i]) {

// Splijt rij naar kolommen doormiddel van de onderbrekings karakter.

var column = rows[i].split(";");

// De kolom is nu een array.

// Het 1e deel is de Datum.

var datum = column[0];

// Het 2e deel is een variabele (getal).

var waarde = column[1];

// Voeg het object toe aan de chartData array

document.write(datum + ' / ' + waarde + '<br>');

}

</script>

amCharts gegevens uit CSV bestand laden

Door Sebastiaan Geplaatst op 2014-12-19 Geplaatst in Grafieken, Java Script Getagd met amcharts, bestanden uitlezen, CSV, Javascript

Er staat een mooie handleiding bij amcharts op de website voor het uitlezen van de gefiekgegevens uit een CSV bestand, hier is mijn versie en ervaring: Wat heb je nodig?: 1) amCharts Ik heb het bestand “samples\_JSON_lineWithScrollAndZoom.html” uit de bibliotheek …

amCharts gegevens uit CSV bestand laden Lees meer »

Bestanden downloaden met Javascript via PHP

Door Sebastiaan Geplaatst op 2014-12-07 Geplaatst in Java Script Getagd met Downloaden, Java, Javascript, PHP

Dit is een truucje om via een Javascript met het aanroepen van een PHP script toch bestanden te downloaden van externe bronnen!, daarom is dit script ook bedoelt om op/via een webserver te draaien.

<html>

<head>
<script src="jquery.js"></script>
<title>Java CORS voorbeeld</title>
</head>

<body>
 
<script>
$(document).ready(function(){
    var fileurl = 'http://www.website.nl';
    var filename = 'bestand.ext';
 
    //Voer het bestand 'download.php' uit en wacht totdat het klaar is met downloaden (jQuery/Ajax).
    $.ajax({
        async: false,
        type: 'GET',
        url: 'download.php?url=' + fileurl + '&filename='+ filename,
        success: function(data) {}
    });
});
</script>
 
</body>
</html>

<html>

<head>

<title>Java CORS voorbeeld</title>

</head>

<body>

$(document).ready(function(){

var fileurl = 'http://www.website.nl';

var filename = 'bestand.ext';

//Voer het bestand 'download.php' uit en wacht totdat het klaar is met downloaden (jQuery/Ajax).

$.ajax({

async: false,

type: 'GET',

url: 'download.php?url=' + fileurl + '&filename='+ filename,

success: function(data) {}

});

</script>

</body>

</html>

<?php
file_put_contents($_GET['filename'], file_get_contents($_GET['url']));
?>

<?php

file_put_contents($_GET['filename'], file_get_contents($_GET['url']));

Voorbeeld gebruik: http://mijnwebsite.nl/download.php?url=http://website.nl/bestand.xml&filename=bestand.xml

Zoeken

Tag: Javascript

amCharts gegevens uit PHP bestand laden

Javascript variabelen gebruiken uit een PHP script

Javascript – CSV bestanden uitlezen

amCharts gegevens uit CSV bestand laden

Bestanden downloaden met Javascript via PHP