Bug Tracker

Ticket #2037: jquery_test.html

File jquery_test.html, 1.5 KB (added by davidserduke, 14 years ago)

test case

Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html>
3  <head>
4    <title>Tester</title>
5    <style type="text/css">
6      div { background:yellow; width:400px; margin:5px; }
7      #hid { display:none; }
8    </style>
9    <script type="text/javascript" src="../jquery.js"></script>
10    <script type="text/javascript">
11      function show(id, value) {
12        if (value) {
13          value = value + " = '" + eval(value) + "'";
14        }
15        $(id).text(value);
16      }
17
18      $(function () {
19        $("button:eq(0)").click(function () {
20              show("#adiv", '$("#hid").css("display")');
21              // set the innerHTML to itself
22              $("#container")[0].innerHTML = $("#container")[0].innerHTML;
23              show("#bdiv", '$("#hid").css("display")');
24              // set the element to "block" then reset it (should change nothing in the end)
25              var elem = $("#hid")[0];
26              var save = elem.style.display;
27              elem.style.display = "block";
28              elem.style.display = save;
29              show("#cdiv", '$("#hid").css("display")');
30            });
31      });
32    </script>
33  </head>
34  <body>
35    <button>Demo problem</button>
36    <p>
37      Click 'Demo problem' and should get 'none' all 3 times
38    </p>
39    <div id="container" style="display:none;">
40      <div>
41        <div id="hid">hidden</div>
42      </div>
43    </div>
44    <div id="adiv"></div>
45    <div id="bdiv"></div>
46    <div id="cdiv"></div>
47  </body>
48</html>