Bonjour.

Je possède 2 checkbox, lorsqu'une des checkbox est cochée, j'affiche une image dans une div. Mais lorsque je sélectionne la seconde checkbox, je voudrais que les 2 images soit superposé dans la div. Ce sont des image au format png et transparent.

Le code des checkbox :

<input type="checkbox" name="cases01" id="balcon" onClick="output3()" /> <label for="balcon">balcon</label><br />
							<input type="checkbox" name="cases01" id="coul_sud" onClick="output4()" /> <label for="coul_sud">coulissant sud</label><br />

Code javascript :

function output3()
							{
							if(document.cases.cases01[3].checked)
								document.getElementById('planrdc').innerHTML="<img src='images/balcon.png' />";
								else 
								{
								document.getElementById('planrdc').innerHTML="";
								}
							function output4()
							{
							if(document.cases.cases01[4].checked)
								document.getElementById('planrdc').innerHTML="<img src='images/cs.png' />";
								else
								{
								document.getElementById('planrdc').innerHTML="";
								}

Merci.

Sans certitude, mais j'essaierai de faire qqch avec l'image de fond :

function output3()
	{
	if(document.cases.cases01[3].checked)
	       document.getElementById('planrdc').innerHTML="<img src='images/balcon.png' />";
	else 
	       document.getElementById('planrdc').innerHTML="";

        if(document.cases.cases01[4].checked)
	         document.getElementById('planrdc').style.backgroundImage='url(images/cs.png)';

Idem pour output4().

Merci miclebowski ! Sa marche bien ! Par contre, quand il y a plusieurs images à superposer, c'est plus difficile.

J'ai essayé ceci :

function output11()
							{
							if(document.cases.cases02[0].checked)
								document.getElementById('planrdc').innerHTML="<img src='images/rdc12.png' />";
								else
								{
								document.getElementById('planrdc').innerHTML="";
								}
							if(document.cases.cases02[6].checked = true)
								document.getElementById('planrdc').style.backgroundImage='url(images/bureau2.png)';
								else
								{
								document.getElementById('planrdc').style.backgroundImage="";
								}
							if(document.cases.cases02[7].checked = true)
								document.getElementById('planrdc').style.backgroundImage='url(images/chrdc2.png)';
								else
								{
								document.getElementById('planrdc').style.backgroundImage="";
								}

Il n'affiche que la dernière fonction.

Si t'as plus de deux images a superposer, tu peux créer un autre div planrdc2 positionne au même endroit que planrdc, et t'utilises soit le background soit le innerHTML.

Et une chose pour que ton code soit plus lisible tu peux faire :

function output3()
	{
        var planrdc =  document.getElementById('planrdc');

	if(document.cases.cases01[3].checked)
	      planrdc.innerHTML="<img src='images/balcon.png' />";
	else 
	      planrdc.innerHTML="";

        if(document.cases.cases01[4].checked)
	      planrdc.style.backgroundImage='url(images/cs.png)';
        else
              planrdc.style.backgroundImage="";
	}

Merci ! J'ai créé des div pour chaque image et sa marche bien. Il me reste plus que les contraintes des checkbox.