11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

J'ai un code qui permet d'effectuer 3 niveaux de zoom sur un plan en appellant simplement 3 images différentes.
Ce code fonctionnait très bien sur ma page sans DOCTYPE. Depuis que je suis passé en DOCTYPE strict XHTML 1.0, celui-ci ne fonctionne plus.
Il doit y avoir une erreur que je ne vois pas.
Voici le code :

<script type="text/javascript">
<!--
	type = new Array();

	type[0]="large";
	type[1]="moyen";
	type[2]="court";
	
	niv = new Array();

	
	for(idx=0; idx < 3; idx++)
	{
		niv[idx] = new Image();
		niv[idx].src = "plan-" + type[idx] + ".gif";
	}

	function zoomPlan(type)
	{
		if (type == "plus")
		{
			switch(plan.src)
			{
				case niv[0].src :
				plan.src = niv[1].src;
				break;

				case niv[1].src :
				plan.src = niv[2].src;
				break;

				case niv[2].src :
				plan.src = niv[2].src;
				break;

				default :
				plan.src = niv[0].src;
				break;	
			}	
		}

		else if (type == "moins")
		{
			switch(plan.src)
			{
				case niv[0].src :
				plan.src = niv[0].src;
				break;

				case niv[1].src :
				plan.src = niv[0].src;
				break;

				case niv[2].src :
				plan.src = niv[1].src;
				break;

				default :
				plan.src = niv[2].src;
				break;	
			}				
		}

		else if (type == "image")
		{
			switch(plan.src)
			{
				case niv[0].src :
				plan.src = niv[1].src;
				break;

				case niv[1].src :
				plan.src = niv[2].src;
				break;

				case niv[2].src :
				plan.src = niv[0].src;
				break;

				default :
				plan.src = niv[0].src;
				break;	
			}				
		}
	}
//-->
</script>

Et le code html :


<a onclick="javascript:zoomPlan('image');" ><img alt="Cliquer sur l'image pour zoomer" src="plan-large.gif" border="0" name="plan" /></a>

<a Onclick="javascript:zoomPlan('plus');" >augmenter le zoom</a>

<a Onclick="javascript:zoomPlan('moins');" >diminuer le zoom</a>


Quelqu'un saurait-il me dire où çà coince ?

Merci d'avance
Modifié par nico03 (09 Oct 2008 - 10:05)