Codebase Browser
chromium
Go to App

chromium/tools/grit/grit/testdata/sidebar_v.html 

<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&nbsp;</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;">&nbsp;<font color=ffffff>Web&nbsp;</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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>