Ticket #4267: accordionbug.html

File accordionbug.html, 3.7 KB (added by Thaddeus, 11 years ago)

Sample height problem

Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
3
4<html xmlns="http://www.w3.org/1999/xhtml">
5
6<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7       
8       
9       
10       
11<link rel="stylesheet" type="text/css" href="public/css/blue-diamond/ui.all.css" media="print, projection, screen" title="blue-diamond">
12
13 <style type="text/css" media="screen, projection">@media screen {body {font: 62.5% Verdana, sans-serif; margin: 50px;}
14                           #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
15                           #dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
16                           ul#icons {margin: 0; padding: 0;}
17                           ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
18                           ul#icons span.ui-icon {float: left; margin: 0 4px;}}
19@media print {body {font: 62.5% Verdana, sans-serif; margin: 0px;}
20                   #head-divPanelBox {display:none;}
21                   #divLeftBox {display:none;}
22                   #divLeftNavBox {display:none;}
23                   #divRightBox {display:none;}
24                   #divRightNavBox {display:none;}
25                   #divWinLottery {display:inline;}
26                   #divMiddleBox{display:none;}
27                   #divMiddleNavBox{display:none;}
28                   #datepicker{display:none;}
29                   #foot-divPanelBox{display:none;}}
30</style>               
31
32       
33       
34 <script type="text/javascript" src="public/js/jquery-1.3.1.js"></script>
35 <script type="text/javascript" src="public/js/jquery-ui-personalized-1.6rc6.min.js"></script>
36
37
38 <script type="text/javascript">
39         $(document).ready(function(){
40         jQuery('#A-left-nav').accordion({header: "h3", active: 7, icons: {'header': 'ui-icon-extlink','headerSelected': 'ui-icon-arrow-1-s'}, autoheight: true, fillSpace: true, event:  'dblclick'});});
41 </script>
42
43</head>
44
45
46<div id="divBodyBox" style=" position: absolute; left: 8px; right: 8px; top: 78px; bottom: 66px; border: 0px solid #ff9000;">
47
48<div id="divLeftBox" style=" position: absolute; left: 0px; top: 0px; bottom: 0px; border: 0px solid #ff9000; width: 173px;"><div id="A-left-nav" style=" position: absolute; overflow: hidden; left: 1px; top: 154px; bottom: 0px; width: 175px; border: 0px solid #ff9000;">
49       
50<div id="A-left-nav" style=" position: absolute; overflow: hidden; left: 0px; right: 0px; top: 0px; bottom: 0px; border: 0px solid #ff9000;">
51
52<h3><a href="#">Login/LogOut:</a></h3><div><div id="divArcLogin"></div></div><h3><a href="#">MyFunction # 2</a></h3><div><p></p></div><h3><a href="#">MyFunction # 3</a></h3><div><p></p></div><h3><a href="#">MyFunction # 4</a></h3><div><p></p></div><h3><a href="#">Lottery Numbers</a></h3>
53<div><div id="divWinOptions" style="width: 80%">
54
55<select id="WinType" name="WinMenu">
56<option value="6/49" selected="t">6/49</option>
57<option value="Super7">Super7</option>
58</select>
59
60&nbsp;&nbsp;
61
62<select id="WinSets" name="WinMenu" onchange="getWinResults(WinType.value, this.value)">
63<option value="1">1</option><option value="2">2</option>
64<option value="3">3</option>
65<option value="4" selected="t">4</option>
66<option value="5">5</option>
67<option value="6">6</option>
68<option value="7">7</option>
69<option value="8">8</option>
70<option value="9">9</option>
71</select><br><br>
72
73&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
74
75<input id="WinSave" type="submit" name="AccButton" value="Save">
76&nbsp;&nbsp;
77<input id="WinClose" type="submit" name="AccButton" value="Close"><br><br>
78</div></div><h3><a href="#">MyFunction # 6</a></h3>
79<div><p></p></div><h3><a href="#">MyFunction # 7</a></h3><div><p></p></div><h3><a href="#"></a></h3><div><p></p></div></div></div></div></div></body>