Avoir une liste déroulante de liens....

Salut tout le monde

j'avais posé ce problème ce weekend :


"j'ai fait une page avec ce plugin :
http://demos.flesler.com/jquery/scrollTo/

ça marche impecc', c'est élégant, de ce côté là je suis content

mais le seul problème dans l'histoire réside dans les liens : en effet, comme vous pouvez le constatez, chaque lien amène à une case, or moi j'ai 58 cases donc 58 liens (merci, tout le monde suit ^^)

y'a t'il quelqu'un qui aurait une bonne idée à me soumettre pour transformer ce 'paté' de liens ???

merci d'avance et bonne continuation
"


et j'y apporte quelques précisions

maintenant, je cherche à transformer ça

<ul class="links">
	<li><a id="bellevue" href="#">Bellevue</a></li>
	<li><a id="canards" href="#">Les Canards</a></li>
	<li><a id="casino" href="#">Casino</a></li>
	<li><a id="chardons" href="#">Chardons d'Ecosse</a></li>
	<li><a id="charmettes" href="#">Les Charmettes</a></li>
	<li><a id="charmilles" href="#">Les Charmilles</a></li>
</ul>

en liste déroulante avec 'Onchange'

mais y'a une difficulté particulière, c'est pour aller avec ça :
http://demos.flesler.com/jquery/scrollTo/[/url]

c'est un plugin vous permet de définir un quadrillage avec dans chaque case une valeur, un texte, une image et chaque case est pointée par un lien hypertexte (un clic sur le lien et vous êtes dirigés vers la case)

donc, dans le html, on a le lien

<a id="charmilles" href="#">Les Charmilles</a>

et dans le init.js, vous avez toute une liste de fonction et de paramêtres, mais aussi la ligne

$('#charmilles').click(function(){
		$paneTarget.stop().scrollTo( 'li:eq(29)', 800 );
});

qui vous permet de définir vers quelle case pointe votre lien (ici la 30e car les indices partent de 0)


ma page est prête, mais j'ai une 50aine de liens et j'aimerai regrouper le tout dans une liste déroulante, faire une liste déroulante de liens ce serait l'idéal ^^

j'ai essayé plein de choses,

<script language="JavaScript">
<!--
function navigate(form) 
{
var go = (form.menu.options[form.menu.selectedIndex].value);
document.location=go;
}
//--> 
</script>

et ça qui va avec dans le html :

<FORM>
	<SELECT NAME="menu" SIZE="1" onchange="navigate(this.form)">
	        <OPTION SELECTED VALUE="">Choisissez la Villa
		<OPTION VALUE="#" ID="charmilles">charmilles</a>
                ....						
	</SELECT> 
</FORM>

mais sans grand succès.

je vous remercie d'avance
Modifié par Eulmaraud (13 Jan 2010 - 10:16)

Salut,

Ta question est un peu vague, peux-tu nous donner plus d'informations ? à quoi ressemble ta page dans son ensemble ?

J'suis encore en train de la préparer, mais grosso modo, le contenu de la page ressemblera à ça, c'est à dire la liste des liens et en dessous la description


Modifié par Eulmaraud (09 Jan 2010 - 15:53)