kamome's questions

I am using the following script to convert an XML to a JSON object:

function xmlToJson(xml) {

    var obj = {};

    if (xml.nodeType == 1) { // element
        // do attributes
        if (xml.attributes.length > 0) {
            obj["@attributes"] = {};
            for (var j = 0; j < xml.attributes.length; j++) {
                var attribute = xml.attributes.item(j);
                obj["@attributes"][attribute.nodeName] = attribute.nodeValue;
            }
        }
    } else if (xml.nodeType == 4) { // cdata section
        obj = xml.nodeValue
    }

    // do children

    if (xml.hasChildNodes()) {
        for (var i = 0; i < xml.childNodes.length; i++) {
            var item = xml.childNodes.item(i);
            var nodeName = item.nodeName;
            if (typeof(obj[nodeName]) == "undefined") {
                obj[nodeName] = xmlToJson(item);
            } else {
                if (typeof(obj[nodeName].length) == "undefined") {
                    var old = obj[nodeName];
                    obj[nodeName] = [];
                    obj[nodeName].push(old);
                }
                if (typeof(obj[nodeName]) === 'object') {
                    obj[nodeName].push(xmlToJson(item));
                }
            }
        }
    }
    return obj;
};

It gives me the following error in the console:

Uncaught TypeError: xml.hasChildNodes is not a function

The XML is as simple as this:

<"?xml version="1.0" encoding="utf-8"?>
<animals>
    <dog color='Black'>
        <name>Rufus</name>
        <breed>labrador</breed>
    </dog>
    <dog breed='whippet'>
        Adopted
        <name>Marty</name>
    </dog>
    <cat color="White">
        <name>Matilda</name>
    </cat>
</animals>

What am I doing wrong that I can't work with the XML?

I want to include a map with OpenLayers3 in one divof my web.

The function that determines and creates it is the following:

function traza_mapa() {
    var myVista = new ol.View({
        center: ol.proj.fromLonLat([-30,40],'EPSG:3857', 'EPSG:4326'),
        zoom: 4,
    });

    var map = new ol.Map({
        target: 'map',
        layers: [
            new ol.layer.Tile({
                source: new ol.source.OSM()
            }),  
        ],  
        view: myVista,
        controls: new ol.control.defaults({
            zoom: true,
            attribution: false,
        })
    }); 
    map.addControl(new ol.control.ZoomSlider());
};
traza_mapa();

It is at the end of a script that performs a series of operations at the click of a button. Specifically, it reads a local file and extracts a series of data from it.

This function is at the end and I want it to draw the map inside adiv id='map'

I understand that at the end of the statement traza_mapa()I should include it in the div. It doesn't. However if I run traza_mapa()in the browser console once the local file is loaded it does draw the map.

I think what I need is for this function to call itself at the end of the script, but I can't see how.

The code for loading the text file is as follows

function handleFileSelect(evt) {
    var files = evt.target.files; 
    var lectores = new Array();
    var output = [];
  for (var i = 0, f; f = files[i]; i++) {
    output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ',
                f.size, ' bytes, last modified: ',
                f.lastModifiedDate.toLocaleDateString(), '</li>');


    lectores[i] = new FileReader();

    lectores[i].onload = function(e) {

      resultados_texto = this.result;

    }

    lectores[i].readAsText(f);
  }
  document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>';
}

document.getElementById('files').addEventListener('change', handleFileSelect, false);

I want to get some data from a freely accessible XML file on a remote server.

These are AEMET Open Data files. The idea is to read the xml and extract some information. I want to do it using javascript, so that I can display this data obtained from the xml file on a website. As an example one of the files is;

http://www.aemet.es/xml/maritima/FQXX46MM.xml

I understand how to do it in Python; I create a variable with the content of the XML and then with BeautifulSoup or any other scrapper I read the DOM data from the xml. I have no idea how to get started in javascript. How do I read the remote xml? from there I think I understand how I can get the data of each label.

I have searched how to do it and everything I find seems to be oriented to Ajax, but I can't find how to do it by reading the remote xml directly.

I loop through a list to print to a PDF using jsPDF:

for (i = 0; i <= SRUreport.lista_wps().length; i++) {
    valor_imprimir = (i+'   : '+Ejemplolista[i])[0].trim());
    doc.text(20,100,valor_imprimir);
    alert(valor_imprimir);
}

it alertworks correctly, and it throws me the values ​​of Ejemplolistain pop-up windows.

However, if I use the same variable ( valor_imprimir) to include it in a PDF using jsPFD it throws me the following error:

Uncaught TypeError: Cannot read property '0' of undefined

Why doesn't it recognize the value [0]that belongs to the first string of the array Ejemplolista?

I want the user to enter a value via an Alert. Whether to block popup windows for the script. Is there a way to skip the input line if the user blocks popups?

This simple web is for testing jspdf.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title> creando pdfs</title>
    <link rel="stylesheet" href="">

    <script src="js/jspdf.js"></script>
    <script src="js/FileSaver.js"></script>
</head>

<body>

  <h1> creando un pdf</h1>

  <script>
    function creapdf(){
      var doc = new jsPDF();
      doc.text(20, 20, 'Hello world!');
      doc.text(20, 30, 'This is client-side Javascript, pumping out a PDF.');
      doc.addPage();
      doc.text(20, 20, 'Do you like that?');
      doc.save('test.pdf');
    }
  </script>

<a href="javascript:creapdf()">Download PDF</a>

</body>
</html>

It returns an error. saveAsis not defined.

I have seen this answer which seems to fix the problem https://stackoverflow.com/questions/20340194/doc-save-throwing-error-with-jspdf

However, although I have linked the libraries

<script src="js/jspdf.js"></script>
<script src="js/FileSaver.js"></script>

it keeps giving me the error.

I have the following code:

 <input type="file" id="files" name="files[]" multiple />
<output id="list"></output>

<script>
  function handleFileSelect(evt) {
    var files = evt.target.files; // FileList object

    // files is a FileList of File objects. List some properties.
    var output = [];
    for (var i = 0, f; f = files[i]; i++) {
      output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ',
                  f.size, ' bytes, last modified: ',
                  f.lastModifiedDate.toLocaleDateString(), '</li>');
    }
    document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>';
  }

  document.getElementById('files').addEventListener('change', handleFileSelect, false);
</script>

I get the data from the file read. How do I read the content and assign it to a variable?

I can't understand the FileReader API

Bootstrap

I have the following button from a bootstrap template.

<p><a class="btn btn-primary btn-lg" href="#" role="button">texto_boton &raquo;</a></p>

How can I make onclick launch a script that is in the js folder

I have a Python program that reads a text file (.txt) and with a series of data from the file, generates a PDF with certain information. To read the .txt use regular expressions. In Javascript there is no problem, I can do it in a similar way to Python, but I can't find any library that generates a PDF so that it can be downloaded by the user from the web.

Does anyone know if there is a Javascript library to generate a downloadable PDF?