Discussion :

[Sebeee]

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.

[tresorunikin]

Problème d'ancre html d'un côté: En effet, le href="#hautDePage" renvoit toujours à l'endroit où se situe l’élément

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="#top">Haut de page</a>

A voir ton lien, il parait qu'il y a, au dessus de ta page, un div dont l'id est laissé vide; ce qui te renvoit toujours en haut de page.

D'un autre côté,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

	<pre id="script_1" style="display: none" class="code">$('#timepicker').timepicker();</pre>

n'a pas assez de sens, à moins que t'ais omis une partie de ton code ici...

Conseil
Place les SCRIPT à la fin de ta page, en bas, juste après la balise fermante body comme suite...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
 
<input type="text" style="width: 70px;" id="timepicker_1" value="" />
 
 
<!--Ici, après tous les élements afin de permettre l’exécution après le chargement de tous les elements-->
		<script type="text/javascript">
			$(document).ready(function() {
				$('#timepicker_1').timepicker();
			});
		</script>
</body></html>

Enfin
Vérifies bien si tu n'as pas oublié d'intégrer toutes les bibliothèques Jquery et JqueryUI nécessaires.

[Sebeee]

Salut,

Merci pour ta réponse, je vais essayer de corriger tout ca. A propos du div laissé vide, une grosse partie de mon code a été généré par iWeb, c'est pour ca qu'il y a des div, mais étonnant qu'il en laissé sans id.

Mais pour le reste je vais essayer de l'implémenter correctement. Merci