Implémenter un datetime picker

Version imprimable

Bonjour,

J'essaie d'implémenter le datetime picker qui est disponible à cette adresse :
http://trentrichardson.com/examples/...ility_examples

Étant sur un serveur n'ayant pas d'accès au net, j'ai télécharger les libs jquery, les css, et les js relatives au timepicker et au slider.

Mais rien ne s'affiche. Pourtant je pense que mon code est tout simple. Voici ma page de test :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
		<link href="templates/default/css/jquery-ui1.css" type="text/css" media="all" rel="stylesheet">
		<link href="templates/default/css/jquery-ui-timepicker-addon.css" rel="stylesheet" type="text/css"/>
 
		<script src="libs/jquery-1.8.2.min.js" type="text/javascript"></script>
		<script src="libs/jquery-ui.min1.js" type="text/javascript"></script>
		<script src="libs/jquery-ui-timepicker-addon.js"></script>
		<script src="libs/jquery-ui-sliderAccess.js"></script>
 
		<script type="text/javascript">
                                $('#basic_example_1').datetimepicker();
                </script>
	</head>
 
	<body>
		<input id="basic_example_1" class="hasDatepicker" type="text" value="" name="basic_example_1">
	</body>
</html>

Qu'est ce que je fais de mal ?

15/01/2013, 08h44
Bovino

Déjà traité un nombre incalculable de fois !
Tu appelles ton script sur un élément qui n'existe pas encore dans la page !
15/01/2013, 08h52
zerros

En fait j'ai chercher avec le mot clé datetime, et n'ayant rien trouvé, j'ai poser la question.

Ok, l'élément n'existe pas encore sur la page, mais je ne comprends pas ? Normalement le script est appelé lors du click sur le champ non ?
Dans le cas de mon accordéon, j'ai un document.ready et l'accordéon s'ouvre lorsque je clique dessus.

Cette partie est un peu floue pour moi. Aurais-tu un lien d'un autre topic à me proposer pour ce problème ?

Je vais refaire une nouvelle recherche pour voir.
15/01/2013, 08h53
Bovino

Citation:

Dans le cas de mon accordéon, j'ai un document.ready et l'accordéon s'ouvre lorsque je clique dessus.

Ben oui, mais là, tu ne l'as pas ! :roll:
15/01/2013, 08h57
zerros
Ben je ne l'ai pas mis parce que j'ai tout essayé, et rien n'a marché.

Donc voilà mon nouveau code JS avec le document.ready:
Code:

1 2 3 4 5 <script type="text/javascript"> $(document).ready(function() { $('#basic_example_1').datetimepicker(); }); </script>
Et idem, ça ne fonctionne pas, et rien dans les erreurs de firebug ...
15/01/2013, 09h08
zerros

J'ai trouvé. apparemment ça ne fonctionne pas si je mets un id dans la fonction. il faut mettre une class. Ca fonctionne maintenant.

Merci.