Total cleaning of div tag

Question

Total cleaning of div tag

Navigation

#1 by (2 votes)
#2 by (0 votes)
#3 by (0 votes)

1

Good afternoon everyone, I'm working with highcharts graphics, everything works fine, but I have a problem. I'm using Ajax to create all the charts, however the "standing" chart has certain "little mistakes" that do not let me make it so dynamic. What I'm going to do When I send a call to a function that the chart creates, it does it correctly, you can choose the month you want to consult, but when you change the month, it responds. I realized that the JS's of high charts give you additional information to where I am sending to call everything. I have tried to clean it when it starts my function with:

document.getElementById("container").innerHTML = "";

But it does not, I have explored a bit with the developer tools and I have this in the div when there is already a graph:

 <div id="container" data-highcharts-chart="0"></div>

Can someone tell me how to do a total cleansing of the div?

Annex corresponding photos. This is how the code looks when I have not done anything yet.

So you see when I've already sent a graphic, everything is perfect. This for example is the month of July, all that information is put, I want to assume that is what is attached as part of the operation of the graph

This is how I see it when I want to call March, it does not do it anymore and it does not show the graph. As you can see, the div is nowhere to be found, but it has certain labels inside.

Thanks for your support

ajax div highcharts

asked by Alberto Siurob 19.07.2016 в 00:37

source

3 answers

0

Using jquery

  $(function() {
    $("#container").empty ();
 });

This completely cleans the div

answered by 19.07.2016 в 02:12

0

A simple solution would be to replace the div with a new one keeping the properties you want, such as the id. Here is an example of a function.

function limpiaDiv(id) {
  var viejoDiv = document.getElementById(id)
  var nuevoDiv = document.createElement("DIV");
  nuevoDiv.id = viejoDiv.id;
  viejoDiv.parentNode.replaceChild(nuevoDiv, viejoDiv);
}
document.write(primero.getAttribute("data-highcharts-chart"), "<br>");
limpiaDiv("primero");
document.write(primero.getAttribute("data-highcharts-chart"));

<DIV id="primero" data-highcharts-chart="0">Contenido</div>

answered by 19.07.2016 в 16:43

Problem executing c ++ code in Netbeans "Debugger error: During startup program exited with code 0xc0000139." capture more than 1 value with ajax and laravel 5

score 2 · Accepted Answer

I suggest one of the following options:

Generate an HTML element of type div containing in turn the div container that you use for the graph.

Example:

<div id='divContenedorPadre'>
    <div id="container" data-highcharts-chart="0"></div>    
</div>

Then, execute the following code:

// Vacia el DIV contenedor padre y luego genera el DIV 'container'.
document.getElementById("divContenedorPadre").innerHTML = "";
document.getElementById("divContenedorPadre").innerHTML = "<div id=\"container\"></div>";

You can use removeAttribute along with the code provided by the user Miguel Osorio :

document.getElementById("container").removeAttribute("data-highcharts-chart");

Note: I do not really know if it is the best practice, but it generates the expected results.