bug in timeline

Support and queries relating to all previous versions of ZoneMinder
Locked
reza
Posts: 21
Joined: Sat Jan 15, 2005 7:58 pm

bug in timeline

Post by reza »

The timeline view looks broken to me. Take a look at this picture...

http://www.reza.net/misc/snapshot1.jpg

Here's the html for it...

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ZM - Timeline</title>
<link rel="stylesheet" href="zm_html_styles.css" type="text/css">
<script type="text/javascript">
function newWindow(Url,Name,Width,Height)
{
   	var Win = window.open(Url,Name,"resizable,scrollbars,width="+Width+",height="+Height);
}
function eventWindow(Eid,Fid,Width,Height)
{
	var Url = '/zm/index.php?view=event&eid='+Eid+'&fid='+Fid;
	Url += '&trms=3&obr1=0&attr1=Archived&op1=%3D&val1=0&cbr1=0&cnj2=and&obr2=0&attr2=DateTime&op2=%3E%3D&val2=2006-05-09+05%3A46%3A59&cbr2=0&cnj3=and&obr3=0&attr3=DateTime&op3=%3C%3D&val3=2006-05-09+15%3A20%3A58&cbr3=0';
	var Name = 'zmEvent';
	var Win = window.open(Url,Name,"resizable,width="+Width+",height="+Height );
}
function closeWindow()
{
	window.close();
}

window.focus();

function loadEventImage( image_path, image_label, eid, fid, width, height )
{
	var image_src = document.getElementById('ImageSrc');
	var image_text = document.getElementById('ImageText');
	image_src.src = image_path;
	image_src.setAttribute( "onclick",  "eventWindow( "+eid+", "+fid+", "+width+", "+height+" )" );
	image_text.innerHTML = image_label;
	image_text.setAttribute( "onclick",  "eventWindow( "+eid+", "+fid+", "+width+", "+height+" )" );
}

function zoomTimeline( min_time, max_time )
{
	window.location='/zm/index.php?view=timeline&trms=3&obr1=0&attr1=Archived&op1=%3D&val1=0&cbr1=0&cnj2=and&obr2=0&attr2=DateTime&op2=%3E%3D&val2=2006-05-09+05%3A46%3A59&cbr2=0&cnj3=and&obr3=0&attr3=DateTime&op3=%3C%3D&val3=2006-05-09+15%3A20%3A58&cbr3=0&min_time='+min_time+'&max_time='+max_time;
}
</script>
<style type="text/css">
<!--
#ChartBox {
	position: relative;
	text-align: center;
	border: 1px solid #666666;
	width: 700px;
	height: 460px;
	padding: 0px;
	margin: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#ChartBox #Title {
	position: relative;
	margin: auto;
	color: #016A9D;
	height: 30px;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	z-index: 0;
}
#ChartBox #List {
	position: absolute;
	top: 5px;
	left: 20px;
	height: 15;
	z-index: 1;
}
#ChartBox #Close {
	position: absolute;
	top: 5px;
	right: 20px;
	height: 15;
	z-index: 1;
}
#ChartBox #TopPanel {
	position: relative;
	height: 220px;
	width: 90%;
	padding: 0px;
	margin: auto;
}
#ChartBox #TopPanel #LeftNav {
	position: absolute;
	top: 40%;
	left: 50px;
	height: 50px;
	text-align: right;
	width: 20%;
	padding: 0px;
	margin: auto;
}
#ChartBox #TopPanel #RightNav {
	text-align: left;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 180px;
	height: 70px;
	padding: 0px;
	margin: auto;
}
#ChartBox #TopPanel #RightNav a {
	border: 1px solid #cccccc;
	background-color: #eeeeee;
	padding: 5px;
}
#ChartBox #TopPanel #RightNav a:link,a:visited,a:hover {
	text-decoration: none
}
#ChartBox #TopPanel #Image {
	position: absolute;
	right: 50%;
	width: 50%;
	height: 200px;
	padding: 0px;
	margin: auto;
}
#ChartBox #TopPanel #Image img{
	position: relative;
	top: 0px;
	height: 200px;
	background-color: #f8f8f8;
	margin: auto;
}
#ChartBox #TopPanel #ImageText {
	position: absolute;
	text-align: left;
	top: 0px;
	left: 50%;
	width: 40%;
	height: 60px;
	padding: 0px;
	margin: auto;
	line-height: 16px;
	color: #016A9D;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	background-color: #f8f8f8;
}
#ChartBox #TopPanel #Key {
	position: absolute;
	text-align: left;
	margin: auto;
	bottom: 30px;
	left: 50%;
	height: 40px;
	font-size: 9px;
	line-height: 20px;
}
#ChartBox #TopPanel #Key .Entry {
	padding: 2px;
}
#ChartBox #TopPanel #Key .Box {
	border: 1px solid black;
	width: 10px;
	height: 10px;
	padding: 0px;
}

#ChartBox #ChartPanel {
	position: relative;
	padding: 0px;
	margin: auto;
}
#ChartBox #ChartPanel #Chart {
	position: relative;
	border: 1px solid black;
	width: 600px;
	height: 160px;
	padding: 0px;
	margin: auto;
	z-index: 3;
}
#ChartBox #ChartPanel #Activity {
	position: absolute;
	text-align: center;
	top: 0px;
	left: 0px;
	width: 600px;
	height: 119px;
	padding: 0px;
}
#ChartBox #ChartPanel #Events1 {
	position: absolute;
	text-align: center;
	top: 119px;
	left: 0px;
	width: 600px;
	height: 20px;
	padding: 0px;
	background-color: #fcfcfc;
	border-bottom: 1px solid #cccccc;
}
#ChartBox #ChartPanel #Events2 {
	position: absolute;
	text-align: center;
	top: 140px;
	left: 0px;
	width: 600px;
	height: 20px;
	padding: 0px;
	background-color: #fcfcfc;
}
#ChartBox #ChartPanel #Activity div.activity1 {
	position: absolute;
	bottom: 0px;
	z-index: 3;
	width: 1px;
	background-color: blue;
}
#ChartBox #ChartPanel #Events1 div.event1 {
	position: absolute;
	height: 20px; 
	bottom: 0px;
	z-index: 3;
	background-color: blue;
}
#ChartBox #ChartPanel #Activity div.activity2 {
	position: absolute;
	bottom: 0px;
	z-index: 3;
	width: 1px;
	background-color: red;
}
#ChartBox #ChartPanel #Events2 div.event2 {
	position: absolute;
	height: 20px; 
	bottom: 0px;
	z-index: 3;
	background-color: red;
}
#ChartBox #Range {
	position: relative;
	text-align: center;
	margin: auto;
	color: #016A9D;
	top: 20px;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
}
div.majgridx {
	position: absolute;
	z-index: 1;
	top: 0px;
	width: 1px;
	height: 160px;
	border-left: dotted 1px #cccccc;
}
div.majtickx {
	position: absolute;
	z-index: 0;
	bottom: -7px;
	width: 1px;
	height: 7px;
	border-left: solid 1px black;
}
div.majlabelx {
	position: absolute;
	text-align: center;
	z-index: 0;
	bottom: -20px;
	width: 50px;
	font-size: 9px;
	font-weight: normal;
}

div.majgridy {
	position: absolute;
	z-index: 1;
	left: 0px;
	height: 1px;
	width: 600px;
	border-top: dotted 1px #cccccc;
}
div.majticky {
	position: absolute;
	z-index: 0;
	left: -7px;
	height: 1px;
	width: 7px;
	border-top: solid 1px black;
}
div.majlabely {
	position: absolute;
	text-align: right;
	z-index: 0;
	left: -30px;
	width: 20px;
	font-size: 9px;
	font-weight: normal;
}

div.zoom {
	position: absolute;
	z-index: 1;
	bottom: 0px;
	height: 160px;
}

-->
</style>
</head>
<body>
<div id="ChartBox">
  <div id="List" class="text"><a href="javascript: newWindow( '/zm/index.php?view=events&page=1&filter=1&trms=3&obr1=0&attr1=Archived&op1=%3D&val1=0&cbr1=0&cnj2=and&obr2=0&attr2=DateTime&op2=%3E%3D&val2=2006-05-09+05%3A46%3A59&cbr2=0&cnj3=and&obr3=0&attr3=DateTime&op3=%3C%3D&val3=2006-05-09+15%3A20%3A58&cbr3=0', 'zmEvents', 720, 480 );">List</a></div>
  <div id="Title">Event Navigator</div>

  <div id="Close" class="text"><a href="javascript: closeWindow();">Close</a></div>
  <div id="TopPanel">
    <div id="ImageNav">
      <div id="Image"><img id="ImageSrc" src="graphics/spacer.gif" height="200" title="View Event"></div>
      <div id="RightNav">
        <a href="/zm/index.php?view=timeline&trms=3&obr1=0&attr1=Archived&op1=%3D&val1=0&cbr1=0&cnj2=and&obr2=0&attr2=DateTime&op2=%3E%3D&val2=2006-05-09+05%3A46%3A59&cbr2=0&cnj3=and&obr3=0&attr3=DateTime&op3=%3C%3D&val3=2006-05-09+15%3A20%3A58&cbr3=0&mid_time=2006-05-09+05%3A00%3A00&range=20044" title="Pan Left"><</a>&nbsp;&nbsp;
        <a href="/zm/index.php?view=timeline&trms=3&obr1=0&attr1=Archived&op1=%3D&val1=0&cbr1=0&cnj2=and&obr2=0&attr2=DateTime&op2=%3E%3D&val2=2006-05-09+05%3A46%3A59&cbr2=0&cnj3=and&obr3=0&attr3=DateTime&op3=%3C%3D&val3=2006-05-09+15%3A20%3A58&cbr3=0&mid_time=2006-05-09+07%3A47%3A02&range=481056" title="Zoom Out">-</a>&nbsp;&nbsp;
        <a href="/zm/index.php?view=timeline&trms=3&obr1=0&attr1=Archived&op1=%3D&val1=0&cbr1=0&cnj2=and&obr2=0&attr2=DateTime&op2=%3E%3D&val2=2006-05-09+05%3A46%3A59&cbr2=0&cnj3=and&obr3=0&attr3=DateTime&op3=%3C%3D&val3=2006-05-09+15%3A20%3A58&cbr3=0&min_time=2006-05-09+07%3A47%3A02&range=20044" title="Pan Right">></a>

      </div>
      <div id="ImageText">No Event</div>
      <div id="Key">
    <span class="Entry">CarPort</span>&nbsp;<span class="Box" style="background-color: blue">&nbsp;&nbsp;&nbsp;&nbsp;</span>
    <span class="Entry">EntryGate</span>&nbsp;<span class="Box" style="background-color: red">&nbsp;&nbsp;&nbsp;&nbsp;</span>
      </div>
    </div>

  </div>
  <div id="ChartPanel">
    <div id="Chart">
      <div class="majlabely" style="top: 112px;">0</div>
      <div class="majticky" style="top: 118px;"></div>
      <div class="majgridy" style="top: 118px; border-top: solid 1px black;"></div>
      <div class="majlabely" style="top: 97px;">6</div>
      <div class="majticky" style="top: 103px;"></div>

      <div class="majgridy" style="top: 103px;"></div>
      <div class="majlabely" style="top: 81px;">12</div>
      <div class="majticky" style="top: 87px;"></div>
      <div class="majgridy" style="top: 87px;"></div>
      <div class="majlabely" style="top: 66px;">18</div>
      <div class="majticky" style="top: 72px;"></div>
      <div class="majgridy" style="top: 72px;"></div>
      <div class="majlabely" style="top: 50px;">24</div>

      <div class="majticky" style="top: 56px;"></div>
      <div class="majgridy" style="top: 56px;"></div>
      <div class="majlabely" style="top: 35px;">30</div>
      <div class="majticky" style="top: 41px;"></div>
      <div class="majgridy" style="top: 41px;"></div>
      <div class="majlabely" style="top: 19px;">36</div>
      <div class="majticky" style="top: 25px;"></div>
      <div class="majgridy" style="top: 25px;"></div>

      <div class="majlabely" style="top: 4px;">42</div>
      <div class="majticky" style="top: 10px;"></div>
      <div class="majgridy" style="top: 10px;"></div>
      <div class="majlabelx" style="left: 82px;">06:00</div>
      <div class="majtickx" style="left: 107px;"></div>
      <div class="majgridx" style="left: 107px;"></div>
      <div class="zoom" style="left: -1px; width: 108px;" title="Zoom In" onClick="zoomTimeline( '2006-05-09+05%3A00%3A00', '2006-05-09+06%3A00%3A07' )"></div>
      <div class="majlabelx" style="left: 190px;">07:00</div>

      <div class="majtickx" style="left: 215px;"></div>
      <div class="majgridx" style="left: 215px;"></div>
      <div class="zoom" style="left: 107px; width: 108px;" title="Zoom In" onClick="zoomTimeline( '2006-05-09+06%3A00%3A07', '2006-05-09+07%3A00%3A15' )"></div>
      <div class="majlabelx" style="left: 298px;">08:00</div>
      <div class="majtickx" style="left: 323px;"></div>
      <div class="majgridx" style="left: 323px;"></div>
      <div class="zoom" style="left: 215px; width: 108px;" title="Zoom In" onClick="zoomTimeline( '2006-05-09+07%3A00%3A15', '2006-05-09+08%3A00%3A23' )"></div>
      <div class="majlabelx" style="left: 406px;">09:00</div>

      <div class="majtickx" style="left: 431px;"></div>
      <div class="majgridx" style="left: 431px;"></div>
      <div class="zoom" style="left: 323px; width: 108px;" title="Zoom In" onClick="zoomTimeline( '2006-05-09+08%3A00%3A23', '2006-05-09+09%3A00%3A31' )"></div>
      <div class="majlabelx" style="left: 513px;">10:00</div>
      <div class="majtickx" style="left: 538px;"></div>
      <div class="majgridx" style="left: 538px;"></div>
      <div class="zoom" style="left: 431px; width: 107px;" title="Zoom In" onClick="zoomTimeline( '2006-05-09+09%3A00%3A31', '2006-05-09+10%3A00%3A06' )"></div>
      <div class="zoom" style="left: 538px; width: 61px;" title="Zoom In" onClick="zoomTimeline( '2006-05-09+10%3A00%3A06', '2006-05-09+10%3A34%3A04' )"></div>

      <div id="Activity">
        <div class="activity1" style="left: 218px; height: 7px;" onClick="eventWindow( 5, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/5/011-analyse.jpg', 'CarPort<br>Event-5(11)<br>06/05/09 07:01:40 - 0.00s<br>Motion<br>Motion: All', 5, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 230px; height: 10px;" onClick="eventWindow( 6, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/6/011-analyse.jpg', 'CarPort<br>Event-6(11)<br>06/05/09 07:08:32 - 0.00s<br>Motion<br>Motion: All', 6, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 231px; height: 18px;" onClick="eventWindow( 7, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/7/011-analyse.jpg', 'CarPort<br>Event-7(11)<br>06/05/09 07:08:40 - 0.20s<br>Motion<br>Motion: All', 7, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 237px; height: 15px;" onClick="eventWindow( 8, 2, 416, 408 );" onMouseOver="loadEventImage( 'events/1/8/012-analyse.jpg', 'CarPort<br>Event-8(12)<br>06/05/09 07:12:24 - 6.41s<br>Motion<br>Motion: All', 8, 2, 416, 408 );"></div>
        <div class="activity1" style="left: 238px; height: 28px;" onClick="eventWindow( 10, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/10/011-analyse.jpg', 'CarPort<br>Event-10(11)<br>06/05/09 07:12:56 - 2.61s<br>Motion<br>Motion: All', 10, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 242px; height: 10px;" onClick="eventWindow( 12, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/12/011-analyse.jpg', 'CarPort<br>Event-12(11)<br>06/05/09 07:15:02 - 0.00s<br>Motion<br>Motion: All', 12, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 243px; height: 10px;" onClick="eventWindow( 14, 6, 416, 408 );" onMouseOver="loadEventImage( 'events/1/14/016-analyse.jpg', 'CarPort<br>Event-14(16)<br>06/05/09 07:15:17 - 1.00s<br>Motion<br>Motion: All', 14, 6, 416, 408 );"></div>
        <div class="activity1" style="left: 248px; height: 7px;" onClick="eventWindow( 16, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/16/011-analyse.jpg', 'CarPort<br>Event-16(11)<br>06/05/09 07:18:07 - 0.00s<br>Motion<br>Motion: All', 16, 1, 416, 408 );"></div>

        <div class="activity1" style="left: 249px; height: 12px;" onClick="eventWindow( 18, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/18/011-analyse.jpg', 'CarPort<br>Event-18(11)<br>06/05/09 07:18:59 - 0.61s<br>Motion<br>Motion: All', 18, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 251px; height: 18px;" onClick="eventWindow( 20, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/20/011-analyse.jpg', 'CarPort<br>Event-20(11)<br>06/05/09 07:19:46 - 0.20s<br>Motion<br>Motion: All', 20, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 253px; height: 10px;" onClick="eventWindow( 22, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/22/011-analyse.jpg', 'CarPort<br>Event-22(11)<br>06/05/09 07:21:24 - 0.21s<br>Motion<br>Motion: All', 22, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 258px; height: 15px;" onClick="eventWindow( 23, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/23/011-analyse.jpg', 'CarPort<br>Event-23(11)<br>06/05/09 07:24:11 - 0.00s<br>Motion<br>Motion: All', 23, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 259px; height: 10px;" onClick="eventWindow( 24, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/24/011-analyse.jpg', 'CarPort<br>Event-24(11)<br>06/05/09 07:24:17 - 0.81s<br>Motion<br>Motion: All', 24, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 260px; height: 10px;" onClick="eventWindow( 25, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/25/011-analyse.jpg', 'CarPort<br>Event-25(11)<br>06/05/09 07:25:05 - 0.20s<br>Motion<br>Motion: All', 25, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 334px; height: 38px;" onClick="eventWindow( 27, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/27/011-analyse.jpg', 'CarPort<br>Event-27(11)<br>06/05/09 08:06:08 - 0.00s<br>Motion<br>Motion: All', 27, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 336px; height: 46px;" onClick="eventWindow( 28, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/28/011-analyse.jpg', 'CarPort<br>Event-28(11)<br>06/05/09 08:07:13 - 5.20s<br>Motion<br>Motion: All', 28, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 337px; height: 41px;" onClick="eventWindow( 30, 11, 416, 408 );" onMouseOver="loadEventImage( 'events/1/30/021-analyse.jpg', 'CarPort<br>Event-30(21)<br>06/05/09 08:07:37 - 3.81s<br>Motion<br>Motion: All', 30, 11, 416, 408 );"></div>

        <div class="activity1" style="left: 424px; height: 36px;" onClick="eventWindow( 32, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/32/011-analyse.jpg', 'CarPort<br>Event-32(11)<br>06/05/09 08:56:22 - 0.81s<br>Motion<br>Motion: All', 32, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 428px; height: 15px;" onClick="eventWindow( 33, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/33/011-analyse.jpg', 'CarPort<br>Event-33(11)<br>06/05/09 08:58:45 - 0.00s<br>Motion<br>Motion: All', 33, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 430px; height: 18px;" onClick="eventWindow( 34, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/34/011-analyse.jpg', 'CarPort<br>Event-34(11)<br>06/05/09 08:59:25 - 0.20s<br>Motion<br>Motion: All', 34, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 431px; height: 15px;" onClick="eventWindow( 36, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/36/011-analyse.jpg', 'CarPort<br>Event-36(11)<br>06/05/09 09:00:09 - 0.00s<br>Motion<br>Motion: All', 36, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 435px; height: 20px;" onClick="eventWindow( 37, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/37/011-analyse.jpg', 'CarPort<br>Event-37(11)<br>06/05/09 09:02:43 - 0.00s<br>Motion<br>Motion: All', 37, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 441px; height: 15px;" onClick="eventWindow( 38, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/38/011-analyse.jpg', 'CarPort<br>Event-38(11)<br>06/05/09 09:05:54 - 0.81s<br>Motion<br>Motion: All', 38, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 442px; height: 18px;" onClick="eventWindow( 39, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/39/011-analyse.jpg', 'CarPort<br>Event-39(11)<br>06/05/09 09:06:13 - 0.00s<br>Motion<br>Motion: All', 39, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 443px; height: 18px;" onClick="eventWindow( 41, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/41/011-analyse.jpg', 'CarPort<br>Event-41(11)<br>06/05/09 09:06:49 - 0.81s<br>Motion<br>Motion: All', 41, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 444px; height: 15px;" onClick="eventWindow( 42, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/42/011-analyse.jpg', 'CarPort<br>Event-42(11)<br>06/05/09 09:07:35 - 0.00s<br>Motion<br>Motion: All', 42, 1, 416, 408 );"></div>

        <div class="activity1" style="left: 448px; height: 15px;" onClick="eventWindow( 43, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/43/011-analyse.jpg', 'CarPort<br>Event-43(11)<br>06/05/09 09:09:31 - 0.20s<br>Motion<br>Motion: All', 43, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 453px; height: 12px;" onClick="eventWindow( 44, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/44/011-analyse.jpg', 'CarPort<br>Event-44(11)<br>06/05/09 09:12:16 - 0.00s<br>Motion<br>Motion: All', 44, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 455px; height: 23px;" onClick="eventWindow( 45, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/45/011-analyse.jpg', 'CarPort<br>Event-45(11)<br>06/05/09 09:13:45 - 0.00s<br>Motion<br>Motion: All', 45, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 497px; height: 33px;" onClick="eventWindow( 46, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/46/011-analyse.jpg', 'CarPort<br>Event-46(11)<br>06/05/09 09:36:58 - 0.20s<br>Motion<br>Motion: All', 46, 1, 416, 408 );"></div>
        <div class="activity2" style="left: 499px; height: 116px;" onClick="eventWindow( 47, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/2/47/011-analyse.jpg', 'EntryGate<br>Event-47(11)<br>06/05/09 09:38:03 - 7.40s<br>Motion<br>Motion: All', 47, 1, 416, 408 );"></div>
        <div class="activity2" style="left: 500px; height: 106px;" onClick="eventWindow( 51, 14, 416, 408 );" onMouseOver="loadEventImage( 'events/2/51/024-analyse.jpg', 'EntryGate<br>Event-51(24)<br>06/05/09 09:38:43 - 18.62s<br>Motion<br>Motion: All', 51, 14, 416, 408 );"></div>
        <div class="activity2" style="left: 501px; height: 72px;" onClick="eventWindow( 52, 70, 416, 408 );" onMouseOver="loadEventImage( 'events/2/52/080-capture.jpg', 'EntryGate<br>Event-52(80)<br>06/05/09 09:39:07 - 8.20s<br>Motion<br>Motion: All', 52, 70, 416, 408 );"></div>
        <div class="activity1" style="left: 503px; height: 28px;" onClick="eventWindow( 53, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/53/011-analyse.jpg', 'CarPort<br>Event-53(11)<br>06/05/09 09:40:10 - 0.00s<br>Motion<br>Motion: All', 53, 1, 416, 408 );"></div>
        <div class="activity1" style="left: 509px; height: 31px;" onClick="eventWindow( 54, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/54/011-analyse.jpg', 'CarPort<br>Event-54(11)<br>06/05/09 09:43:52 - 0.20s<br>Motion<br>Motion: All', 54, 1, 416, 408 );"></div>

        <div class="activity1" style="left: 535px; height: 20px;" onClick="eventWindow( 56, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/56/011-analyse.jpg', 'CarPort<br>Event-56(11)<br>06/05/09 09:57:54 - 0.00s<br>Motion<br>Motion: All', 56, 1, 416, 408 );"></div>
        <div class="activity2" style="left: 551px; height: 72px;" onClick="eventWindow( 58, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/2/58/011-analyse.jpg', 'EntryGate<br>Event-58(11)<br>06/05/09 10:07:00 - 13.82s<br>Motion<br>Motion: All', 58, 1, 416, 408 );"></div>
        <div class="activity2" style="left: 552px; height: 18px;" onClick="eventWindow( 60, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/2/60/011-analyse.jpg', 'EntryGate<br>Event-60(11)<br>06/05/09 10:07:37 - 2.41s<br>Motion<br>Motion: All', 60, 1, 416, 408 );"></div>
        <div class="activity2" style="left: 553px; height: 62px;" onClick="eventWindow( 63, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/2/63/011-analyse.jpg', 'EntryGate<br>Event-63(11)<br>06/05/09 10:08:07 - 7.00s<br>Motion<br>Motion: All', 63, 1, 416, 408 );"></div>
        <div class="activity2" style="left: 554px; height: 38px;" onClick="eventWindow( 68, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/2/68/011-analyse.jpg', 'EntryGate<br>Event-68(11)<br>06/05/09 10:08:55 - 2.80s<br>Motion<br>Motion: All', 68, 1, 416, 408 );"></div>
        <div class="activity2" style="left: 555px; height: 100px;" onClick="eventWindow( 69, 41, 416, 408 );" onMouseOver="loadEventImage( 'events/2/69/051-analyse.jpg', 'EntryGate<br>Event-69(51)<br>06/05/09 10:09:00 - 11.82s<br>Motion<br>Motion: All', 69, 41, 416, 408 );"></div>
      </div>
      <div id="Events1">
        <div class="event1" style="left: 218px; width: 1px;" onClick="eventWindow( 5, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/5/001-capture.jpg', 'CarPort<br>Event-5<br>06/05/09 07:01:40 - 0.00s<br>Motion<br>Motion: All', 5, 1, 416, 408 );"></div>

        <div class="event1" style="left: 230px; width: 2px;" onClick="eventWindow( 6, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/6/001-capture.jpg', 'CarPort<br>Event-6<br>06/05/09 07:08:32 - 0.00s<br>Motion<br>Motion: All', 6, 1, 416, 408 );"></div>
        <div class="event1" style="left: 237px; width: 2px;" onClick="eventWindow( 8, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/8/001-capture.jpg', 'CarPort<br>Event-8<br>06/05/09 07:12:24 - 6.41s<br>Motion<br>Motion: All', 8, 1, 416, 408 );"></div>
        <div class="event1" style="left: 242px; width: 2px;" onClick="eventWindow( 11, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/11/001-capture.jpg', 'CarPort<br>Event-11<br>06/05/09 07:14:55 - 1.20s<br>Motion<br>Motion: All', 11, 1, 416, 408 );"></div>
        <div class="event1" style="left: 248px; width: 2px;" onClick="eventWindow( 16, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/16/001-capture.jpg', 'CarPort<br>Event-16<br>06/05/09 07:18:07 - 0.00s<br>Motion<br>Motion: All', 16, 1, 416, 408 );"></div>
        <div class="event1" style="left: 251px; width: 1px;" onClick="eventWindow( 20, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/20/001-capture.jpg', 'CarPort<br>Event-20<br>06/05/09 07:19:46 - 0.20s<br>Motion<br>Motion: All', 20, 1, 416, 408 );"></div>
        <div class="event1" style="left: 253px; width: 1px;" onClick="eventWindow( 22, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/22/001-capture.jpg', 'CarPort<br>Event-22<br>06/05/09 07:21:24 - 0.21s<br>Motion<br>Motion: All', 22, 1, 416, 408 );"></div>
        <div class="event1" style="left: 258px; width: 3px;" onClick="eventWindow( 23, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/23/001-capture.jpg', 'CarPort<br>Event-23<br>06/05/09 07:24:11 - 0.00s<br>Motion<br>Motion: All', 23, 1, 416, 408 );"></div>
        <div class="event1" style="left: 334px; width: 1px;" onClick="eventWindow( 26, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/26/001-capture.jpg', 'CarPort<br>Event-26<br>06/05/09 08:05:58 - 0.81s<br>Motion<br>Motion: All', 26, 1, 416, 408 );"></div>
        <div class="event1" style="left: 336px; width: 2px;" onClick="eventWindow( 28, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/28/001-capture.jpg', 'CarPort<br>Event-28<br>06/05/09 08:07:13 - 5.20s<br>Motion<br>Motion: All', 28, 1, 416, 408 );"></div>

        <div class="event1" style="left: 424px; width: 1px;" onClick="eventWindow( 32, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/32/001-capture.jpg', 'CarPort<br>Event-32<br>06/05/09 08:56:22 - 0.81s<br>Motion<br>Motion: All', 32, 1, 416, 408 );"></div>
        <div class="event1" style="left: 428px; width: 1px;" onClick="eventWindow( 33, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/33/001-capture.jpg', 'CarPort<br>Event-33<br>06/05/09 08:58:45 - 0.00s<br>Motion<br>Motion: All', 33, 1, 416, 408 );"></div>
        <div class="event1" style="left: 430px; width: 2px;" onClick="eventWindow( 34, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/34/001-capture.jpg', 'CarPort<br>Event-34<br>06/05/09 08:59:25 - 0.20s<br>Motion<br>Motion: All', 34, 1, 416, 408 );"></div>
        <div class="event1" style="left: 435px; width: 1px;" onClick="eventWindow( 37, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/37/001-capture.jpg', 'CarPort<br>Event-37<br>06/05/09 09:02:43 - 0.00s<br>Motion<br>Motion: All', 37, 1, 416, 408 );"></div>
        <div class="event1" style="left: 441px; width: 4px;" onClick="eventWindow( 38, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/38/001-capture.jpg', 'CarPort<br>Event-38<br>06/05/09 09:05:54 - 0.81s<br>Motion<br>Motion: All', 38, 1, 416, 408 );"></div>
        <div class="event1" style="left: 448px; width: 1px;" onClick="eventWindow( 43, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/43/001-capture.jpg', 'CarPort<br>Event-43<br>06/05/09 09:09:31 - 0.20s<br>Motion<br>Motion: All', 43, 1, 416, 408 );"></div>
        <div class="event1" style="left: 453px; width: 1px;" onClick="eventWindow( 44, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/44/001-capture.jpg', 'CarPort<br>Event-44<br>06/05/09 09:12:16 - 0.00s<br>Motion<br>Motion: All', 44, 1, 416, 408 );"></div>
        <div class="event1" style="left: 455px; width: 1px;" onClick="eventWindow( 45, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/45/001-capture.jpg', 'CarPort<br>Event-45<br>06/05/09 09:13:45 - 0.00s<br>Motion<br>Motion: All', 45, 1, 416, 408 );"></div>
        <div class="event1" style="left: 497px; width: 1px;" onClick="eventWindow( 46, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/46/001-capture.jpg', 'CarPort<br>Event-46<br>06/05/09 09:36:58 - 0.20s<br>Motion<br>Motion: All', 46, 1, 416, 408 );"></div>

        <div class="event1" style="left: 503px; width: 1px;" onClick="eventWindow( 53, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/53/001-capture.jpg', 'CarPort<br>Event-53<br>06/05/09 09:40:10 - 0.00s<br>Motion<br>Motion: All', 53, 1, 416, 408 );"></div>
        <div class="event1" style="left: 509px; width: 1px;" onClick="eventWindow( 54, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/54/001-capture.jpg', 'CarPort<br>Event-54<br>06/05/09 09:43:52 - 0.20s<br>Motion<br>Motion: All', 54, 1, 416, 408 );"></div>
        <div class="event1" style="left: 535px; width: 1px;" onClick="eventWindow( 56, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/1/56/001-capture.jpg', 'CarPort<br>Event-56<br>06/05/09 09:57:54 - 0.00s<br>Motion<br>Motion: All', 56, 1, 416, 408 );"></div>
      </div>
      <div id="Events2">
        <div class="event2" style="left: 499px; width: 3px;" onClick="eventWindow( 47, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/2/47/001-capture.jpg', 'EntryGate<br>Event-47<br>06/05/09 09:38:03 - 7.40s<br>Motion<br>Motion: All', 47, 1, 416, 408 );"></div>
        <div class="event2" style="left: 551px; width: 5px;" onClick="eventWindow( 58, 1, 416, 408 );" onMouseOver="loadEventImage( 'events/2/58/001-capture.jpg', 'EntryGate<br>Event-58<br>06/05/09 10:07:00 - 13.82s<br>Motion<br>Motion: All', 58, 1, 416, 408 );"></div>
      </div>
    </div>

  </div>
  <div id="Range">05:00 - 10:34, 09 May 2006</div>
</div>
</body>
</html>
Top
User avatar
cordel
Posts: 5210
Joined: Fri Mar 05, 2004 4:47 pm
Location: /USA/Washington/Seattle

Post by cordel »

What looks broken?
I see two cameras divisions in the time line and both are reflected in the duration graph and match up. Are there missing events or cameras?

Regards,
Corey
Top
reza
Posts: 21
Joined: Sat Jan 15, 2005 7:58 pm

nevermind

Post by reza »

it looked broken till i saw some other sample graphs. i just didnt understand what i was seeing. :)

-r :oops:
Top
Locked

Return to “ZoneMinder Previous Versions”