OLD | NEW |
(Empty) | |
| 1 <HTML> |
| 2 <head> |
| 3 |
| 4 |
| 5 <script> |
| 6 |
| 7 var DDSPEED = 10; |
| 8 var DDTIMER = 15; |
| 9 |
| 10 // main function to handle the mouse events // |
| 11 function ddMenu(id,d){ |
| 12 var h = document.getElementById(id + '-ddheader'); |
| 13 var c = document.getElementById(id + '-ddcontent'); |
| 14 clearInterval(c.timer); |
| 15 if(d == 1){ |
| 16 clearTimeout(h.timer); |
| 17 if(c.maxh && c.maxh <= c.offsetHeight){return} |
| 18 else if(!c.maxh){ |
| 19 c.style.display = 'block'; |
| 20 c.style.height = 'auto'; |
| 21 c.maxh = c.offsetHeight; |
| 22 c.style.height = '0px'; |
| 23 } |
| 24 c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER); |
| 25 }else{ |
| 26 h.timer = setTimeout(function(){ddCollapse(c)},50); |
| 27 } |
| 28 } |
| 29 |
| 30 // collapse the menu // |
| 31 function ddCollapse(c){ |
| 32 c.timer = setInterval(function(){ddSlide(c,-1)},DDTIMER); |
| 33 } |
| 34 |
| 35 // cancel the collapse if a user rolls over the dropdown // |
| 36 function cancelHide(id){ |
| 37 var h = document.getElementById(id + '-ddheader'); |
| 38 var c = document.getElementById(id + '-ddcontent'); |
| 39 clearTimeout(h.timer); |
| 40 clearInterval(c.timer); |
| 41 if(c.offsetHeight < c.maxh){ |
| 42 c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER); |
| 43 } |
| 44 } |
| 45 |
| 46 // incrementally expand/contract the dropdown and change the opacity // |
| 47 function ddSlide(c,d){ |
| 48 var currh = c.offsetHeight; |
| 49 var dist; |
| 50 if(d == 1){ |
| 51 dist = (Math.round((c.maxh - currh) / DDSPEED)); |
| 52 }else{ |
| 53 dist = (Math.round(currh / DDSPEED)); |
| 54 } |
| 55 if(dist <= 1 && d == 1){ |
| 56 dist = 1; |
| 57 } |
| 58 c.style.height = currh + (dist * d) + 'px'; |
| 59 c.style.opacity = currh / c.maxh; |
| 60 c.style.filter = 'alpha(opacity=' + (currh * 100 / c.maxh) + ')'; |
| 61 if((currh < 2 && d != 1) || (currh > (c.maxh - 2) && d == 1)){ |
| 62 clearInterval(c.timer); |
| 63 } |
| 64 } |
| 65 |
| 66 </script> |
| 67 |
| 68 <style> |
| 69 .menu{ |
| 70 width:717px; |
| 71 height:65px; |
| 72 |
| 73 } |
| 74 .links div{ |
| 75 float:left;} |
| 76 .dropdown { |
| 77 |
| 78 background:9966ff; |
| 79 color:#eee; |
| 80 border-left:1px solid #fff; |
| 81 font-family:BOOK ANTIQUA; |
| 82 font-size:14px; |
| 83 margin: 0; |
| 84 padding:0px;} |
| 85 |
| 86 .dropdown dt:hover { |
| 87 background:9999ff; |
| 88 } |
| 89 |
| 90 .dropdown dt { |
| 91 |
| 92 cursor:pointer;} |
| 93 .dropdown dd { |
| 94 position:absolute; |
| 95 overflow:hidden; |
| 96 display:none; |
| 97 background:9966ff; |
| 98 z-index:1000; |
| 99 opacity:.5; |
| 100 margin:0 0 0 20px; |
| 101 border-left:2px solid #620000; |
| 102 border-right:2px solid #620000} |
| 103 |
| 104 .dropdown ul { |
| 105 width:100px; |
| 106 list-style:none; |
| 107 margin:0; |
| 108 padding: 0; |
| 109 z-index:900;} |
| 110 .dropdown li { |
| 111 display:block; |
| 112 width: 100px; |
| 113 margin: 0; |
| 114 padding: 5px; |
| 115 border-bottom:2px solid #620000;} |
| 116 .dropdown li a{ |
| 117 float:none; |
| 118 width:auto; |
| 119 padding: 0; |
| 120 width:100px} |
| 121 |
| 122 .dropdown a:hover { |
| 123 color:#FFFF00;} |
| 124 |
| 125 a{ |
| 126 color:blue; |
| 127 font-family:BOOK ANTIQUA; |
| 128 font-size:15px; |
| 129 text-decoration: none; |
| 130 padding-left:23px; |
| 131 padding-right:23px; |
| 132 } |
| 133 a:hover { |
| 134 background:9999ff; |
| 135 color:#000 |
| 136 } |
| 137 </style> |
| 138 |
| 139 <body> |
| 140 <div align=center class="headerMembers"> |
| 141 <!-- menu starts here --> |
| 142 <div class="menu"> |
| 143 <div class="links"> |
| 144 <body> |
| 145 <H2 align=center><font color="background:9900CC"> Chrome Release testing dashboa
rd </font></h2> |
| 146 <div> |
| 147 <br> |
| 148 </div> |
| 149 <div> |
| 150 <dl class="dropdown"> |
| 151 <dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu
('one',-1)"><a>Register new feature</a></dt> |
| 152 <dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddM
enu('one',-1)"> |
| 153 <ul> |
| 154 <li><a href="registerfeature.jsp">Chrome</a></li> |
| 155 <li><a href="">Chrome Frame</a></li> |
| 156 </ul> |
| 157 </dd> |
| 158 </dl> |
| 159 </div> |
| 160 |
| 161 |
| 162 <div> |
| 163 <dl class="dropdown"> |
| 164 <dt id="two-ddheader" onmouseover="ddMenu('two',1)" onmouseout="ddMenu
('two',-1)"><a>Submit Status</a></dt> |
| 165 <dd id="two-ddcontent" onmouseover="cancelHide('two')" onmouseout="ddM
enu('two',-1)"> |
| 166 <ul> |
| 167 <li><a href="SubmitStatus-Windows.jsp">Windows</a></li> |
| 168 <li><a href="SubmitStatus-Mac.jsp">Mac</a></li> |
| 169 <li><a href="SubmitStatus-Linux.jsp">Linux</a></li> |
| 170 <li><a href="">Chrome Frame </a></li> |
| 171 </ul> |
| 172 </dd> |
| 173 </dl> |
| 174 </div> |
| 175 |
| 176 <div> |
| 177 <dl class="dropdown"> |
| 178 <dt id="three-ddheader" onmouseover="ddMenu('three',1)" onmouseout="dd
Menu('three',-1)"><a>View Status</a></dt> |
| 179 <dd id="three-ddcontent" onmouseover="cancelHide('three')" onmouseout=
"ddMenu('three',-1)"> |
| 180 <ul> |
| 181 <li><a href="TestingStatus-query.jsp">Windows</a></li> |
| 182 <li><a href="TestingStatus-query-Mac.jsp">Mac</a></li> |
| 183 <li><a href="TestingStatus-query-Linux.jsp">Linux</a></li> |
| 184 <li><a href="">Chrome Frame </a></li> |
| 185 </ul> |
| 186 </dd> |
| 187 </dl> |
| 188 </div> |
| 189 |
| 190 <div> |
| 191 <dl class="dropdown"> |
| 192 <dt id="four-ddheader" onmouseover="ddMenu('four',1)" onmouseout="ddMe
nu('four',-1)"><a>Release Blockers</a></dt> |
| 193 <dd id="four-ddcontent" onmouseover="cancelHide('four')" onmouseout="d
dMenu('four',-1)"> |
| 194 <ul> |
| 195 <li><a href="Release-blockers.jsp?channel=Dev">Dev</a></li> |
| 196 <li><a href="Release-blockers.jsp?channel=Beta">Beta</a></li> |
| 197 <li><a href="Release-blockers.jsp?channel=Stable">Stable</a></
li> |
| 198 <li><a href="">ChromeFrame-Dev</a></li> |
| 199 <li><a href="">ChromeFrame-Beta</a></li> |
| 200 </ul> |
| 201 </dd> |
| 202 </dl> |
| 203 </div> |
| 204 |
| 205 <div style="background:9966ff;border-left:1px solid #fff;"><a href="calendar.jsp
">Calendar</a></div> |
| 206 |
| 207 </body> |
| 208 </div> |
| 209 </div> |
| 210 </div> |
| 211 </html> |
| 212 |
| 213 <BODY style="background:CCCCFF;font-family:BOOK ANTIQUA"> |
| 214 <div align=center> |
| 215 |
| 216 |
| 217 <div align=center> <font color="background:9900CC"><br><b>Dates/Schedule:</b> |
| 218 <div><b>Jul 19, 2010</b> - 6.0 Branch Point/ String Freeze/ Feature Freeze </d
iv> |
| 219 <div><b>Aug 02, 2010</b> - 6.0 Go/No Go (Dev) </div> |
| 220 <div><b>Aug 16, 2010</b> - 6.0 Merge Strings </div> |
| 221 <div><b>Aug 23, 2010</b> - 6.0 Go/No Go (Beta) </div> |
| 222 <div><b>Aug 30, 2010</b> - 7.0 Branch Point/ String Freeze/ Feature Freeze </d
iv> |
| 223 <div><b>Sep 06, 2010</b> - 6.0 Launch </div> |
| 224 |
| 225 </div> |
| 226 |
| 227 |
| 228 </div> |
| 229 </body> |
| 230 </html> |
OLD | NEW |