Rozdělení na části (jspf – fragmenty) a menší písmo.
1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/java/UpozorneniEmailem/web/WEB-INF/jspf/pridat.jspf Sat Mar 07 18:13:25 2009 +0100
1.3 @@ -0,0 +1,17 @@
1.4 +<jsp:directive.page pageEncoding="UTF-8"/>
1.5 +<form action="?akce=zaloz" method="post">
1.6 + <fieldset>
1.7 + <label title="Tvoje adresa.">E-mail: <input type="text" name="email"/></label><br/>
1.8 + <label title="Kdy ti má přijít upozornění.">Datum: <input id="datepicker" type="text" name="datum"/></label><br/>
1.9 + <label title="Předmět upozorňovacího e-mailu.">Předmět: <input type="text" name="predmet"/></label><br/>
1.10 + <label title="Text upozorňovacího e-mailu.">Text: <textarea type="text" name="text">&nbsp;</textarea></label><br/>
1.11 + <img src="protiZlymRobotum.jpg" alt="Kaptcha" id="protiZlymRobotum" title="Pokud je obrázek nečitelný, klikněte na něj a vygeneruje se nový."/><br/>
1.12 + <script type="text/javascript">
1.13 + $(function(){
1.14 + $('#protiZlymRobotum').click(function () { $(this).attr('src', 'protiZlymRobotum.jpg?' + Math.floor(Math.random()*100) ); })
1.15 + });
1.16 + </script>
1.17 + <label title="Opiš kód z obrázku.">Kontrolní kód: <input type="text" name="protiZlymRobotum"/></label><br/>
1.18 + <button title="Vytvoří upozornění a pošle ti potvrzovací e-mail.">Přidat upozornění!</button>
1.19 + </fieldset>
1.20 +</form>
2.1 --- a/java/UpozorneniEmailem/web/css/styl.css Sat Mar 07 17:27:27 2009 +0100
2.2 +++ b/java/UpozorneniEmailem/web/css/styl.css Sat Mar 07 18:13:25 2009 +0100
2.3 @@ -1,5 +1,11 @@
2.4 body {
2.5 font-family: sans-serif;
2.6 + font-size: 8pt;
2.7 + margin-left: 16px;
2.8 + margin-right: 16px;
2.9 + margin-top: 0px;
2.10 + color: black;
2.11 + background-color: white;
2.12 }
2.13
2.14 h1 {
2.15 @@ -54,8 +60,8 @@
2.16 }
2.17
2.18 form {
2.19 - text-align: right;
2.20 - max-width: 32em;
2.21 + text-align: right;
2.22 + max-width: 32em;
2.23 }
2.24
2.25 fieldset {
2.26 @@ -63,30 +69,30 @@
2.27 }
2.28
2.29 input {
2.30 - margin: 2px;
2.31 - padding: 2px;
2.32 - width: 300px;
2.33 + margin: 2px;
2.34 + padding: 2px;
2.35 + width: 300px;
2.36 border: 1px solid silver;
2.37 }
2.38
2.39 #protiZlymRobotum {
2.40 margin: 2px;
2.41 - padding: 2px;
2.42 + padding: 2px;
2.43 border: 1px solid silver;
2.44 }
2.45
2.46 textarea{
2.47 - margin: 2px;
2.48 - padding: 2px;
2.49 + margin: 2px;
2.50 + padding: 2px;
2.51 width: 300px;
2.52 - height: 100px;
2.53 + height: 64px;
2.54 border: 1px solid silver;
2.55 }
2.56
2.57 button {
2.58 - margin: 2px;
2.59 - margin-top: 2px;
2.60 - padding-left: 10px;
2.61 - padding-right: 10px;
2.62 + margin: 2px;
2.63 + margin-top: 2px;
2.64 + padding-left: 10px;
2.65 + padding-right: 10px;
2.66 min-width: 100px;
2.67 }
2.68 \ No newline at end of file
3.1 --- a/java/UpozorneniEmailem/web/index.jsp Sat Mar 07 17:27:27 2009 +0100
3.2 +++ b/java/UpozorneniEmailem/web/index.jsp Sat Mar 07 18:13:25 2009 +0100
3.3 @@ -37,35 +37,14 @@
3.4 <li><a href="#tabs-3">Moje upozornění</a></li>
3.5 </ul>
3.6 <div id="tabs-1">
3.7 - <p>
3.8 - <form action="?akce=zaloz" method="post">
3.9 - <fieldset>
3.10 - <label title="Kam bude odesláno upozornění.">E-mail: <input type="text" name="email"/></label><br/>
3.11 - <label title="Kdy bude odesláno upozornění.">Datum: <input id="datepicker" type="text" name="datum"/></label><br/>
3.12 - <label title="Předmět upozorňovacího e-mailu.">Předmět: <input type="text" name="predmet"/></label><br/>
3.13 - <label title="Text upozorňovacího e-mailu.">Text: <textarea type="text" name="text"></textarea></label><br/>
3.14 - <img src="protiZlymRobotum.jpg" alt="Kaptcha" id="protiZlymRobotum" title="Pokud je obrázek nečitelný, klikněte na něj a vygeneruje se nový."/><br/>
3.15 - <script type="text/javascript">
3.16 - $(function(){
3.17 - $('#protiZlymRobotum').click(function () { $(this).attr('src', 'protiZlymRobotum.jpg?' + Math.floor(Math.random()*100) ); })
3.18 - });
3.19 - </script>
3.20 - <label title="Opište kód z obrázku.">Kontrolní kód: <input type="text" name="protiZlymRobotum"/></label><br/>
3.21 - <button title="Vytvoží upozornění a pošle vám potvrzovací e-mail.">Přidat upozornění!</button>
3.22 - </fieldset>
3.23 - </form>
3.24 - </p>
3.25 + <jsp:include page="WEB-INF/jspf/pridat.jspf"/>
3.26 +
3.27 </div>
3.28 <div id="tabs-2">
3.29 - <p>
3.30 -
3.31 -
3.32 - </p>
3.33 + <p>xxx</p>
3.34 </div>
3.35 <div id="tabs-3">
3.36 - <p>
3.37 -
3.38 - </p>
3.39 + <p>yyy</p>
3.40 </div>
3.41 </div>
3.42