Fatal编程技术网
  • javascript/
  • 在JavaScript生成的HTML页面中分页-不适合胆小的人

在JavaScript生成的HTML页面中分页-不适合胆小的人

javascript html

在JavaScript生成的HTML页面中分页-不适合胆小的人,javascript,html,Javascript,Html,我正在使用一些遗留的（大约2003年）javascript和html代码，需要一些帮助来对下面代码生成的html输出进行分页 要查看此操作，请访问并单击容量选项卡。在每个字段中输入值，然后单击容量图表按钮。数字越大，输出越大。我希望能够将这个输出分页为一页30行 任何帮助都将不胜感激。此外，这目前在IE、谷歌浏览器和Safari中效果最好——Firefox有一个问题，我正在单独解决 谢谢 function CapacityChart() { if (parseInt(navigator.

我正在使用一些遗留的（大约2003年）javascript和html代码，需要一些帮助来对下面代码生成的html输出进行分页

要查看此操作，请访问并单击容量选项卡。在每个字段中输入值，然后单击容量图表按钮。数字越大，输出越大。我希望能够将这个输出分页为一页30行

任何帮助都将不胜感激。此外，这目前在IE、谷歌浏览器和Safari中效果最好——Firefox有一个问题，我正在单独解决

谢谢

function CapacityChart()
{
    if (parseInt(navigator.appVersion) >= 4)
    {
        var htmlcode = '';
        var RUnits = Math.abs(document.all.Capacity.RUnits.value);
        var LUnits = Math.abs(document.all.Capacity.LUnits.value);
        var HUnits = Math.abs(document.all.Capacity.HUnits.value);
        var radius = Math.abs(document.all.Capacity.VesRadius.value);
        var height = Math.abs(document.all.Capacity.LiqHeight.value);
        var length = Math.abs(document.all.Capacity.VesLength.value);
        var units = eval(document.Capacity.RUnits.value);
        var VUnits = Math.abs(document.all.Capacity.VUnits.value);
        var capacity;
        var unitlabel;
        var divisor = 1;
        var i;

        //* Convert Height unit to inches
        switch (document.all.Capacity.HUnits.selectedIndex){
        case 0:
              height = eval(height * 12)
              unitlabel = 'Inches';
              break;
        case 1:
              unitlabel = 'Inches';
              break;
        }

        //* Convert RUnits to inches
        switch (document.all.Capacity.RUnits.selectedIndex){
        case 0:
          radius = eval(radius * 12)
          unitlabel = 'Inches';
          break;
        case 1:
              unitlabel = 'Inches';
          break;
        }

        //* Convert LUnits to inches
        switch (document.all.Capacity.LUnits.selectedIndex){
        case 0:
              length = eval(length * 12);
              unitlabel = 'Inches';
              break;
        case 1:
              unitlabel = 'Inches';
              break;
        }

        if(length > 0 && radius > 0){

              s ='<HTML><HEAD><LINK REL="stylesheet" TYPE="text/css" HREF="bendelcorp.css"><SCRIPT LANGUAGE="Javascript" SRC="js/bendelcorp.js" TYPE="TEXT/JAVASCRIPT"></SCRIPT></HEAD><BODY>';
              s += '<TABLE>';
              s += '<TR><TD ALIGN="left" VALIGN="top" ROWSPAN="5"><IMG SRC="images/logo.png" ALT="logo" WIDTH="210" HEIGHT="118"></TD></TR><BR>';
              s += '</TABLE><BR>';
              s += '<SPAN CLASS="heading1">Capacity Chart</SPAN><BR><HR>';
              s += '<TABLE ALIGN="center" WIDTH="80%"';
              s += '<TR><TD ALIGN="left" VALIGN="top" COLSPAN="2">Inside dimensions</TD></TR>';
              s += '<TR><TD ALIGN="right" VALIGN="top" ROWSPAN="5"><IMG SRC="images/tools_capacity.jpg" ALT="" WIDTH="172" HEIGHT="139"></TD><TD>Length: ' + document.all.VesLength.value + '&nbsp;' + document.all.LUnits.options[document.all.LUnits.selectedIndex].text + '</TD></TR>';
              s += '<TR><TD>Radius: ' + document.all.Capacity.VesRadius.value + '&nbsp;' + document.all.LUnits.options[document.all.RUnits.selectedIndex].text + '</TD></TR>';
              s += '<TR><TD>Height: (See Below) </TD></TR>';
              s += '<TR><TD>&nbsp;</TD></TR>';
              s += '<TR><TD>Volume: (See below) </TD></TR>';
              s += '</TABLE>';
              s += '<BR CLEAR="all"><HR>';
              s += '<TABLE WIDTH="420" BORDER="1" CELLPADDING="2" CELLSPACING="0" ALIGN="center"';
              s += '<TR><TD ALIGN="middle">Height (' + unitlabel + ')</TD><TD ALIGN="middle">Volume (' + document.Capacity.VUnits.options[document.Capacity.VUnits.selectedIndex].text + ')</TD></TR>';

              for(i = 1; i <= (2 * radius); i++){
                    height = i;
                    //* alert('H:' + height + ' R:' + radius + 'L:' + length);
                    if (height  > (radius * 2)){
                          height = 2 * (radius)
                          height = Math.round(height * 10)/10;
                          capacity = length * (Math.pow(radius,2) * Math.PI);
                    }
                    if (height == (2 * radius))
                    {
                          capacity = length * (Math.pow(radius,2) * Math.PI);
                    }
                    if (height > radius)
                    {
                          capacity = length * (Math.pow(radius,2) * Math.PI) - (length* Math.pow(radius,2)/2 * (2 * Math.acos((radius - ((2 * radius) - height))/radius) - Math.sin(2 * Math.acos((radius - ((2 * radius) - height))/radius))));
                    }
                    if (height == radius)
                    {
                          capacity = length * (Math.pow(radius,2) * Math.PI)/2;
                    }
                    if (height < radius)
                    {
                          capacity = length * Math.pow(radius,2)/2 * (2 * Math.acos((radius - height)/radius) - Math.sin(2 * Math.acos((radius - height)/radius)));
                    }

                    //* Convert capacity into selected units
                    switch (document.all.Capacity.VUnits.selectedIndex){
                    case 0:
                          capacity = eval(capacity /1728 );
                          break;
                    case 1:
                          break;
                    case 2:
                          capacity = eval(capacity * .0000163871527);
                          break;
                    case 3:
                          capacity = eval(capacity * 16.387064);
                          break;
                    case 4:
                          capacity = eval(capacity *  .016387064);
                          break;
                    case 5:
                          capacity = eval(capacity * 0.0043290040509);
                          break;
                    case 6:
                          capacity = eval(capacity * .000137428819);
                          break;
                    case 7:
                          capacity = eval(capacity * .000103071759);
                          break;
                    }

                    s += '<TR><TD ALIGN="middle">' + height + '</TD><TD ALIGN="middle">' + Math.round(capacity * 10)/10 + '</TD></TR>';
              }

              s += '</TABLE><BR CLEAR="all"><HR><TABLE ALIGN="center"';
              s += '</TABLE></BODY></HTML>';
              CapacityWindow = window.open('','CapacityWindow', 'toolbar=0,scrollbars=0,menubar=0,width=0,height=0');
              CapacityWindow.close();
              CapacityWindow = window.open('','CapacityWindow', 'toolbar,scrollbars,menubar,width=480,height=600');
              CapacityWindow.document.write(s);
        } else {
              alert('Length and radius of vessel must be greater than 0.');
        }
  } else {
        alert('This capability is only available with internet browsers that support JavaScript.')
  }
}

function CapacityChart（）
{
if（parseInt（navigator.appVersion）>=4）
{
var htmlcode=''；
var RUnits=Math.abs（document.all.Capacity.RUnits.value）；
var LUnits=Math.abs（document.all.Capacity.LUnits.value）；
var HUnits=Math.abs（document.all.Capacity.HUnits.value）；
var radius=Math.abs（document.all.Capacity.VesRadius.value）；
var height=Math.abs（document.all.Capacity.LiqHeight.value）；
var length=Math.abs（document.all.Capacity.VesLength.value）；
var units=eval（document.Capacity.RUnits.value）；
var VUnits=Math.abs（document.all.Capacity.VUnits.value）；
var容量；
var单位标签；
var除数=1；
var i；
//*将高度单位转换为英寸
开关（document.all.Capacity.HUnits.selectedIndex）{
案例0：
高度=评估（高度*12）
单位标签='英寸'；
打破
案例1：
单位标签='英寸'；
打破
}
//*将符文转换为英寸
开关（document.all.Capacity.RUnits.selectedIndex）{
案例0：
半径=评估（半径*12）
单位标签='英寸'；
打破
案例1：
单位标签='英寸'；
打破
}
//*换算成英寸
开关（document.all.Capacity.LUnits.selectedIndex）{
案例0：
长度=评估值（长度*12）；
单位标签='英寸'；
打破
案例1：
单位标签='英寸'；
打破
}
如果（长度>0&&半径>0）{
s=''；
s+=''；
s+='
'；
s+='
'；
s+=“容量图
”；

s+='也许你应该检查一下


它有一个很好的API来生成要保存在数据表中的模型，paginator是一个非常简单的选项，可以放在上面。它是一个额外的依赖项，但它是跨平台的，我总是发现文档很好。据我所知，它在您自己的CSS中也运行得很好。
+1用于标题/代码组合ion，这让我很高兴：）但还有更多！未完成的一句话“这在网景4中效果最好”承诺了更多的好处。让我猜猜：在网景4中效果最好？：）我真的不明白你所说的“输出”是什么意思不过。我唯一能看到的是表单，它已经分页了，不是吗？别笑。我前面说这是遗留代码，我正在尝试使用它。是的，我点击提交太快了，但编辑了条目以完成它。放轻松，毕竟这是圣诞夜。Pekka，我所说的输出是指当你u单击容量图表按钮。谢谢。请将选项卡替换为4或2个空格，以使其更具可读性。第二段中有一个链接。Grundlefleck，感谢您参考YUI数据表和分页器。