Declaration fction JS dans index et appel dans un autre ficher
HellBenito
Messages postés
59
Statut
Membre
-
HellBenito Messages postés 59 Statut Membre -
HellBenito Messages postés 59 Statut Membre -
Bonjour,
Je suis plutôt léger en JS et j'aimerai utiliser la fonction detapicker :
https://jqueryui.com/datepicker/
Lorsque je met tout le code dans mon index ca fonctionne, mais plutot qu'au dessus de mon menu (o.O) j'aimerai mettre ce calendrier dans un formulaire, dans une autre page.
Je ne sais pas comment m'y prendre, je laisse le script et les meta dans index et le imput la ou je veux faire apparaitre datepicker?
il y a donc ce code à l'origine:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker"></p>
</body>
</html>
J'ai mis ca dans index.html :
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
j'ai essayé de l'incorporer de cette manière (réalisé avec bootstrap, d'où les "col-lg") dans un form.html:
<div style="width:190px;" class="espace form-group" >
<label for="select" class="col-lg-2 control-label">Période désirée</label>
<div class="col-lg-10">
<p>
<input class="form-control" type="text" id="datepicker">
</p>
</div>
</div>
Je ne sais pas comment appeler la fonction JS correctement, je n'ai encore jamais fais ca. J'ai tenté un appel de class ou un href mais non...
Merci de m'expliquer la marche a suivre , si vous le voulez bien ^^. Je pense que c'est assez simple en espérant que bootstrap ne soit pas un frein.
Je suis plutôt léger en JS et j'aimerai utiliser la fonction detapicker :
https://jqueryui.com/datepicker/
Lorsque je met tout le code dans mon index ca fonctionne, mais plutot qu'au dessus de mon menu (o.O) j'aimerai mettre ce calendrier dans un formulaire, dans une autre page.
Je ne sais pas comment m'y prendre, je laisse le script et les meta dans index et le imput la ou je veux faire apparaitre datepicker?
il y a donc ce code à l'origine:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker"></p>
</body>
</html>
J'ai mis ca dans index.html :
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
j'ai essayé de l'incorporer de cette manière (réalisé avec bootstrap, d'où les "col-lg") dans un form.html:
<div style="width:190px;" class="espace form-group" >
<label for="select" class="col-lg-2 control-label">Période désirée</label>
<div class="col-lg-10">
<p>
<input class="form-control" type="text" id="datepicker">
</p>
</div>
</div>
Je ne sais pas comment appeler la fonction JS correctement, je n'ai encore jamais fais ca. J'ai tenté un appel de class ou un href mais non...
Merci de m'expliquer la marche a suivre , si vous le voulez bien ^^. Je pense que c'est assez simple en espérant que bootstrap ne soit pas un frein.
A voir également:
- Declaration fction JS dans index et appel dans un autre ficher
- Déclaration - Guide
- Nommez une application d'appel vidéo ou de visioconférence - Guide
- Appel privé - Guide
- Index téléphonique - Guide
- Telecharger index - Télécharger - Gestion de fichiers
2 réponses
Bonjour,
Il faut faire l'appel à un pluggin dans la page où il est utilisé, pas sur une autre.
Donc ça tu le mets dans la page où tu as le formulaire.
Il faut faire l'appel à un pluggin dans la page où il est utilisé, pas sur une autre.
Donc ça tu le mets dans la page où tu as le formulaire.
....
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
</head>
<body>
........
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</body>