hover.html | Explore in Territory

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
<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 { FONT-SIZE: 8pt; FONT-FAMILY: verdana,arial,san-serif }
P { FONT-SIZE: 8pt; FONT-FAMILY: verdana,arial,san-serif }
TD { FONT-SIZE: 8pt; FONT-FAMILY: verdana,arial,san-serif }
A { FONT-SIZE: 8pt; FONT-FAMILY: verdana,arial,san-serif }
DIV { FONT-SIZE: 8pt; TEXT-DECORATION: none }
A:hover { COLOR: #ffffff }
.border { BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px }
</style>

<!-- menu experiment start -->

<style>
<!--
.menu1 {
cursor:default;
position:absolute;
left: 10;
top: 0;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
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 (bottomedge < rcmenu.offsetHeight)
  //   rcmenu.style.top = document.body.scrollTop + event.clientY - rcmenu.offsetHeight;
  // else
  //  rcmenu.style.top = document.body.scrollTop + event.clientY;

  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 bottomMargin=0 bgColor=#3300cc leftMargin=0 topMargin=0 rightMargin=0 marginwidth="0" marginheight="0" border=0 style="border-width:0;" scroll=no>

<!-- <br> -->

<!-- menu experiment start -->

<div id="rcmenu" class="skin0" onMouseover="menumouseover()" onMouseout="menumouseout()" onClick="menuselect();">
<span class="menuitems" url="[$~SETDISP1~$]">Sidebar</span>
<span class="menuitems" url="[$~SETDISP4~$]">Minibar</span>
<span class="menuitems" url="[$~HIDE2~$]">Close</span>
</div>

<script language="JavaScript1.2">
if (document.all && window.print) {
  rcmenu.className = menustyle;
  document.oncontextmenu = showmenu;
  document.body.onclick = hidemenu;
}
</script>

<!-- menu experiment end -->

<script>
function hide() {
    return 1;
	// return confirm("Are you sure you want to hide the minibar?\nYou can show it again in Google Desktop Search Preferences. ");
}
function clear() {
	document.getElementById('q').value='';
}
</script>

<TABLE cellSpacing=0 cellPadding=0 bgColor=#3300cc border=0><TBODY>
<tr><TD vAlign=top>

<form method=get action="[$~SEARCHURL~$]" [$~SEARCH_TARGET~$] name=f1 ID="f1" onsubmit="window.setTimeout('clear()', 500)">
<input type=hidden name=src value=3>
<input type=hidden name=redir value='' ID="redir">

<TABLE cellSpacing=0 cellPadding=0 bgColor=#3300cc border=0><TBODY>

<tr>
<!-- border-top: #414a4f 0px solid; -->
<!-- z-index:2; z-order:2; -->
<TD vAlign=top>&nbsp;<INPUT name=q style="position:relative; height=19px;" class=border size=12>&nbsp;</td>

<TD TABINDEX="2" onkeydown='if(event.keyCode!=16&&event.keyCode!=9)onclick()' onclick="f1.submit();q.value=''" class=ch onmouseover="this.bgColor='6666FF'" style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #6666cc 1px solid; BORDER-LEFT: #6666cc 1px solid; BORDER-BOTTOM: #000000 1px solid" onmouseout="this.bgColor='#000099'" vAlign=center align=middle bgColor=#000099><IMG src="logo.gif" align=middle></td>

<TD width=2><IMG height=1 width=1></td>

<TD TABINDEX="3" onkeydown='if(event.keyCode!=16&&event.keyCode!=9)onclick()' onclick="redir.value='google'; f1.submit(); redir.value='';q.value=''" class=ch onmouseover="this.bgColor='6666FF'" style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #6666cc 1px solid; BORDER-LEFT: #6666cc 1px solid; BORDER-BOTTOM: #000000 1px solid" onmouseout="this.bgColor='#000099'" vAlign=center align=middle bgColor=#000099><IMG src="gfavicon.ico" align=middle></td></tr>
</TBODY></table>
</td>

<TD width=5><IMG height=1 width=1></td>

<TD vAlign=top> 

<TABLE cellSpacing=0 cellPadding=1 bgColor=#000099><TBODY>
<tr><TD TABINDEX="4" onkeydown='if(event.keyCode!=16&&event.keyCode!=9)onclick()' valign=top onclick="location.href='[$~SETDISP1~$]';" class=ch onmouseover="this.bgColor='6666FF'" style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #6666cc 1px solid; BORDER-LEFT: #6666cc 1px solid; BORDER-BOTTOM: #000000 1px solid" onmouseout="this.bgColor='#000099'" vAlign=top noWrap bgColor=#000099><IMG src="down.gif"></td></tr></TBODY></table>

</td>

<TD width=1><IMG height=1 width=1></td>

<TD vAlign=top><TABLE cellSpacing=0 cellPadding=1><TBODY>
<tr><TD TABINDEX="5" onkeydown='if(event.keyCode!=16&&event.keyCode!=9)onclick()' valign=top onclick="if (hide())location.href='[$~HIDE2~$]';" class=ch onmouseover="this.bgColor='6666FF'" style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #6666cc 1px solid; BORDER-LEFT: #6666cc 1px solid; BORDER-BOTTOM: #000000 1px solid" onmouseout="this.bgColor='#000099'" vAlign=top noWrap bgColor=#000099><IMG src="close.gif"></td></tr></TBODY></table></td></tr></TBODY></table>

</form>
</body></html>
chromium/tools/grit/grit/testdata/hover.html
