Re: Liste déroulante
Guy Gruais a écrit :
> Bonjour,
>
> Question peut-être simpliste pour vous mais que je n'arrive pas à résoudre.
avoir chaque paragraphe avec un ID
(par exemple truc_0, truc_1, etc )
> Je voudrais en début de page faire une liste déroulante qui permettrait
> d'aller directement à la rubrique concernée sans afficher une fenêtre
<form action="#" onsubmit="return false">
<select onchange="location = '#truc_'+this.selectedIndex;">
<option>rubrique 1</option>
<option>rubrique 2</option>
<option>rubrique 3</option>
<option>rubrique 4</option>
<option>rubrique 50</option>
</select></form>
> Merci
et mieux ?
<script type="text/javascript>
function cachetout() {
var R = document.getElementsByTagName('DIV');
for(var i=0; i< R.length; i++)
if(R[i].id.indexOf('truc')==0) R[i].style.display='none';
}
window.onload = cachetout;
</script>
<form action="#" onsubmit="return false">
<select onchange="cachetout();
document.getElementById('truc_'+this.selectedIndex ).style.display='';">
<option>rubrique 1</option>
<option>rubrique 2</option>
<option>rubrique 3</option>
<option>rubrique 4</option>
<option>rubrique 50</option>
</select></form>
<div id="truc_0">
<h2>rubrique 1</h2>
<p> bla bla 1</p>
</div>
<div id="truc_1">
<h2>rubrique 2</h2>
<p> bla bla 2</p>
</div>
<div id="truc_50">
<h2>rubrique 51</h2>
<p> bla bla 51</p>
</div>
Voili voilou
--
sm
|