java/UpozorneniEmailem/web/index.jsp
author František Kučera <franta-hg@frantovo.cz>
Sat Mar 07 15:36:13 2009 +0100 (2009-03-07)
changeset 2 43a6e33a4854
parent 1 f6b8c00ef3d3
child 3 6c77707f0e1a
permissions -rw-r--r--
Logo, Kaptcha (captcha) a vylepšený formulář
     1 <%@page contentType="text/html" pageEncoding="UTF-8"%>
     2 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
     3 <!DOCTYPE html SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     4 
     5 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
     6     <head>
     7         <meta http-equiv="content-language" content="cs"/>
     8         <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"/>
     9         <title>Upozornění e-mailem</title>
    10         <link type="text/css" href="css/ui-lightness/jquery-ui-1.7.custom.css" rel="stylesheet" />
    11         <link type="text/css" href="css/styl.css" rel="stylesheet" />
    12         <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    13         <script type="text/javascript" src="js/jquery-ui-1.7.custom.min.js"></script>
    14         <script type="text/javascript" src="js/ui.datepicker-cs.js"></script>
    15     </head>
    16     <body>
    17         <h1><img src="logo.png" alt="logo" id="logo"/>Upozornění e-mailem</h1>
    18 
    19 
    20         <script type="text/javascript">
    21             $(function() {
    22                 $("#tabs").tabs();
    23             });
    24             $(function() {
    25                 $("#datepicker").datepicker();
    26             });
    27 
    28         </script>
    29 
    30 
    31 
    32 
    33         <div id="tabs">
    34             <ul>
    35                 <li><a href="#tabs-1">Přidat upozornění</a></li>
    36                 <li><a href="#tabs-2">Šablony</a></li>
    37                 <li><a href="#tabs-3">Moje upozornění</a></li>
    38             </ul>
    39             <div id="tabs-1">
    40                 <p>
    41                     <form action="?akce=zaloz" method="post">
    42                         <fieldset>
    43                             <label title="Kam bude odesláno upozornění.">E-mail: <input type="text" name="email"/></label><br/>
    44                             <label title="Kdy bude odesláno upozornění.">Datum: <input id="datepicker" type="text" name="datum"/></label><br/>
    45                             <label title="Předmět upozorňovacího e-mailu.">Předmět: <input type="text" name="predmet"/></label><br/>
    46                             <label title="Text upozorňovacího e-mailu.">Text: <textarea type="text" name="text"></textarea></label><br/>
    47                             <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/>
    48                             <script type="text/javascript">
    49                                 $(function(){
    50                                     $('#protiZlymRobotum').click(function () { $(this).attr('src', 'protiZlymRobotum.jpg?' + Math.floor(Math.random()*100) ); })
    51                                 });
    52                             </script>
    53                             <label title="Opište kód z obrázku.">Kontrolní kód: <input type="text" name="protiZlymRobotum"/></label><br/>
    54                             <button title="Vytvoží upozornění a pošle vám potvrzovací e-mail.">Přidat upozornění!</button>
    55                         </fieldset>
    56                     </form>
    57                 </p>
    58             </div>
    59             <div id="tabs-2">
    60                 <p>
    61 
    62 
    63                 </p>
    64             </div>
    65             <div id="tabs-3">
    66                 <p>
    67 
    68                 </p>
    69             </div>
    70         </div>
    71 
    72 
    73         <div class="ui-widget">
    74             <div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 0 .7em;">
    75                 <p>Tady bude informace o licenci.</p>
    76             </div>
    77         </div>
    78 
    79     </body>
    80 </html>