Bug Tracker

Ticket #6859: visible.html

File visible.html, 1.7 KB (added by lathan, 12 years ago)
Line 
1<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
2<head>
3        <script src="http://code.jquery.com/jquery-1.4.2.js" type="text/javascript"></script>
4        <style type="text/css">
5                div { width: 100%; }
6                #grandparent { background-color: grey; }
7                #parent { background-color: red; }
8                #child { background-color: green; }
9        </style>
10        <script type="text/javascript">
11        $(function(){
12                alert('Test One, parent is display: none');
13                $('#parent').hide();
14                alert("child\n\t" + "is(:visible): " + $('#child').is(':visible') + "\n\tis(:hidden): " + $('#child').is(':hidden') + "\n\twidth: " + $('#child').width() + "\n\theight: " + $('#child').height() + "\n parent" + "\n\tis(:visible):" + $('#parent').is(':visible') + "\n\tis(:hidden): " + $('#parent').is(':hidden') + "\n\twidth: " + $('#parent').width() + "\n\theight: " + $('#parent').height());
15                $('#parent').show();
16                alert('passed!');
17                $('#parent').css('visibility','hidden');
18                alert('Test Two, parent is visibility: hidden');
19                alert("child\n\t" + "is(:visible): " + $('#child').is(':visible') + "\n\tis(:hidden): " + $('#child').is(':hidden') + "\n\twidth: " + $('#child').width() + "\n\theight: " + $('#child').height() + "\n parent" + "\n\tis(:visible):" + $('#parent').is(':visible') + "\n\tis(:hidden): " + $('#parent').is(':hidden') + "\n\twidth: " + $('#parent').width() + "\n\theight: " + $('#parent').height());
20               
21                alert("failed\n" + "The :visible and :hidden filters do not work with the css attribute visibility\n\nThese tests were conducted from Mozilla Firefox 3.6.8 as well as Google Chrome 5.0.375.125 on Ubuntu Linux");
22                });
23        </script>
24</head><body>
25    <div id="parent">
26        parent
27        <div id="child">
28            child
29        </div>
30    </div>
31
32</body></html>