Afficher un calendrier pour sélectionner la date

Version imprimable

17/04/2007, 14h52
rawanex

Afficher un calendrier pour sélectionner la date

Bonjour,
je veux voir comment avec les biblithèques de tag qui existe permettre à l'utilisateur de sélectionner la date sans le taper ou bien un autre moyen.
je travaille avec struts.

Pouvez vous m'indiquer comment faire?
Merci d'avance
17/04/2007, 14h58
c_nvy

Jette un oeil au tag layout:date de Struts-Layout.
17/04/2007, 15h09
rawanex

Merci.
j'ai vu .
Mais comment référencé la biblithèque layout pour pouvoir appelé le tag layout date à l'intérieure du jsp comme je le fais avec les tags des bibliothèques html.
merci d'avance.
17/04/2007, 15h28
c_nvy

Il suffit de télécharger Struts-Layout ici et ensuite suivre les instructions d'installation.
17/04/2007, 15h30
crocodingo
tu peut utiliser le dhtmlgoodies_calendar qui est très pratique, il est gratuit tu peut le telecharger sur leur site^^.

il a 2 fichier utiliser, un .js et un .css.

ensuite dans ta jsp tu utilise une balise script :
Code:

1 2 <script type="text/javascript" src="dhtmlgoodies_calendar/dhtmlgoodies_calendar.js?random=18012006"></script>
et pour afficher le boutton dans ta jsp :
Code:

1 2 <input type="button" onclick="displayCalendar(document.OneShotForm.date,'dd/mm/yyyy',this)" alt="calendrier"/>
Voilou^^.
17/04/2007, 16h08
rawanex

bonjour la modératrice,
Oui j'ai téléchergé le struts-layout et j'ai suivi le tutoriel pour l'installation.
maintenant si je peux avoir exemple ce que je dois mettre sur un jsp pour affiché un calendrier.

merci d'avance.
17/04/2007, 16h24
rawanex

J'ai ajouté ceci dans ma page jsp mais aucun calendrier s'affiche:

Code:

<tr><td><layout:date calendarTooltip="date"/></td></tr>

je travaille avec Netbeans.
je demande de l'aide car je dois présenter des imprimes écrans à mon encadrant.

pour mes balises struts-html je les référencie comme ça.
Code:

1 2 3 <%@ taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean" %> <%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html" %> <%@ taglib uri="http://jakarta.apache.org/struts/tags-logic" prefix="logic" %>
comment référencier les layout?
Merci d'avance.

Voici un exemple :
Code:

1 2 3 4 5 6 7 8 9 <%@ taglib uri="/WEB-INF/struts-layout.tld" prefix="layout" %> <layout:form action="/pathDeTonAction" focus="date"> <layout:line space="true"> <layout:date key="" property="date" styleClass="LABEL" calendarTooltip="Sélectionner une date (jj/mm/aa)"/> <layout:submit>Ok</layout:submit> </layout:line> </layout:form>
Au préalable, il faut avoir copié les répertoires config et images dans ton projet, copié struts-layout.tld sous WEB-INF, créé une ActionForm avec pour propriété date et une Action qui s'exécutera au submit du formulaire pour pouvoir récupérer la date sélectée.

J'ai oublié de préciser qu'il faut ajouter ceci dans la balise <head> de la jsp :

Code:

<layout:skin includeScript="true"/>

afin d'inclure le fichier javascript de Struts-Layout dans la page.

je décri un peu mon application.
J'ai créer un actionForm nommé appeloffreForm et un bean action appeloffreAction.
j'ai 2 pages jsp appeloffre.jsp et confAppel.jsp.

et voici ce que j'ai mi dans le layout:
Code:

1 2 3 4 5 6 7 <layout:form action="/saisiappel" focus="date"> <layout:line space="true"> <layout:date key="" property="date" styleClass="LABEL" calendarTooltip="Sélectionner une date (jj/mm/aa)"/> <layout:submit>Ok</layout:submit> </layout:line> </layout:form>
et tous ceci se trouve dans <html:form action="saisiappel">
voici l'erreur généré

Citation:

Cannot find bean: "org.apache.struts.taglib.html.BEAN" in any scope.

merci d'avance.j'attend votre aide.

17/04/2007, 17h05
c_nvy

Si tu as déjà un tag html:form dans la page, enlève le tag layout:form.

Peux-tu montrer la jsp complète ?

Voici la page jsp complet

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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<%@ taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-logic" prefix="logic" %>
<%@ taglib uri="/WEB-INF/struts-layout.tld" prefix="layout" %>
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%--
The taglib directive below imports the JSTL library. If you uncomment it,
you must also add the JSTL library to the project. The Add Library... action
on Libraries node in Projects view can be used to add the JSTL 1.1 library.
--%>
<%--
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
--%>
 
<!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">
        <title>Saisir un appel d offre</title>
    </head>
    <body>
 
    <h1>Saisie d un appel d offre</h1>
    <html:form action="saisiappel">
        <table border="0" align="center">
            <thead>
                <tr>
                    <th></th>
                </tr>
            </thead>
            <tbody>
 
                <logic:present name="Liste" >
                    <tr>
 
                        <td><bean:message key="offre.organisme"/></td>
 
                        <td>
 
                            <html:select property="organisme"   >
                                <html:options collection="Liste"  property="champ2"  labelProperty="champ1" />
                            </html:select>
 
                        </td>
 
                    </tr>    
                    <tr><td><layout:form action="/saisiappel" focus="date">
                      <layout:line  space="true">	
		<layout:date key="" property="date" styleClass="LABEL" 
			calendarTooltip="Sélectionner une date (jj/mm/aa)"/> 
		<layout:submit>Ok</layout:submit>	
	</layout:line>
                    </layout:form></td></tr>
                </logic:present>
                <tr>
                    <td><bean:message key="offre.numjournal"/></td>
                     <td><html:text property="numjournal"/></td>
                </tr>
                <tr>
                    <td><bean:message key="offre.objet"/></td>
                     <td><html:text property="objet"/></td>
                </tr>
                <tr>
                    <td><bean:message key="offre.caution"/></td>
                     <td><html:text property="caution"/></td>
                </tr>
                <tr>
                    <td><bean:message key="offre.lot"/></td>
                     <td><html:text property="lot"/></td>
                </tr>
                <tr>
                     <td><bean:message key="offre.soumission"/></td>
                     <td><html:radio property="soumission" value="0" >Non</html:radio>
                     <html:radio property="soumission" value="1">Oui</html:radio></td>
                </tr>
                <tr>
                    <td><bean:message key="offre.commentaires"/></td>
                     <td><html:textarea  property="commentaires"/></td>
                </tr>
                <tr><td colspan="2"><html:submit value="Ajouter"/> </td></tr>
            </tbody>
 
        </table>
 
 
    </html:form>
    </body>
</html>

17/04/2007, 18h12
rawanex

J'ai enlevé le <layout:form>

la page s'affiche mais il fait un lien sur sélectionner une date.
mais si je clique rien ne se passe.
etdans la barre d'état s'affiche javascript//

mercie d'avance.
17/04/2007, 18h54
c_nvy

Citation:

Envoyé par c_nvy

J'ai oublié de préciser qu'il faut ajouter ceci dans la balise <head> de la jsp :

Code:

<layout:skin includeScript="true"/>

afin d'inclure le fichier javascript de Struts-Layout dans la page.

Apparemment, tu n'as pas vu ce message que j'ai posté plus haut.

Sans ça, le calendrier ne s'affichera pas.

PS : la prochaine fois, pense à utiliser les balises [code] pour rendre plus lisible la discussion.
17/04/2007, 21h17
rawanex

J'ai mis :[<layout:skin includeScript="true"/>] mais toujours le lien s'affiche mais pas le calendrier non.
merci d'avance.
17/04/2007, 21h34
c_nvy

Si tu affiches le source de ta jsp, la balise script suivante apparaît-elle ?

Code:

<script src="/ContexteDeTonProjet/config/javascript.js"></script>

Bonjour voici ce qui s'affiche

Code:

1
2
<link rel="stylesheet" href="/WebEtafatAppli1/config/default.css" type="text/css">
<script>var imgsrc="/WebEtafatAppli1/images/"; var scriptsrc="/WebEtafatAppli1/config/"; var langue="fr"; var contextPath="/WebEtafatAppli1";</script><script src="/WebEtafatAppli1/config/javascript.js"></script>

j'ai mis le dossier image et config dans \WebEtafatAppli1\web\WEB-INF.

donc merci d'avance.

18/04/2007, 11h36
rawanex

Bonjour
aussi au niveau de l'affichage source:

Code:

<th valign="top" class="LABEL"><span class="LABEL"></span></th><td valign="top" class="LABEL" style=""><input type="text" name="date" value="" class="LABEL"><a href="javascript://" onclick="showCalendar(2007,4,18,'dd/MM/yy','appeloffreForm','date',event,2007,2009);"><img alt="Sélectionner une date (jj/mm/aa)" border="0" src="/WebEtafatAppli1/images/calendar.gif"></a><div id="slcalcod" style="position:absolute; left:100px; top:100px; z-index:10; visibility:hidden;"><script>printCalendar("dim.","lun.","mar.","mer.","jeu.","ven.","sam.",2,"janv.","févr.","mars","avr.","mai","juin","juil.","août","sept.","oct.","nov.","déc.",18,4,2007);</script></div><img name="daterequired" src="/WebEtafatAppli1/images/clearpixel.gif"></td><td>  </td>

merci de m'aider.
18/04/2007, 11h44
rawanex

j'ai déplacé les dossiers config et image ça s'affiche maintenant.
mais le problème qui se pose .le calendrier est loin du bouton.
Comment le rapproché.

Merci beaucoup .vous m'avez beaucoup aidé.

Normalement, le calendrier devrait être juste en dessous du bouton sur la droite.
Si ce n'est pas le cas, c'est peut-être lié au fait que tu l'as inséré dans un tableau html avec un nombre de colonnes différent sur chaque ligne.
Enfin, c'est juste une supposition.

Et si tu mets le tag layout:date dans un tag layout:panel comme ceci :
Code:

1 2 3 4 5 6 7 <layout:panel styleClass="FORM"> <layout:line space="true"> <layout:date key="" property="date" styleClass="LABEL" calendarTooltip="Sélectionner une date (jj/mm/aa)"/> <layout:submit>Ok</layout:submit> </layout:line> </layout:panel>
Sinon, pourrais-tu montrer ta jsp telle qu'elle est maintenant ?

20/04/2007, 03h00
rawanex

J'ai mis le panel comme vous m'avez dit mais le calendrier reste toujours à l'écart.

merci.
20/04/2007, 08h41
OButterlin

Si vraiment ton problème vient de la position du calendrier, tu peux toujours modifier dans le fichier script "javascript.js" la méthode showCalendar(...)

A+