Bug Tracker

Ticket #5652: ticket5652.html

File ticket5652.html, 2.3 KB (added by ixpleo, 5 years ago)

Test File Showing focus(), blur(), and submit() bug

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
4<head>
5        <title>jQuery 1.4a1 Test</title>
6
7        <script type="text/javascript" src="jquery-1.4a1.js"></script>
8        <script type="text/javascript">
9       
10                function testFocus(type) {
11                        $("#text").html("");
12                       
13                        if (type == 'jquery') {
14                                $("#tInput").focus();
15                                $("#text").html("jQuery Focus Complete.");
16                        } else {
17                                document.getElementById('tInput').focus();
18                                $("#text").html("Javascript Focus Complete");
19                        }
20                }
21               
22                function testBlur(type) {
23                        $("#text").html("");
24                       
25                        /* Re-Focus the input first using javascript (since we know that works). Otherwise clicking the link removes focus */
26                        /* The if/else statement below should blur the input field anyways since it occurs after */
27                        document.getElementById('tInput').focus();
28                       
29                        if (type == 'jquery') {
30                                $("#tInput").blur();
31                                $("#text").html("jQuery Blur Complete.");
32                        } else {
33                                document.getElementById('tInput').blur();
34                                $("#text").html("Javascript Blur Complete");
35                        }
36                }
37               
38                function testSubmit(type) {
39                        $("#text").html("");
40                       
41                        alert("Submit function fired.");
42                       
43                        if (type == 'jquery') {
44                                $("#testForm").submit();
45                        } else {
46                                document.getElementById('testForm').submit();
47                        }
48                }
49               
50        </script>
51
52</head>
53
54<body>
55       
56        <h3 style="margin-bottom: 3px;">Focus</h3>
57        <input type="button" onclick="testFocus('jquery');" value="jQuery Focus" /> | <input type="button" onclick="testFocus('javascript');" value="Javascript Focus" />
58       
59        <h3 style="margin-bottom: 3px; border-top: 1px solid #e6e6e6; padding-top: 8px;">Blur</h3>
60        <input type="button" onclick="testBlur('jquery');" value="jQuery Blur" /> | <input type="button" onclick="testBlur('javascript')" value="Javascript Blur" />
61       
62        <h3 style="margin-bottom: 3px; border-top: 1px solid #e6e6e6; padding-top: 8px;">Submit</h3>
63        <input type="button" onclick="testSubmit('jquery');" value="jQuery Submit" /> | <input type="button" onclick="testSubmit('javascript');" value="Javascript Submit" />
64       
65        <br /><br />
66
67        <form action="test.php" id="testForm">
68       
69                <input type="text" name="test" id="tInput" />
70               
71                <span id="text" style="display: block; margin-top: 5px; color: #777;"></span>
72               
73        </form>
74
75</body>
76
77</html>