Forum de discussion
Forum « Programmation Javascript » (archives)
Comment se "focaliser" sur un DIV en sélectionnant son ID dans une listbox ?
Envoyé: 2 février 2004, 5h13 par FEFEM
Tout d'abord, c'est ma première participation sur ce forum et je voudrais vous féliciter de maintenir et de proposer ce genre de service. Vraiment, bravo et merci !
Ensuite, voici mon problème. J'ai tenté de le résumer dans le titre de mon sujet. J'ai une listbox contenant l'identifiant de plusieurs Div qui se trouvent sous cette listbox. En sélectionnant un des id dans ma listbox, je voudrais qu'automatiquement, "la page" se focalise sur celui-ci. Donc, qu'un déplacement soit effectué comme si on avait cliqué sur un tag "a" avec un href=#...
Voici un résumé de mon code. En plus du focus, je fais apparaître le div voulu.
<script LANGUAGE='JavaScript'>
function HideShowAnswer2(obj)
{
if(obj.value != ''){
var indx, objIDEN;
indx = obj.selectedIndex;
objIDEN = obj.options[indx].value;
if (document.getElementsByName(objIDEN)[0].style.display == '')
{
document.getElementsByName(objIDEN)[0].style.display = 'none';
}
else
{
document.getElementsByName(objIDEN)[0].style.display = '';
document.getElementsByName(objIDEN)[0].focus();
}
}
}
</script>
<form name='selection'>
<SELECT NAME='brand' Onchange='Javascript:HideShowAnswer2(document.selection.brand)'>
<option value=''> </option>
<OPTION VALUE='Part1005'>000048671314-74</OPTION>
</SELECT>
><div STYLE=cursor:hand ONCLICK=JavaScript:HideShowAnswer(Part1005)><big><u>PROD1005:</u></big></div><div STYLE=display:none ID=Part1005>
<li><a href='REPORT00004.HTM' style='cursor:hand'>00004</a> : <i>C.G.</i></li>
<li><a href='REPORT00005.HTM' style='cursor:hand'>00005</a> : <i>DECO</i></li>
<li><a href='REPORT00020.HTM' style='cursor:hand'>00020</a> : <i>H.</i></li>
</div>
</form>
Je n'ai aucun message d'erreur de script mais rien ne se passe non plus. La "focalisation reste sur ma listbox...
D'avance merci pour votre aide.
FEFEM
Réponses
|