Discussion: Liste déroulante
Afficher un message
Vieux 01/05/2008, 17h03   #2
SAM
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut 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
  Réponse avec citation
 
Page generated in 0,18659 seconds with 9 queries