Rozdělení na části (jspf – fragmenty) a menší písmo.
authorFrantišek Kučera <franta-hg@frantovo.cz>
Sat, 07 Mar 2009 18:13:25 +0100
changeset 4378b01fa565d
parent 3 6c77707f0e1a
child 5 b0af7f73cb5f
Rozdělení na části (jspf – fragmenty) a menší písmo.
java/UpozorneniEmailem/web/WEB-INF/jspf/pridat.jspf
java/UpozorneniEmailem/web/css/styl.css
java/UpozorneniEmailem/web/index.jsp
     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">&amp;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