[servlet] feuille de styme css et javascript

Version imprimable

[resolu][servlet] feuille de styme css et javascript

Bonjour,
Je suis en train de développer une application n-tiers basée sur jsp servlet xml.
Je voudrais tout simplement que l'une de mes servelts affiche un formulaire en respectant le formalisme défini dans une feuille de style. Je voudrais aussi que l'on ne puisse pas valider le formulaire tant que tous les champs ne sont pas remplis. J'utilise le code suivant :

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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
 
 
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
 
public class CreerAuteur extends HttpServlet {
 
    public void doGet(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException {
 
	res.setContentType("text/html");
	PrintWriter out = res.getWriter();
 
	out.println("<HTML>");
	out.println("<HEAD><TITLE>Creation d'auteur</TITLE>");
        out.println("<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\" title=\"défaut\">");
        out.println("<script type=\"text/javascript\"" );
 
	out.println("function verif(){");
 
	out.println("if (document.inscription.nom.value.length == 0 ){");
	out.println("alert(\"Veuillez saisir le nom de l'auteur!\");");
	out.println("return false;");
	out.println("}");
	out.println("else if(document.inscription.prenom.value.length == 0){");
	out.println("alert(\"Veuillez saisir le prenom de l'auteur!\");");
	out.println("return false;");
	out.println("}");
	out.println("else if(document.inscription.jour.value.length == 0){");
	out.println("alert(\"Veuillez saisir le jour de naissance!\");");
	out.println("return false;");
	out.println("}");
	out.println("else if(document.inscription.mois.value.length == 0){");
	out.println("alert(\"Veuillez saisir le mois de naissance!\");");
	out.println("return false;");
	out.println("}");
	out.println("else if(document.inscription.annee.value.length == 0){");
	out.println("alert(\"Veuillez saisir l'année de naissance!\");");
	out.println("return false;");
	out.println("}");
 
	out.println("return validedate();");
	out.println("}");
 
	out.println("function validedate(){");
 
	out.println("var a=document.inscription.annee.value;");
	out.println("var m=document.inscription.mois.value;");
	out.println("var j=document.inscription.jour.value;");
	out.println("var ok=1;");
	out.println("if (isNaN(j) || j<1 || j>31){");
	out.println("alert(\"Le jour n'est pas un jour valide.\");");
	out.println("return false;");
	out.println("}");
	out.println("if (isNaN(m) || m<1 || m>12){");
	out.println("alert(\"Le mois n'est pas un mois valide.\");");
	out.println("return false;");
	out.println("}");
	out.println("if (isNaN(a) || a<0){");
	out.println("alert(\"L'année n'est pas une année valide.\");");
	out.println("return false;");
	out.println("}");
	out.println("if (m==2){");
	out.println("if (j==31 || j==30) ok=0;");
	out.println("else if (j==29){");
	out.println("if (!( (a%4==0 && a%100!=0) || (a%400==0) )) ok=0;");
	out.println("}");
	out.println("}");
	out.println("else if (j==31){");
	out.println("if (m==4 || m==6 || m==9 || m==11) ok=0;");
	out.println("}");
	out.println("if (ok==0){");
	out.println("alert(\"La date \" + j + \"/\" + m + \"/\" + a + \" est incorrecte.\");");
	out.println("return false;");
	out.println("}");
	out.println("return true;");
	out.println("}");
 
        out.println("</script></HEAD>");
	out.println("<BODY class=\"Main\">");
	out.println("<center><H1 class=\"Menu\" >Enregistrement d'un auteur :</H1></center>");
	out.println("<br>");
	out.println("<br>");
	out.println("<form  class=\"Bienvenue\" name=\"inscription\" method=\"get\" action=\"CreerAuteurBase\" OnSubmit=\"return verif()\">");
	out.println("<center><table class=\"LoginL\" border=2 >");
	out.println("<tr><td class=\"Login\">");
	out.println("<table><tr><td class=\"Titre\">");
	out.println("</br><U><center>Fiche d'inscription :</center></u><br><br></td>");
	out.println("<br><br>");
	out.println("</tr></table>");
 
	out.println("<table>");
 
	out.println("<tr>");
	out.println("<td class=\"Libelle\">Nom :</td>");
	out.println("<td class=\"LoginL\">");
	out.println("<input type=\"text\" name=\"nom\" size=\"50\" maxlength=\"50\"></td>");
	out.println("</tr>");
	out.println("<tr>");
	out.println("<td class=\"Libelle\">Prenom :</td>");
	out.println("<td class=\"LoginL\">");
	out.println("<input type=\"text\" name=\"prenom\" size=\"50\" maxlength=\"50\"></td>");
	out.println("</tr>");
	out.println("<tr>");
	out.println("<td class=\"Libelle\">Date de naissance:</td>");
	out.println("<td class=\"LoginL\">");
	out.println("<input type=\"text\" name=\"jour\" size=\"2\" maxlength=\"2\">");
	out.println(" / <input type=\"text\" name=\"mois\" size=\"2\" maxlength=\"2\">");
	out.println(" / <input type=\"text\" name=\"annee\" size=\"3\" maxlength=\"4\">");
	out.println("<br/></td>	</tr>");
	out.print("</tr>");
	out.println("<tr>");
	out.println("<td class=\"Libelle\">Date de mort:</td>");
	out.println("<td class=\"LoginL\">");
	out.println("<input type=\"text\" name=\"jour2\" size=\"2\" maxlength=\"2\">");
	out.println(" / <input type=\"text\" name=\"mois2\" size=\"2\" maxlength=\"2\">");
	out.println(" / <input type=\"text\" name=\"annee2\" size=\"3\" maxlength=\"4\">");
	out.println("<br/></td>	</tr>");
	out.println("</tr>");
	out.println("<td><hr></td><td><hr></td>	<tr></table>");
	out.println("<table><tr>");
	out.println("<td><center><input type=\"submit\" value=\"valider\"></center><br/><br/></td>");
	out.println("</tr></table></td></tr></table></center></form>");
	out.println("</body></html>");
    }
}

Le formatage de la page selon la feuille css ne se fait pas et les verifications par le javascript non plus.
Pouvez-vous m'aider.
Merci d'avance

23/03/2004, 12h32
Boosters

Peux tu nous montrer le code HTML généré par ta servlet

Voiici le code HTML généré par la servlet

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
92
93
94
95
96
97
98
99
100
101
102
103
 
<HTML>
<HEAD><TITLE>Creation d'auteur</TITLE>
<link rel="stylesheet" type="text/css" href="style.css" title="d?faut">
<script type="text/javascript">
function verif(){
if (document.inscription.nom.value.length == 0 ){
alert("Veuillez saisir le nom de l'auteur!");
return false;
}
else if(document.inscription.prenom.value.length == 0){
alert("Veuillez saisir le prenom de l'auteur!");
return false;
}
else if(document.inscription.jour.value.length == 0){
alert("Veuillez saisir le jour de naissance!");
return false;
}
else if(document.inscription.mois.value.length == 0){
alert("Veuillez saisir le mois de naissance!");
return false;
}
else if(document.inscription.annee.value.length == 0){
alert("Veuillez saisir l'ann?e de naissance!");
return false;
}
return validedate();
}
function validedate(){
var a=document.inscription.annee.value;
var m=document.inscription.mois.value;
var j=document.inscription.jour.value;
var ok=1;
if (isNaN(j) || j<1 || j>31){
alert("Le jour n'est pas un jour valide.");
return false;
}
if (isNaN(m) || m<1 || m>12){
alert("Le mois n'est pas un mois valide.");
return false;
}
if (isNaN(a) || a<0){
alert("L'ann?e n'est pas une ann?e valide.");
return false;
}
if (m==2){
if (j==31 || j==30) ok=0;
else if (j==29){
if (!( (a%4==0 && a%100!=0) || (a%400==0) )) ok=0;
}
}
else if (j==31){
if (m==4 || m==6 || m==9 || m==11) ok=0;
}
if (ok==0){
alert("La date " + j + "/" + m + "/" + a + " est incorrecte.");
return false;
}
return true;
}
</script></HEAD>
<BODY class="Main">
<center><H1 class="Menu" >Enregistrement d'un auteur :</H1></center>
<br>
<br>
<form  class="Bienvenue" name="inscription" method="get" action="CreerAuteurBase" OnSubmit="return verif()">
<center><table class="LoginL" border=2 >
<tr><td class="Login">
<table><tr><td class="Titre">
</br><U><center>Fiche d'inscription :</center></u><br><br></td>
<br><br>
</tr></table>
<table>
<tr>
<td class="Libelle">Nom :</td>
<td class="LoginL">
<input type="text" name="nom" size="50" maxlength="50"></td>
</tr>
<tr>
<td class="Libelle">Prenom :</td>
<td class="LoginL">
<input type="text" name="prenom" size="50" maxlength="50"></td>
</tr>
<tr>
<td class="Libelle">Date de naissance:</td>
<td class="LoginL">
<input type="text" name="jour" size="2" maxlength="2">
 / <input type="text" name="mois" size="2" maxlength="2">
 / <input type="text" name="annee" size="3" maxlength="4">
<br/></td>	</tr>
</tr><tr>
<td class="Libelle">Date de mort:</td>
<td class="LoginL">
<input type="text" name="jour2" size="2" maxlength="2">
 / <input type="text" name="mois2" size="2" maxlength="2">
 / <input type="text" name="annee2" size="3" maxlength="4">
<br/></td>	</tr>
</tr>
<td><hr></td><td><hr></td>	<tr></table>
<table><tr>
<td><center><input type="submit" value="valider"></center><br/><br/></td>
</tr></table></td></tr></table></center></form>
</body></html>

Je précise aussi que j'utilise opera comme navigateur et tomcat comme serveur d'application

23/03/2004, 14h06
ZeKiD
Salut,
Je ne connais pas cette définition pour l'appel javascript.
Mais tu peux essayer :
Code:

1 2 <script language="Javascript">
Tu peux aussi essayer de modifier ton

Code:

<link rel="stylesheet" type="text/css" href="style.css" title="d?faut">

Pour qu'il n'y ait pas de ?, on sait jamais.
Vérifie également que ta feuille de style est accessible depuis l'endroit où tu l'appelles. Utilises plutôt les URL relatives à ton serveur.

Voili,voilou,
8) 8) [/code]
23/03/2004, 14h26
bob33

J'ai resolu le probleme pour le javascript, mais il reste toujours le probleme pour le feuille de style. Pourtant la feuille de style est bien positionnée dans le bon repertoire, je ne sais d'où peut provenir l'erreur.
Il n'y a pas d'incompatibilité entre servlet et feuille css??????
23/03/2004, 15h36
ZeKiD

Si si c compatible, mais peux tu me dire exactement comment est ton arborescence avec l'endroit de ta feuille de style.
23/03/2004, 16h26
bob33

Dans le repertoir jakarta.../webapps/servletexample/WEB_INF/classes, je met ma servlet (le .java et le .class), ma feuille de style .css se trouve aussi dans ce repertoire, ainsi que toutes les images appellées dans ma feuille de style.
23/03/2004, 16h35
ZeKiD

Tu viens donc de trouver ton problème.
Tout ce qui se trouve dans le répertoire WEB-INF est invisible pour un serveur HTTP.
En l'occurence ici ,tu ne peux pas accéder à ton fichier CSS.
Tu dois le mettre dans ton répertoire : webapps/servletexample/css/monFichier.css, et y accéder par :

Si tu as laissé le context de ton application avec /servletexample/ :

Code:

href="/servletexample/css/style.css"

Sinon par

Code:

href="/moncontextapplication/css/style.css"

çà devrait marcher maintenant !
23/03/2004, 16h48
bob33

Ok merci beaucoup, ca fonctionne correctement maintenant, je vais pouvoir continuer....

[resolu][servlet] feuille de styme css et javascript

Citation:

Envoyé par bob33

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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
 
 
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
 
public class CreerAuteur extends HttpServlet {
 
    public void doGet(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException {
 
	res.setContentType("text/html");
	PrintWriter out = res.getWriter();
 
	out.println("<HTML>");
	out.println("<HEAD><TITLE>Creation d'auteur</TITLE>");
        out.println("<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\" title=\"défaut\">");
        out.println("<script type=\"text/javascript\"" );
 
	out.println("function verif(){");
 
	out.println("if (document.inscription.nom.value.length == 0 ){");
	out.println("alert(\"Veuillez saisir le nom de l'auteur!\");");
	out.println("return false;");
	out.println("}");
	out.println("else if(document.inscription.prenom.value.length == 0){");
	out.println("alert(\"Veuillez saisir le prenom de l'auteur!\");");
	out.println("return false;");
	out.println("}");
	out.println("else if(document.inscription.jour.value.length == 0){");
	out.println("alert(\"Veuillez saisir le jour de naissance!\");");
	out.println("return false;");
	out.println("}");
	out.println("else if(document.inscription.mois.value.length == 0){");
	out.println("alert(\"Veuillez saisir le mois de naissance!\");");
	out.println("return false;");
	out.println("}");
	out.println("else if(document.inscription.annee.value.length == 0){");
	out.println("alert(\"Veuillez saisir l'année de naissance!\");");
	out.println("return false;");
	out.println("}");
 
	out.println("return validedate();");
	out.println("}");
 
	out.println("function validedate(){");
 
	out.println("var a=document.inscription.annee.value;");
	out.println("var m=document.inscription.mois.value;");
	out.println("var j=document.inscription.jour.value;");
	out.println("var ok=1;");
	out.println("if (isNaN(j) || j<1 || j>31){");
	out.println("alert(\"Le jour n'est pas un jour valide.\");");
	out.println("return false;");
	out.println("}");
	out.println("if (isNaN(m) || m<1 || m>12){");
	out.println("alert(\"Le mois n'est pas un mois valide.\");");
	out.println("return false;");
	out.println("}");
	out.println("if (isNaN(a) || a<0){");
	out.println("alert(\"L'année n'est pas une année valide.\");");
	out.println("return false;");
	out.println("}");
	out.println("if (m==2){");
	out.println("if (j==31 || j==30) ok=0;");
	out.println("else if (j==29){");
	out.println("if (!( (a%4==0 && a%100!=0) || (a%400==0) )) ok=0;");
	out.println("}");
	out.println("}");
	out.println("else if (j==31){");
	out.println("if (m==4 || m==6 || m==9 || m==11) ok=0;");
	out.println("}");
	out.println("if (ok==0){");
	out.println("alert(\"La date \" + j + \"/\" + m + \"/\" + a + \" est incorrecte.\");");
	out.println("return false;");
	out.println("}");
	out.println("return true;");
	out.println("}");
 
        out.println("</script></HEAD>");
	out.println("<BODY class=\"Main\">");
	out.println("<center><H1 class=\"Menu\" >Enregistrement d'un auteur :</H1></center>");
	out.println("<br>");
	out.println("<br>");
	out.println("<form  class=\"Bienvenue\" name=\"inscription\" method=\"get\" action=\"CreerAuteurBase\" OnSubmit=\"return verif()\">");
	out.println("<center><table class=\"LoginL\" border=2 >");
	out.println("<tr><td class=\"Login\">");
	out.println("<table><tr><td class=\"Titre\">");
	out.println("</br><U><center>Fiche d'inscription :</center></u><br><br></td>");
	out.println("<br><br>");
	out.println("</tr></table>");
 
	out.println("<table>");
 
	out.println("<tr>");
	out.println("<td class=\"Libelle\">Nom :</td>");
	out.println("<td class=\"LoginL\">");
	out.println("<input type=\"text\" name=\"nom\" size=\"50\" maxlength=\"50\"></td>");
	out.println("</tr>");
	out.println("<tr>");
	out.println("<td class=\"Libelle\">Prenom :</td>");
	out.println("<td class=\"LoginL\">");
	out.println("<input type=\"text\" name=\"prenom\" size=\"50\" maxlength=\"50\"></td>");
	out.println("</tr>");
	out.println("<tr>");
	out.println("<td class=\"Libelle\">Date de naissance:</td>");
	out.println("<td class=\"LoginL\">");
	out.println("<input type=\"text\" name=\"jour\" size=\"2\" maxlength=\"2\">");
	out.println(" / <input type=\"text\" name=\"mois\" size=\"2\" maxlength=\"2\">");
	out.println(" / <input type=\"text\" name=\"annee\" size=\"3\" maxlength=\"4\">");
	out.println("<br/></td>	</tr>");
	out.print("</tr>");
	out.println("<tr>");
	out.println("<td class=\"Libelle\">Date de mort:</td>");
	out.println("<td class=\"LoginL\">");
	out.println("<input type=\"text\" name=\"jour2\" size=\"2\" maxlength=\"2\">");
	out.println(" / <input type=\"text\" name=\"mois2\" size=\"2\" maxlength=\"2\">");
	out.println(" / <input type=\"text\" name=\"annee2\" size=\"3\" maxlength=\"4\">");
	out.println("<br/></td>	</tr>");
	out.println("</tr>");
	out.println("<td><hr></td><td><hr></td>	<tr></table>");
	out.println("<table><tr>");
	out.println("<td><center><input type=\"submit\" value=\"valider\"></center><br/><br/></td>");
	out.println("</tr></table></td></tr></table></center></form>");
	out.println("</body></html>");
    }
}

Le formatage de la page selon la feuille css ne se fait pas et les verifications par le javascript non plus.
Pouvez-vous m'aider.
Merci d'avance