testing/performance/talos/page_load_test/dhtml/scrolling.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head>
   2 <!-- MOZ_INSERT_CONTENT_HOOK -->
   3 <title>display chat messages</title>
   4
   5 <style type="text/css">
   6   body {font-family:arial,helvetica; font-size:12px;}
   7   td {font-family:arial,helvetica; font-size:12px;}
   8   .xredd {font-family:arial,helvetica; font-size:12px; font-weight:bold; color:#ff0000;}
   9   .xblue {font-family:arial,helvetica; font-size:12px; font-weight:bold; color:#0000ff;}
  10   .xorng {font-family:arial,helvetica; font-size:12px; font-weight:bold; color:#ffbf11;}
  11 </style>
  12
  13 <script language="javascript" type="text/javascript">
  14
  15 var xcontent="";
  16 var ty=30;
  17 var count=0;
  18 var scrollObj="";
  19 var time1=""
  20 var startTime;
  21
  22 var xtext6='<span class="xorng">Person 0: <\/span>Gebber Gebber Gebber Gebber Gebber Gebber Gebber<br>'+
  23 '<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
  24 '<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
  25 '<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
  26 '<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
  27 '<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
  28 '<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
  29 '<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
  30 '<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
  31 '<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
  32 '<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
  33 '<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
  34 '<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
  35 '<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
  36 '<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
  37 '<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
  38 '<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
  39 '<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
  40 '<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
  41 '<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
  42 '<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
  43 '<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
  44 '<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
  45 '<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
  46 '<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
  47 '<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
  48 '<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
  49 '<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
  50 '<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
  51 '<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
  52 '<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'
  53
  54
  55 function xstart() {
  56   scrollObj=document.getElementById('xmessages');
  57   scrollObj.style.left="10px";
  58
  59   for (i=0; i<=50; i++)
  60   {
  61     xcontent=xcontent+xtext6
  62   }
  63
  64   scrollObj.innerHTML=xcontent;
  65   setTimeout("scrollTest()", 0);
  66 }
  67
  68 function scrollTest() {
  69   count=count+1; ty=ty-15;
  70   scrollObj.style.top=ty+"px";
  71
  72   if (count<25)
  73     setTimeout("scrollTest()", 0);
  74   else
  75   {
  76     tpRecordTime(Date.now() - startTime);
  77   }
  78 }
  79
  80 function mzDhtmlStart()
  81 {
  82   startTime = Date.now();
  83   xstart();
  84 }
  85
  86 </script></head>
  87
  88 <body onload="mzDhtmlStart();" scroll="no" bgcolor="#cbcbcb" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0">
  89
  90 <div id="xmessages" style="position: absolute; width: 400px; left: 10px; top: -720px;"></div>
  91
  92 </body></html>