Index: grit/testdata/sidebar_v.html |
=================================================================== |
--- grit/testdata/sidebar_v.html (revision 0) |
+++ grit/testdata/sidebar_v.html (revision 0) |
@@ -0,0 +1,267 @@ |
+<html><head> |
+<title>Google Desktop Search Sidebar</title> |
+<meta http-equiv="content-type" content="text/html; charset=utf-8"> |
+<meta http-equiv="cache-control" content="no-cache"> |
+<meta http-equiv="pragma" content="no-cache"> |
+<meta http-equiv="expires" content="-1"> |
+<style> |
+BODY,TD,P,A {FONT-FAMILY: verdana,arial,sans-serif;font-size:8pt; color:#fff} |
+a:link, a:visited, a:hover, b, q b { color: #ffffff} |
+a:active { color: #ff0000} |
+a:link,a:active,a:visited,div { text-decoration: none;font-size:8pt } |
+.g{margin-top: 1em;} |
+.gg{margin-top: .4em;} |
+.norepeat { background-repeat: no-repeat } |
+.indent{margin-top: 0px; margin-bottom: 0px;margin-left:3px;} |
+.c:link, .c:visited, .c:active { color: #959595;font-size:8pt } |
+.ch{cursor:pointer;cursor:hand} |
+.gap{margin-top: 10px; margin-bottom: 10px;} |
+.off {display:none} |
+.on {display:on} |
+.but { border-top: 1px solid #73787E;border-bottom: 1px solid #000000;border-right: 1px solid #000000;border-left: 1px solid #73787E;margin-top: 0px; margin-bottom: 0px; cursor:pointer;cursor:hand} |
+</style> |
+<script> |
+ |
+function toggle(i) { |
+ var v = document.getElementById(i); |
+ var vi = document.getElementById(i+'icon'); |
+ var c = (v['className'] == 'on'); |
+ if (c) { |
+ v['className'] = 'off'; |
+ vi.src='up.gif'; |
+ } |
+ else { |
+ v['className'] = 'on'; |
+ vi.src='down.gif'; |
+ } |
+ (new Image()).src="[$~TOGGLE~$]?setting="+i+"&mode="+v['className']+"&rnd="+Math.random(); |
+ |
+ if (!c && (v['oclass'] == 'off')) { |
+ location.href = location.href; |
+ } |
+ |
+ return true; |
+} |
+function hide() { |
+ // return confirm("Are you sure you want to hide the sidebar?\nYou can show it again in Google Desktop Search Preferences."); |
+ return 1; |
+} |
+</script> |
+ |
+<!-- menu experiment start --> |
+ |
+<style> |
+<!-- |
+.menu1 { |
+cursor:default; |
+position:absolute; |
+text-align: left; |
+font-family: Arial, Helvetica, sans-serif; |
+font-size: 8pt; |
+font-color: #000000; |
+color: #000000; |
+background-color: menu; |
+visibility: hidden; |
+padding-top: 2px; |
+padding-bottom: 2px; |
+border: 1 solid; |
+border-color: #888888; |
+z-index: 100; |
+} |
+.menuitems { |
+padding-left: 5px; |
+padding-right: 5px; |
+} |
+--> |
+</style> |
+<SCRIPT LANGUAGE="JavaScript1.2"> |
+<!-- |
+var menustyle = "menu1"; |
+ |
+function showmenu() { |
+ var rightedge = document.body.clientWidth-event.clientX; |
+ var bottomedge = document.body.clientHeight-event.clientY; |
+ // if (rightedge < rcmenu.offsetWidth) |
+ // rcmenu.style.left = document.body.scrollLeft + event.clientX - rcmenu.offsetWidth; |
+ // else |
+ // rcmenu.style.left = document.body.scrollLeft + event.clientX; |
+ |
+ // if (rcmenu.style.left < 0) rcmenu.style.left = 0; |
+ rcmenu.style.left = 0; |
+ |
+ if (bottomedge < rcmenu.offsetHeight) |
+ rcmenu.style.top = document.body.scrollTop + event.clientY - rcmenu.offsetHeight; |
+ else |
+ rcmenu.style.top = document.body.scrollTop + event.clientY; |
+ |
+ if (rcmenu.style.top < 0) rcmenu.style.top = 0; |
+ |
+ rcmenu.style.visibility = "visible"; |
+ // rcmenu.style.zindex = 0; |
+ // document.all('rcmenu').style.zindex = 20; |
+ document.onkeydown=ck; |
+ return false; |
+} |
+ |
+function hidemenu() { |
+ rcmenu.style.visibility = "hidden"; |
+} |
+ |
+function ck(e){ |
+ evt=document.all?window.event:e; |
+ k=document.all?window.event.keyCode:e.keyCode; |
+ |
+ if(k==27 /*<Esc>*/) { |
+ hidemenu(); |
+ } |
+} |
+ |
+function menumouseover() { |
+ if (event.srcElement.className == "menuitems") { |
+ event.srcElement.style.backgroundColor = "highlight"; |
+ event.srcElement.style.color = "white"; |
+ } |
+} |
+ |
+function menumouseout() { |
+ if (event.srcElement.className == "menuitems") { |
+ event.srcElement.style.backgroundColor = ""; |
+ event.srcElement.style.color = "black"; |
+ window.status = ""; |
+ } |
+} |
+ |
+function menuselect() { |
+ if (event.srcElement.className == "menuitems") { |
+ if (event.srcElement.getAttribute("target") != null) |
+ window.open(event.srcElement.url, event.srcElement.getAttribute("target")); |
+ else if (event.srcElement.url.length) |
+ window.location = event.srcElement.url; |
+ } |
+} |
+// --> |
+</script> |
+ |
+<!-- menu experiment end --> |
+ |
+</head> |
+ |
+<body onload="TEST_WIDTH();" bottommargin=0 leftmargin=0 marginheight=0 marginwidth=0 rightmargin=0 topmargin=0 style="background-color:'#384146'; background-repeat: repeat-y; border-style:solid; border-width:0;" background="greyback.jpg" scroll=NO oncontextmenu="return false;"> |
+ |
+<!-- menu experiment start --> |
+ |
+<div id="rcmenu" class="skin0" onMouseover="menumouseover()" onMouseout="menumouseout()" onClick="menuselect();"> |
+<div class="menuitems" url="[$~SETDISP4~$]">Switch to minibar</div> |
+<div class="menuitems" url="[$~SETDISP2~$]">Switch to hoverbar</div> |
+<div class="menuitems" url="[$~HIDE1~$]">Close sidebar</div> |
+<div class="menuitems" url="">No change</div> |
+</div> |
+ |
+<script language="JavaScript1.2"> |
+if (document.all && window.print) { |
+ rcmenu.className = menustyle; |
+ document.oncontextmenu = showmenu; |
+ document.body.onclick = hidemenu; |
+} |
+</script> |
+ |
+<!-- menu experiment end --> |
+ |
+<div id="oneliner" style="visibility:hidden; position:absolute; left:0px; top:0px;"></div> |
+<script> |
+var h = document.getElementById("oneliner").offsetHeight*2; |
+document.write("<style type='text/css'>.truncme { overflow:hidden;height: " +h+"px; }</style>"); |
+</script> |
+ |
+<table cellpadding=0 cellspacing=0 border=0 width='100%'> |
+<form method=get action="[$~SEARCHURL~$]" id=f1> |
+<input type=hidden name=src value=5> |
+<input type=hidden name=redir value=''> |
+<tr> |
+ <td width='1%'><IMG id=ctl src="[CONTROL_IMAGE]" border=0 usemap="#control"></td> |
+ <td width='97%'><input TABINDEX="1" NAME="q" style="width:'100%'; FONT-FAMILY: verdana,arial,sans-serif;font-size:8pt"></td> |
+ <td width='1%'><table cellpadding=2 cellspacing=0><tr><td> </td><td TABINDEX="8" onkeydown='if(event.keyCode!=16&&event.keyCode!=9)onclick()' onmouseover="this.bgColor='4C535B'" onmouseout="this.bgColor='#414A4F'" class=but bgcolor=414A4F valign=top onclick="location.href='[$~SETDISP2~$]';"><img src="mini_mini.gif"></td></tr></table></td> |
+ <td width='1%'><table cellpadding=2 cellspacing=0><tr><td TABINDEX="9" onkeydown='if(event.keyCode!=16&&event.keyCode!=9)onclick()' onmouseover="this.bgColor='4C535B'" onmouseout="this.bgColor='#414A4F'" class=but bgcolor=414A4F valign=top onclick="if (hide())location.href='[$~HIDE1~$]';"><img src="mini_close.gif"></td></tr></table></td> |
+</tr> |
+<MAP name="control"> |
+<area TABINDEX="4" onkeydown='if(event.keyCode==13)location.href="movesidebar?side=1"' title="Move sidebar to Top" shape="rect" coords="9,0,22,8" href="/movesidebar?side=1" onmouseover="ctl.src='control1.gif'" onmouseout="ctl.src='[CONTROL_IMAGE]'"> |
+<area TABINDEX="5" onkeydown='if(event.keyCode==13)location.href="movesidebar?side=3"' title="Move sidebar to Bottom" shape="rect" coords="9,9,22,17" href="/movesidebar?side=3" onmouseover="ctl.src='control3.gif'" onmouseout="ctl.src='[CONTROL_IMAGE]'"> |
+<area TABINDEX="6" onkeydown='if(event.keyCode==13)location.href="movesidebar?side=0"' title="Move sidebar to Left" shape="rect" coords="0,2,8,15" href="/movesidebar?side=0" onmouseover="ctl.src='control0.gif'" onmouseout="ctl.src='[CONTROL_IMAGE]'"> |
+<area TABINDEX="7" onkeydown='if(event.keyCode==13)location.href="movesidebar?side=2"' title="Move sidebar to Right" shape="rect" coords="23,2,31,15" href="/movesidebar?side=2" onmouseover="ctl.src='control2.gif'" onmouseout="ctl.src='[CONTROL_IMAGE]'"> |
+</MAP> |
+</table> |
+ |
+<center> |
+<table cellpadding=2 cellspacing=3> |
+<tr> |
+ <td TABINDEX="2" onkeydown='if(event.keyCode!=16&&event.keyCode!=9)onclick()' onclick="f1.submit()" onmouseover="this.bgColor='4C535B'" onmouseout="this.bgColor='#414A4F'" class=ch nowrap bgcolor=414A4F valign=top style="border-top: 1px solid #73787E;border-bottom: 1px solid #252C30;border-right: 1px solid #252C30;border-left: 1px solid #73787E;"><img src="logo.gif" align="texttop"> <font color=ffffff>Google Desktop Search </td> |
+ <td TABINDEX="3" onkeydown='if(event.keyCode!=16&&event.keyCode!=9)onclick()' onclick="redir.value='google'; f1.submit(); redir.value='';" onmouseover="this.bgColor='4C535B'" onmouseout="this.bgColor='#414A4F'" class=ch bgcolor=414A4F nowrap valign=top style="border-top: 1px solid #73787E;border-bottom: 1px solid #252C30;border-right: 1px solid #252C30;border-left: 1px solid #73787E;"> <font color=ffffff>Web </td> |
+</tr> |
+</form> |
+</table> |
+</center> |
+ |
+<p class=gg> |
+<table width=100% cellpadding=0 cellspacing=0><tr><td bgcolor=4E555C><img width=1 height=1></td></tr></table> |
+<table class=ch cellpadding=0 cellspacing=0 style="background-color:'#424B50'; background-repeat: repeat-y;" background="section.jpg" width=100% height=18><tr onDblClick='return toggle("news");' onclick='return toggle("news");' onmouseover="this.bgColor='#465055'" onmouseout="this.bgColor=''"><td width=16 align=right><img id=newsicon src="[$~NEWS_MODE~$]" border=0></td><td valign=middle> <font color=ffffff>News</td></tr></table> |
+<table width=100% cellpadding=0 cellspacing=0><tr><td bgcolor=313B40><img width=1 height=1></td></tr></table> |
+ |
+<span id="news" class=[$~NEWS_CLASS~$] oclass=[$~NEWS_CLASS~$]> |
+[CONTENT_NEWS] |
+<p class=g> |
+</span> |
+ |
+<table width=100% cellpadding=0 cellspacing=0><tr><td bgcolor=4E555C><img width=1 height=1></td></tr></table> |
+<table class=ch cellpadding=0 cellspacing=0 style="background-color:'#424B50'; background-repeat: repeat-y;" background="section.jpg" width=100% height=18><tr onDblClick='return toggle("inbox");' onclick='return toggle("inbox");' onmouseover="this.bgColor='#465055'" onmouseout="this.bgColor=''"><td width=16 align=right><img id=inboxicon src="[$~INBOX_MODE~$]" border=0></td><td valign=middle> <font color=ffffff>Email</td></tr></table> |
+<table width=100% cellpadding=0 cellspacing=0><tr><td bgcolor=313B40><img width=1 height=1></td></tr></table> |
+ |
+<span id=inbox class=[$~INBOX_CLASS~$] oclass=[$~INBOX_CLASS~$]> |
+[CONTENT_INBOX] |
+<p class=g> |
+</span> |
+ |
+<table width=100% cellpadding=0 cellspacing=0><tr><td bgcolor=4E555C><img width=1 height=1></td></tr></table> |
+<table class=ch cellpadding=0 cellspacing=0 style="background-color:'#424B50'; background-repeat: repeat-y;" background="section.jpg" width=100% height=18><tr onDblClick='return toggle("hist");' onclick='return toggle("hist");' onmouseover="this.bgColor='#465055'" onmouseout="this.bgColor=''"><td width=16 align=right><img id=histicon src="[$~HIST_MODE~$]" border=0></td><td valign=middle> <font color=ffffff>Related History</td></tr></table> |
+<table width=100% cellpadding=0 cellspacing=0><tr><td bgcolor=313B40><img width=1 height=1></td></tr></table> |
+ |
+<span id="hist" class=[$~HIST_CLASS~$] oclass=[$~HIST_CLASS~$]> |
+[CONTENT_HIST] |
+<p class=g> |
+</span> |
+ |
+ |
+<table width=100% cellpadding=0 cellspacing=0><tr><td bgcolor=4E555C><img width=1 height=1></td></tr></table> |
+<table class=ch cellpadding=0 cellspacing=0 style="background-color:'#424B50'; background-repeat: repeat-y;" background="section.jpg" width=100% height=18><tr onDblClick='return toggle("recent");' onclick='return toggle("recent");' onmouseover="this.bgColor='#465055'" onmouseout="this.bgColor=''"><td width=16 align=right><img id=recenticon src="[$~RECENT_MODE~$]" border=0></td><td valign=middle> <font color=ffffff>Recent</td></tr></table> |
+<table width=100% cellpadding=0 cellspacing=0><tr><td bgcolor=313B40><img width=1 height=1></td></tr></table> |
+ |
+<span id="recent" class=[$~RECENT_CLASS~$] oclass=[$~RECENT_CLASS~$]> |
+[CONTENT_RECENT] |
+<p class=g> |
+</span> |
+ |
+ |
+<table width=100% cellpadding=0 cellspacing=0><tr><td bgcolor=4E555C><img width=1 height=1></td></tr></table> |
+<table class=ch cellpadding=0 cellspacing=0 style="background-color:'#424B50'; background-repeat: repeat-y;" background="section.jpg" width=100% height=18><tr onDblClick='return toggle("popular");' onclick='return toggle("popular");' onmouseover="this.bgColor='#465055'" onmouseout="this.bgColor=''"><td width=16 align=right><img id=popularicon src="[$~POPULAR_MODE~$]" border=0></td><td valign=middle> <font color=ffffff>Frequently Visited</td></tr></table> |
+<table width=100% cellpadding=0 cellspacing=0><tr><td bgcolor=313B40><img width=1 height=1></td></tr></table> |
+ |
+<span id="popular" class=[$~POPULAR_CLASS~$] oclass=[$~POPULAR_CLASS~$]> |
+[CONTENT_POPULAR] |
+<p class=g> |
+</span> |
+ |
+ |
+<table width=100% cellpadding=0 cellspacing=0><tr><td bgcolor=4E555C><img width=1 height=1></td></tr></table> |
+<table class=ch cellpadding=0 cellspacing=0 style="background-color:'#424B50'; background-repeat: repeat-y;" background="section.jpg" width=100% height=18><tr onDblClick='return toggle("quib_debug");' onclick='return toggle("quib_debug");' onmouseover="this.bgColor='#465055'" onmouseout="this.bgColor=''"><td width=16 align=right><img id=quib_debugicon src="[$~QUIB_DEBUG_MODE~$]" border=0></td><td valign=middle> <font color=ffffff>Implicit Query Debug</td></tr></table> |
+<table width=100% cellpadding=0 cellspacing=0><tr><td bgcolor=313B40><img width=1 height=1></td></tr></table> |
+ |
+<span id="quib_debug" class=[$~QUIB_DEBUG_CLASS~$] oclass=[$~QUIB_DEBUG_CLASS~$]> |
+[CONTENT_QUIB_DEBUG] |
+</span> |
+ |
+<span style="visibility:hidden" id='test'>t</span> |
+ |
+[CONTENT_OTHER] |
+ |
+[SCRIPT] |
+</body> |
+</html> |
Property changes on: grit/testdata/sidebar_v.html |
___________________________________________________________________ |
Added: svn:eol-style |
+ LF |