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();
// Preload images plan
for(idx=0; idx < 3; idx++)
{
niv[idx] = new Image()
niv[idx].src = "<?php echo TAG("image")?>plan-" + type[idx] + ".gif";
}
function zoomPlan(type)
{
if (type == "plus")
{
//alert (plan.src);
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;
}
//alert (plan.src);
}
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="<?php echo TAG("image")?>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
Nico