faire apparaitre datepicker()
Bojour,
Dans la page1 j'établis un lien pour faire apparaître un datepicker() dans la page 2.
Le calendrier n'apparait que si l'on rafraîchit la page 2.
J'ai bien compris que ce comportement est lié à la coexistence de jquery.mobile et jquery puisque tout est normal si je n'utilise que jquery.
Mais mon application nécessite jquery.mobile.
Merci pour votre aide.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
|
<html>
<head>
<meta name=viewport content="user-scalable=no,width=device-width" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel=stylesheet type=text/css href="jqueryui/development-bundle/themes/ui-lightness/jquery.ui.all.css" />
<link rel=stylesheet href=jquery.mobile/jquery.mobile.css />
<script src=jquery.js></script>
<script src=jqueryui/development-bundle/ui/jquery-ui-1.8.21.custom.js></script>
<script src=jqueryui/development-bundle/ui/i18n/jquery.ui.datepicker-fr.js></script>
<script src=jquery.mobile/jquery.mobile.js></script>
<style type=text/css>
.ui-btn {padding :0px;vertical-align:middle;}
.ui-btn-inner {padding : 0px;background-color : gray;}
.ui-btn-text {font-size : 10px;color : white;}
.odd {background-color :black;color : red;height : 20px;width : 40px;}
.even {background-color : lightyellow;color : black;height : 20px;font-size : 10px;padding :0px;border:1px solid black;}
</style>
</head>
<body>
<div data-role=page id=home>
<div data-role=header>
<h1>IGENDA</h1>
</div>
<div data-role=content>
ENTRER VOTRE MOT DE PASSE : <input type=password name=valeur /> <br />
<a href=# data-role=button name=validation>VALIDER</a></div>
</div>
</div>
<div data-role=page id=win2 data-add-back-btn=true>
<div data-role=header data-theme=b>
<h1>IGENDA</h1>
<div data-role=navbar>
<ul>
<li><a href=query2.php>6 jours</a></li>
<li><a href=query12.php>12 jours</a></li>
<li><a href=query18.php>18 jours</a></li>
<li><a href=essai4.php>un jour</a></li>
</ul>
</div>
</div>
<div data-role=content>
<div id=date></div>
</div>
<div data-role=footer data-position=fixed>
<a href=query2.php>6 jours</a>
<a href=query12.php>12 jours</a>
<a href=query18.php>18 jours</a>
<a href=essai4.php>un jour</a>
</div>
</div>
</body>
</html>
<script>
$("div#date").datepicker ();
$("div >a[name='validation']").bind ("click", function (event)
{
$.mobile.changePage ("travail5.php");
});
</script> |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
|
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=Content-Type content=text/html;charset=iso-8859-1 />
<link rel=stylesheet href=jquery.mobile/jquery.mobile.css />
<link rel=stylesheet type=text/css href="jqueryui/development-bundle/themes/ui-lightness/jquery.ui.all.css" />
<script src=jquery.js></script>
<script src=jqueryui/development-bundle/ui/jquery-ui-1.8.21.custom.js></script>
<script src=jqueryui/development-bundle/ui/i18n/jquery.ui.datepicker-fr.js></script>
<script src=jquery.mobile/jquery.mobile.js></script>
</head>
<body>
<div data-role=page id=win2 data-add-back-btn=true>
<div data-role=header data-theme=b>
<h1>IGENDA</h1>
<div data-role=navbar>
<ul>
<li><a href=query2.php>6 jours</a></li>
<li><a href=query12.php>12 jours</a></li>
<li><a href=query18.php>18 jours</a></li>
<li><a href=essai4.php>un jour</a></li>
</ul>
</div>
</div>
<div data-role=content>
<div id=date></div>
</div>
<div data-role=footer data-position=fixed>
<a href=query2.php>6 jours</a>
<a href=query12.php>12 jours</a>
<a href=query18.php>18 jours</a>
<a href=essai4.php>un jour</a>
</div>
</div>
</body>
</html>
<script>
$("div#date").datepicker ();
</script> |
