gecko/testing/performance/talos/page_load_test/dhtml/scrolling.html
2007-09-26 17:15:13 -07:00

92 lines
4.0 KiB
HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head>
<!-- MOZ_INSERT_CONTENT_HOOK -->
<title>display chat messages</title>
<style type="text/css">
body {font-family:arial,helvetica; font-size:12px;}
td {font-family:arial,helvetica; font-size:12px;}
.xredd {font-family:arial,helvetica; font-size:12px; font-weight:bold; color:#ff0000;}
.xblue {font-family:arial,helvetica; font-size:12px; font-weight:bold; color:#0000ff;}
.xorng {font-family:arial,helvetica; font-size:12px; font-weight:bold; color:#ffbf11;}
</style>
<script language="javascript" type="text/javascript">
var xcontent="";
var ty=30;
var count=0;
var scrollObj="";
var time1=""
var startTime;
var xtext6='<span class="xorng">Person 0: <\/span>Gebber Gebber Gebber Gebber Gebber Gebber Gebber<br>'+
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'
function xstart() {
scrollObj=document.getElementById('xmessages');
scrollObj.style.left="10px";
for (i=0; i<=50; i++)
{
xcontent=xcontent+xtext6
}
scrollObj.innerHTML=xcontent;
setTimeout("scrollTest()", 0);
}
function scrollTest() {
count=count+1; ty=ty-15;
scrollObj.style.top=ty+"px";
if (count<25)
setTimeout("scrollTest()", 0);
else
{
tpRecordTime(Date.now() - startTime);
}
}
function mzDhtmlStart()
{
startTime = Date.now();
xstart();
}
</script></head>
<body onload="mzDhtmlStart();" scroll="no" bgcolor="#cbcbcb" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0">
<div id="xmessages" style="position: absolute; width: 400px; left: 10px; top: -720px;"></div>
</body></html>