Ticket #3524: test1.html

File test1.html, 2.3 KB (added by elffikk, 11 years ago)
Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2                    "http://www.w3.org/TR/html4/loose.dtd">
3<html>
4<head>
5  <script src="jquery-1.2.6.js"></script>
6 
7  <script>
8  $(document).ready(function(){
9    //form dialog
10        $("#test1").click(function(){
11                        $("#example").css("display","block");
12                        $("#example").dialog(
13                                { 
14                                        width:450,
15                                        height:300,
16                                    buttons: { 
17                                        "Subscribe": function() { 
18                                            if (validEmail())
19                                                        {
20                                                                //send form data
21                                                        }
22                                        }, 
23                                        "Cancel": function() { 
24                                            $(this).dialog("close"); 
25                                        }                               
26                                    } 
27                                }       
28                        );
29       
30        });
31  });
32 
33  function validEmail()
34  {
35        if ($('#email').val() == "")
36        {
37                $('#emailvalidate').html("<img src='validationicons/bullet_error.png'>This field is required!");
38                return false;
39        }
40        else 
41        {
42                var r = new RegExp("^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$","i");
43                if (!r.test($('#email').val()))
44                {
45                        $('#emailvalidate').html("<img src='validationicons/bullet_error.png'>Must be a valid email!");
46                        return false;
47                }       
48                else
49                        $('#emailvalidate').html("<img src='validationicons/accept.png'>");
50        }       
51        return true;
52  }
53  </script>
54<style>
55.validation
56{
57        color:red;
58}
59</style> 
60</head>
61<body>
62  <link rel="stylesheet" href="themes/estrategies/estrategies.css" type="text/css" media="screen" title="Flora (Default)">
63<script type="text/javascript" src="ui/packed/ui.core.packed.js"></script>
64<script type="text/javascript" src="ui/packed/ui.dialog.packed.js"></script>
65<script type="text/javascript" src="ui/packed/ui.draggable.packed.js"></script>
66
67<button id="test1">Show</button>
68<div id="example" title="Subscribe to our newsletter" style="display:none;">
69<table>
70        <tr>
71                <td style="width:130px;">First name:</td>
72                <td><input type="text" id="firstname"></td>
73        </tr>
74        <tr>
75                <td>Last name:</td>
76                <td><input type="text" id="lastname"></td>
77        </tr>
78        <tr>
79                <td>Responding as:</td>
80                <td>
81                        <input type="radio" name="responding" value="0">A Parent
82                        <input type="radio" name="responding" value="1">A Teacher<br>
83                        Other  <input type="text" id="ra" style="display:block;">
84                </td>
85        </tr>   
86        <tr>
87                <td>Email:</td>
88                <td><input type="text" id="email"> <div id="emailvalidate" class="validation"></div></td>
89        </tr>
90</table>
91<div id="sendForm"></div>       
92</div>
93</body>
94</html>