Bonjour à tous!

J'essaye d'ajouter un timepicker dans un projet jsp et je rencontre un problème incompréhensible pour moi qui suis un noob en javascript.

J'ai pris des exemples ici http://fgelinas.com/code/timepicker/ (copier/coller du code source), quand je lance ma page qui contient le timepicker, à chaque clic sur une chiffre de l'heure ou des minutes, je me retrouve au sommet de la page et rien n'est sélectionné! Ca devient énervant.

Quelqu'un aurait une astuce à me donner svp? Est-ce que c'est à cause de mes balises div qui entourent mon code? Et quand je mets ma souris sur un des chiffres je vois que lien est http://localhost:8080/appli/affiche.jsp?firm_id=1#

Mon code :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div id="id6" style="height: 206px; left: 224px; position: absolute; top: 214px; width: 486px; z-index: 1; " class="style_SkipStroke shape-with-text">
  <div class="text-content graphic_textbox_layout_style_default_External_486_206" style="padding: 0px; ">
	<div class="graphic_textbox_layout_style_default">
	  <p style="padding-top: 0pt; " class="Free_Form">Agenda<br /></p>
	  <form action="confirm_event.jsp">
	  <table width="450" border="1">
 
	  <div>
		Default time picker :
		<input type="text" style="width: 70px;" id="timepicker_1" value="" />
		<script type="text/javascript">
			$(document).ready(function() {
				$('#timepicker_1').timepicker();
			});
		</script>
 
		<a onclick="$('#script_1').toggle(200); return false;">[Show code]</a>
		<pre id="script_1" style="display: none" class="code">$('#timepicker').timepicker();</pre>
	</div>
	...
	</div>
  </div>
</div>
Et désolé d'avance si cette question a déjà été posée, j'ai pas réussi à en trouver la réponse.