Supprimer et recréer un canvas en utilisant l'ID

**Thibault92** · 31/05/2012, 16h39

Bonjour,

Voila mon problème :

Je crée un canvas via une fonction draw(), le canvas s'affiche parfaitement.
Je supprime ce canvas avec une fonction maj(), le canvas est supprimé et la fonction redéfinie un nouveau canvas (dans le test ce canvas est identique à l'original). Jusque là tout vas bien sauf que lorsque j'appelle la fonction maj() pour le supprimer j'ai un msg d'erreur :"Node was not found" qui concerne la ligne ci-dessous :
document.getElementById("canvasid").parentNode.removeChild(canvasid);

A priori lorsque je recrée le canvas il n'a pas de 'node' associé et je ne vois pas comment contourner ce problème.

Ci dessous le code de test :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<html>
 <head>
  <script type="application/x-javascript">
function draw() {
	var canvasid = document.getElementById("canvasid");
	var ctx = canvasid.getContext("2d");
 
	var img = new Image();
	img.src = 'data:image/png;base64,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jh8/HocOHYra2trYtWtXVFdXx/r162PNmjWxatWqWLlyZaxYsSKnli9fHs8880wsW7Ysli5dGkuWLInFixfH008/XbBatGhRLFy4MBYsWBDz58+PqqqqmDdvXsydO1d1Y82bNy+qqqpi/vz5sWDBgli4cGFBzufixYtj8eLFsXTp0li2bFk888wzsXz58lixYkWsXLkyVq1aFWvWrIn169dHdXV17Nq1K2pra+PQoUNx/PjxrC8bAHqZlgBr0tIoGbe42yoiOvT1Qu6jWMdSzEphDsWsix9Y0BJgbdiwIYMrBegOAizogOYQq6GhIU6cOBFHjx6NgwcPRm1tbezevTt27doVr7zySuzcuTN27NiRUzU1NVFTUxMvv/xybN++PbZt2xYvvfRSwaq6ujqqq6tj69atsWXLlti8eXNs2rQpXnzxxdi4caPqxnrxxRdj06ZNsWXLlti6dWts3bo1qqurC3Jet23bFtu2bYvt27e39NCOHTti586d8corr8SuXbti9+7dUVtbGwcPHoyjR4/GiRMnoqGhIetLBoBepiXAGrcwSsY81a0VERd8XOjtF+s4VPfXxaPnCrCgFxJgQQed+y+xTp06FfX19XHs2LE4fPhw1NXVxTvvvBMHDx6Mt99+O6cOHDgQBw4ciLfeeiveeuut2L9/f+zfvz/efPPNglVtbW3U1tbGvn374o033oi9e/fG3r17Y8+ePaobq3md9+3bF/v27Ws5D109n8090twzzT309ttvx8GDB+Odd96Jurq6OHz4cBw7dizq6+vj1KlT0djYGE1NTVlfLgD0Mi0B1ug5UVJe2a0VEe0+btbWuObf5/PafLZ3oW115Djaek1727rQmAvN/0LH1ZntdXRtO3J8haiLhz0mwIJeSIAFAADkpTnAuqT80fjI4JndWhHR5uN8n2vW3vYLta9C7aej22pru+3tL599duR1XT2+QtXH75smwIJeSIAFAADkpTnA+sx90+Jjd0/u9oqI83798Ndbe9zW79vadke2l8/j9vbzYR3ZVltj2nrdhfaXz3F19HVdXatC1SdLJwmwoBcSYAEAAHlpCbB+PSk+dse4bq+IOO/XD3+9tcdt/b6tbXdke21ts7P7aW98vmPaek2+8yrUenR1rQpVn7z9AQEW9EICLAAAIC/NAdZn77g/LrplVFEqItr92rmP2/r9hbbR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AAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAAAAkDQBFgAAAABJE2ABAADA/9+OHQsAAAAADPK3nsaOwghYE1gAAAAArAksAAAAANYEFgAAAABrAgsAAACANYEFAAAAwJrAAgAAAGBNYAEAAACwJrAAAAAAWBNYAAAAAKwJLAAAAADWBBYAAAAAawILAAAAgDWBBQAAAMCawAIAAABgTWABAAAAsCawAAAAAFgTWAAAAACsCSwAAAAA1gQWAAAAAGsCCwAAAIA1gQUAAADAmsACAAAAYE1gAQAAALAmsAAAAABYE1gAAAAArAksAAAAANYEFgAAAABrAgsAAACANYEFAAAAwJrAAgAAAGBNYAEAAACwJrAAAAAAWBNYAAAAAKwJLAAAAADWBBYAAAAAawILAAAAgDWBBQAAAMCawAIAAABgTWABAAAAsCawAAAAAFgTWAAAAACsCSwAAAAA1gQWAAAAAGsCCwAAAIA1gQUAAADAmsACAAAAYE1gAQAAALAmsAAAAABYE1gAAAAArAksAAAAANYEFgAAAABrAgsAAACANYEFAAAAwJrAAgAAAGBNYAEAAACwJrAAAAAAWBNYAAAAAKwJLAAAAADWBBYAAAAAawILAAAAgDWBBQAAAMCawAIAAABgTWABAAAAsCawAAAAAFgTWAAAAACsCSwAAAAA1gQWAAAAAGsCCwAAAIA1gQUAAADAmsACAAAAYE1gAQAAALAmsAAAAABYE1gAAAAArAksAAAAANYEFgAAAABrAgsAAACANYEFAAAAwJrAAgAAAGBNYAEAAACwJrAAAAAAWBNYAAAAAKwJLAAAAADWBBYAAAAAawILAAAAgDWBBQAAAMCawAIAAABgTWABAAAAsCawAAAAAFgTWAAAAACsCSwAAAAA1gQWAAAAAGsCCwAAAIA1gQUAAADAmsACAAAAYE1gAQAAALAmsAAAAABYE1gAAAAArAksAAAAANYEFgAAAABrAgsAAACANYEFAAAAwJrAAgAAAGBNYAEAAACwJrAAAAAAWBNYAAAAAKwFf7QsEsTZqnAAAAAASUVORK5CYII=';
	img.onload = function(){
		ctx.drawImage(img, 0, 0);
 
	}
}
function maj(){
	document.getElementById("canvasid").parentNode.removeChild(canvasid);
	cnv = document.createElement("canvas");
							cnv.setAttribute('id', 'canvasid');
							cnv.setAttribute('width', '1300px;');
							cnv.setAttribute('height', '755px;');
							document.getElementById("partieUnDroite").appendChild(cnv);
 
}
</script>
</head>
<body>
<div id="partieUnDroite">
<canvas id="canvasid" width="1300px" height="755px" ></canvas> 
</div>
<button onclick="maj()">Supprimer CANVAS</button>
<button onclick="draw()">draw CANVAS</button>
</body>
</html>

**NoSmoking** · 31/05/2012, 19h06

Bonjour,
du code que tu montre cela devrait même générer une erreru au prmier appel de la fonction maj, la variable canvasid étant déclarée locale dans la fonction draw.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
function maj() {
  var oCanvas = document.getElementById("canvasid");
  if( oCanvas){
    oCanvas.parentNode.removeChild( oCanvas);
  }
  // la suite...
}

**Thibault92** · 01/06/2012, 10h10

Effectivement... ça fonctionne tout de suite mieux

Merci du coup de main

Supprimer et recréer un canvas en utilisant l'ID

JavaScript

Discussions similaires

Partager

Partager