发布一个通用面板程序(htc)

原创 2004年06月29日 12:00:00

panel.htc

<PUBLIC:PROPERTY NAME="ImagesSrc" />
<PUBLIC:PROPERTY NAME="PanelCaption" />
<PUBLIC:ATTACH   EVENT="ondocumentready"  HANDLER="DoInit"       />
<PUBLIC:ATTACH   EVENT="onclick"  HANDLER="load" />
<SCRIPT LANGUAGE="jscript">
window.Panel=new Array();
function DoInit(){
 if (!element.document.getElementById("oPanelHeader")){
  inithtml='<table height="31" cellSpacing="0" id="oPanelHeader" cellPadding="0" width="98%" border="0" align="center" >'+
    '<tr>'+
    ' <td class="plTitleSpace" width="1%" height="31">&nbsp;</td>'+
    ' <td class="plTitleSelect" width="15%" height="31" isTitle="true">'+
    '  <table style="FONT-SIZE: 12px" height="25">'+
    '   <tr>'+
    '    <td><IMG height="18" src="'+ImagesSrc+'" width="18"></td>'+
    '    <td vAlign="bottom">'+PanelCaption+'</td>'+
    '   </tr>'+
    '  </table>'+
    ' </td>'+
    ' <td class="plTitleSpace" width="*%" height="31">&nbsp;</td>'+
    '</tr>'+
    '</table>';
  element.insertAdjacentHTML("beforeBegin",inithtml);
  oPanelHeader.attachEvent("onclick",oPanelHeaderClick);
 }
 else{
  var rows=oPanelHeader.rows[0];
  var cell=rows.insertCell(rows.cells.length-1);
  cell.className="plTitleSpace";
  cell.width="1%";
  cell.innerHTML="&nbsp;";
  var cell=rows.insertCell(rows.cells.length-1);
  cell.className="plTitleUnSelect";
  cell.isTitle="true";
  cell.width="15%"; 
  cell.innerHTML= '<table style="FONT-SIZE: 12px" height="25">'+
      ' <tr>'+
      '  <td><IMG height="18" src="'+ImagesSrc+'" width="18"></td>'+
      '  <td vAlign="bottom">'+PanelCaption+'</td>'+
      ' </tr>'+
      '</table>';       
 }
 window.Panel[window.Panel.length]=element;
}
function oPanelHeaderClick(){
  var e = GetObj(window.event.srcElement);
  if (e)
     if (e.className=="plTitleUnSelect"){
        for(i=0;i<window.Panel.length;i++){
            window.Panel[i].className="plPanelUnSelect";
            oPanelHeader.rows[0].cells[i*2+1].className="plTitleUnSelect";
        }      
        window.Panel[(e.cellIndex+1)/2-1].className="plPanelSelect";
        e.className="plTitleSelect";
     }
}
function GetObj(src){
    if (src.parentElement.tagName!="BODY"){
         if (src.isTitle=="true") return src;
         return GetObj(src.parentElement)
    }
   return null;
}
</script>

Common.css

.plTitleSelect
{
border-right: #999999 1px solid;
border-top: #999999 1px solid;
font-size: 12px;
border-left: #999999 1px solid;
cursor: hand;
border-bottom: #999999 0px solid;
background-color: #ffffff;
text-align: center;
}
.plTitleUnSelect
{
border-right: #999999 1px solid;
border-top: #999999 1px solid;
font-size: 12px;
border-left: #999999 1px solid;
cursor: hand;
border-bottom: #999999 1px solid;
background-color: #ececec;
text-align: center;
}
.plTitleSpace
{
font-size: 12px;
border-bottom: #999999 1px solid;
text-align: center;
}
.plPanelSelect
{
border-right: #999999 1px solid;
border-top: #999999 0px solid;
display: block;
font-size: 12px;
border-left: #999999 1px solid;
border-bottom: #999999 1px solid;
background-color: #ffffff;
behavior: url(panel.htc);
}
.plPanelUnSelect
{
border-right: #999999 1px solid;
border-top: #999999 0px solid;
display: none;
font-size: 12px;
border-left: #999999 1px solid;
border-bottom: #999999 1px solid;
background-color: #ffffff;
behavior: url(panel.htc);
}

index.htm

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<LINK href="Common.css" type="text/css" rel="Stylesheet">
</HEAD>
<BODY>
<br>
<form>
<table class="plPanelSelect" id="oContent" height="90%" cellSpacing="0" cellPadding="0"
 width="98%" border="0"  ImagesSrc="sheet.gif" PanelCaption="个人信息" align="center">
 <tr>
  <td width="100%" align="center" valign="top">
  <table border="0" width="100%" cellspacing="0" cellpadding="0" height="107">
  <tr>
   <td colspan="2" height="26"> </td>
  </tr>
  <tr>
   <td height="26" width="50%">用户名:</td>
   <td width="50%" height="26">密码:</td>
  </tr>
  <tr>
   <td height="26" width="50%"></td>
   <td width="50%" height="26">
   </td>
  </tr>
  <tr>
   <td height="27" width="50%">姓名:</td>
   <td width="50%" height="27"> </td>
  </tr>
  <tr>
   <td height="27" width="50%"><input type="submit" value="test" name="es"> </td>
   <td width="50%" height="27"></td>
  </tr>
     </table>
       </td>
 </tr>
</table>
<table class="plPanelSelect" id="oContent" height="90%" cellSpacing="0" cellPadding="0"
 width="98%" border="0"  ImagesSrc="sheet.gif" PanelCaption="详细信息" align="center">
 <tr>
  <td width="100%" align="center" valign="top">
gdfgdfgdf
       </td>
 </tr>
</table>

</form>
</BODY>
</HTML>

三分钟用Unity3D开发第一个HTC VIVE的VR程序

三分钟用Unity3D开发第一个HTC VIVE的VR程序
  • caodongfang126
  • caodongfang126
  • 2017年01月06日 09:57
  • 3868

HTC Vive初体验 简单场景的搭建 基本的输入检测

版本:unity 5.4.1  语言:C#   Gear VR之前是在别人的工程上继续写的,所以场景搭建之类的也没有接触,最近可能要做Vive眼镜的东西,所以研究一下,记录一下网上课程中学到的知识...
  • u012632851
  • u012632851
  • 2016年12月19日 17:00
  • 502

JAVA 开发实例 一 移动的小球

package com.java.move; import java.awt.Color; import java.awt.Dimension; import java.awt.Graphics; ...
  • long71751380
  • long71751380
  • 2013年10月16日 17:04
  • 1632

Unity +HTC VIVE 虚拟现实开发— 手柄控制

using UnityEngine; using System.Collections; public class shoubingkongzhi : MonoBehaviour { /// //...
  • qq_28755939
  • qq_28755939
  • 2016年08月04日 17:45
  • 3411

Unity +HTC VIVE 虚拟现实开发— UI设计(UGUI)

这次我为大家分享的是我在使用HTC  VIVE开发的过程中,UI界面搭建的一些心得与体会(我运用的是UGUI)。 在使用HTC VIVE开发的过程中,我发现运用传统的方式搭建UI后,戴上头盔测试时,并...
  • qq_28755939
  • qq_28755939
  • 2016年08月08日 13:15
  • 4536

htc one x 紧急充电脚本,解决无法充电,变砖,电量过低等问题

今天htc one x 用了刷机精灵后刷机失败,然后手机不断重启到我发现的时候电量已经过低到无法刷入 RUU ( 低于30%) 并且刷机精灵还给我刷了一个他们自己的 recovery 这个recove...
  • nsrainbow
  • nsrainbow
  • 2015年10月09日 23:01
  • 3734

Unity开发HTC vive 二、操作GUI

引用的sdk和上一篇一样。 删除场景中的默认摄像机,将CameraRig拖入场景 将VivePointers拖入场景 在场景中添加一个按钮 删除EventSystem对象,...
  • wuyt2008
  • wuyt2008
  • 2017年01月05日 15:57
  • 2225

htc vive漂亮的激光线效果

具体实现步骤如下:1在Controller(right)下建一个空对象 ​,这个空对象主要是作为射线的发射点和定位发射方向2 在场景中建一个空对象,然后在这个空对象上挂LineRender组件3 ...
  • qq_15267341
  • qq_15267341
  • 2016年09月12日 19:54
  • 1060

HTC vive开发:关于手柄按键

一、关于左右手柄的对应关系 两个手柄和SteamVR_TrackedObject.EIndex是对应的,一个是EIndex.Device2,另一个是EIndex.Device3(有编号的那个)在...
  • qiaochaoqc
  • qiaochaoqc
  • 2016年08月01日 16:27
  • 2546

HTC的Jetstream - 明智的平板电脑很好的HTC Sense UI和4G

HTC的Jetstream - 明智的平板电脑很好的HTC Sense UI和4G(LTE) HTC已经推出了新一代的平板电脑是HTC的Jetstream(宏达电普契尼)在2011年9月5日约850美...
  • windgrass1
  • windgrass1
  • 2014年08月12日 14:17
  • 408
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:发布一个通用面板程序(htc)
举报原因:
原因补充:

(最多只允许输入30个字)