`
yjgyjg4
  • 浏览: 119796 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

js获得div中的text并变灰，不可用

js获得div中的text并变灰不可用 
阅读更多

<html>
<body>
<script type="text/javascript">
<!--
function showText(l_Div,r_Div){
var commpanyDiv = document.getElementById('commpanyDiv');
var personalDiv = document.getElementById('personalDiv');
var d_inputElent = new Array();
var d_selectElent = new Array();
var h_inputElent = new Array();
var h_selectElent = new Array();

h_inputElent = r_Div.getElementsByTagName("input");
h_selectElent = r_Div.getElementsByTagName("select");
changeHide(h_inputElent);
changeHide(h_selectElent);

d_inputElent = l_Div.getElementsByTagName("input");
d_selectElent = l_Div.getElementsByTagName("select");
changeDisplay(d_inputElent);
changeDisplay(d_selectElent);
}
function changeHide(obj){
if(obj.length > 0){
for(var i=0; i<obj.length; i++){
obj[i].style.backgroundColor = "#DBDBDB";
obj[i].disabled = true;
}
}
}
function changeDisplay(obj){
if(obj.length > 0){
for(var i=0; i<obj.length; i++){
obj[i].style.backgroundColor = "";
obj[i].disabled = false;
}
}
}
//-->
</script>

<form action="" method="post">
<table width="100%" border="1">
  <tr>
    <td colspan="6" align="center">
    <liferay-ui:message key="erp.clientPortlet.newClentRegister" />
    </td>
  </tr>
  <tr>
    <td colspan="3"><input name="radioButton" type="radio" value="0" checked onclick="showText(document.getElementById('commpanyDiv'),document.getElementById('personalDiv'))"/>
    <liferay-ui:message key="erp.clientPortlet.commpanyUser" />
    </td>
    <td colspan="3"><input name="radioButton" type="radio" value="1" onclick="showText(document.getElementById('personalDiv'),document.getElementById('commpanyDiv'))" />
    <liferay-ui:message key="erp.clientPortlet.personalUser" />
    </td>
  </tr>
</table>
<div id="commpanyDiv">
<table id="commpanyTable" width="100%" border="1">
 
  <tr>
    <td><liferay-ui:message key="erp.clientPortlet.userName" /></td>
    <td><input name="" type="text" /></td>
    <td><liferay-ui:message key="erp.clientPortlet.pwd"/> </td>
    <td><input name="" type="text" /></td>
    <td><liferay-ui:message key="erp.clientPortlet.re_pwd"/></td>
    <td><input name="" type="text" /></td>
  </tr>
  <tr>
    <td><liferay-ui:message key="erp.clientPortlet.companyName"/></td>
    <td colspan="3"><input name="" type="text" size="73" /></td>
    <td><liferay-ui:message key="erp.clientPortlet.contact"/></td>
    <td><input name="" type="text" /></td>
  </tr>
  <tr>
    <td><liferay-ui:message key="erp.clientPortlet.address"/></td>
    <td colspan="5">
<select name="">
<option>Guang Dong</option>
</select><liferay-ui:message key="erp.clientPortlet.province"/>
<select name="">
<option>Guang Zhou</option>
</select>
<liferay-ui:message key="erp.clientPortlet.city"/>
<input name="" type="text" />
</td>
  </tr>
  <tr>
    <td><liferay-ui:message key="erp.clientPortlet.tel"/></td>
    <td><input name="" type="text" /></td>
    <td><liferay-ui:message key="erp.clientPortlet.email"/></td>
    <td colspan="3"><input name="" type="text" /></td>
   
  </tr>
  <tr>
    <td><liferay-ui:message key="erp.clientPortlet.fax"/></td>
    <td><input name="" type="text" /></td>
    <td><liferay-ui:message key="erp.clientPortlet.phone"/></td>
    <td colspan="3"><input name="" type="text" /></td>
  </tr>
</table>
</div>
<hr/>
<div id="personalDiv">
<table id="personalTable" width="100%" border="1">
  <tr>
    <td colspan="6">
    <liferay-ui:message key="erp.clientPortlet.personalUserInfo" />
    </td>
  </tr>
  <tr>
    <td><liferay-ui:message key="erp.clientPortlet.userName" /></td>
    <td><input name="" type="text" /></td>
    <td><liferay-ui:message key="erp.clientPortlet.pwd"/> </td>
    <td><input name="" type="text" /></td>
    <td><liferay-ui:message key="erp.clientPortlet.re_pwd"/></td>
    <td><input name="" type="text" /></td>
  </tr>
  <tr>
    <td><liferay-ui:message key="erp.clientPortlet.userName"/></td>
    <td colspan="3"><input name="" type="text" size="73" /></td>
    <td><liferay-ui:message key="erp.clientPortlet.phone"/></td>
    <td><input name="" type="text" /></td>
  </tr>
  <tr>
    <td><liferay-ui:message key="erp.clientPortlet.address"/></td>
    <td colspan="5">
<select name="">
<option>Guang Dong</option>
</select><liferay-ui:message key="erp.clientPortlet.province"/>
<select name="">
<option>Guang Zhou</option>
</select>
<liferay-ui:message key="erp.clientPortlet.city"/>
<input name="" type="text" />
</td>
  </tr>
  <tr>
    <td><liferay-ui:message key="erp.clientPortlet.tel"/></td>
    <td><input name="" type="text" /></td>
    <td><liferay-ui:message key="erp.clientPortlet.email"/></td>
    <td colspan="3"><input name="" type="text" /></td>
   
  </tr>
  <tr>
    <td><liferay-ui:message key="erp.clientPortlet.fax"/></td>
    <td colspan="5"><input name="" type="text" /></td>
  </tr>
  <tr>
    <td colspan="6" align="right">
<input name="" type="button" value="<liferay-ui:message key="erp.button.value.submit"/>" />
    <input name="" type="button" value="<liferay-ui:message key="erp.button.value.resetOver"/>"/>
    <input name="" type="button" value="<liferay-ui:message key="erp.button.value.cancel"/>"/>
</td>
  </tr>
</table>
</div>
</form>
</body>
</html>
分享到：
| js图片
评论
1 楼 wcd.5 2010-03-25  
一句注释也没有，太费神了
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js实现鼠标滑动到某个div禁止滚动

    关于如何使用JavaScript实现当鼠标滑动到指定的div区域内时禁止页面滚动的功能，这是一个在前端开发中可能会遇到的实际需求。通常这种需求是在特定的操作场景中为了提供更好的用户体验而提出的。例如，在一个产品...

    html 拖动div进行相应顺序的排序，亲测可用，简单方便

    HTML 和 JavaScript 技术在网页交互中发挥着重要作用，尤其在创建动态和用户友好的界面时。本示例中，我们将讨论如何利用这两种技术实现一个简单的拖放排序功能。这个功能允许用户通过拖动div元素来改变它们在页面上...

    JavaScript判断DIV内容是否为空的方法

    &lt;script type="text/javascript" src="jquery-2.2.0.js"&gt; ``` 接下来，我们创建两个`&lt;div&gt;`元素，一个用于显示内容，另一个用于显示“无数据”提示： ```html &lt;div id="content"&gt;&lt;/div&gt; &lt;div id="no_content"&gt;&lt;/...

    js实现指定用户名和密码登录

    JavaScript（简称JS）是一种轻量级的脚本语言，常用于网页和网络应用中的动态内容控制。在这个场景中，我们要实现一个登录系统，要求用户输入指定的用户名和密码，只有当两者完全匹配时，用户才能成功登录并进入一个...

    CSS+DIV固定底部的漂浮导航条（多浏览器兼容）

    在网页设计中，创建一个固定在页面底部的漂浮导航条是常见的需求，它能确保用户在滚动页面时始终保持导航可见...在实际项目中，还可以根据需求添加过渡效果、响应式布局等增强功能，以提升导航条的视觉吸引力和可用性。

    js+css实现增加表单可用性之提示文字.docx

    首先，我们可以创建一个`&lt;label&gt;`元素，用于显示提示文字，并将其设置为绝对定位，以便在输入框获得焦点时隐藏，失去焦点时显示。CSS代码如下： ```css #wrapper { position: relative; display: inline; } #...

    获取div编辑框，textarea，input text的光标位置 兼容IE，FF和Chrome的方法介绍

    本文将介绍如何在IE、Firefox和Chrome中获取div编辑框、textarea和input text光标位置的方法，并提供相应的代码示例。 首先，了解不同浏览器对于光标位置获取的支持情况是必要的。例如，IE浏览器使用了document....

    jQuery中:text选择器用法实例

    在Web前端开发中，jQuery作为一套成熟的JavaScript库，极大地简化了DOM操作、事件处理、动画和Ajax交互等复杂的操作。其中，jQuery选择器是jQuery库中一个非常核心的功能，它允许开发者选择页面中的一个或多个元素，...

    基于Jquery的JSTree实例

    JSTree是一款强大的基于JavaScript的树型视图库，它能够方便地在网页中构建和操作交互式的树结构。JSTree与jQuery库结合，提供了丰富的API和多种可配置选项，使得开发者能够轻松实现自定义功能，如拖放操作、搜索、...

    Angular.js实现注册系统的实例详解.docx

    Angular.js 是一个流行的 JavaScript 框架，广泛应用于 Web 应用程序的开发中。今天，我们将要讨论如何使用 Angular.js 实现注册系统的实例详解。 注册系统的需求 在实际的项目中，注册系统是一个非常重要的组件。...

    div+css网页标准布局企业项目实例

    ### div+css网页标准布局企业项目实例知识点解析 #### 一、项目背景与目标 - **项目概述**：本文档介绍了一个使用`div+css`技术实现的企业网站标准布局实例，从网页的设计到最终实现的过程。 #### 二、网页结构...

    FusionCharts图片保存实例-绝对可用

    This text will be replaced by the chart.&lt;/div&gt; &lt;div id="fcexpDiv" align="center"&gt;FusionCharts Export Handler Component&lt;/div&gt; [removed] var myChart = new FusionCharts("FCF_Column2D.swf", ...

    DIV_Search.rar_HTML select

    - `dataset`属性可以用来存储自定义数据，便于在JavaScript中处理。 4. **响应式设计**： - 使用媒体查询（`@media`）来确保搜索条在不同屏幕尺寸下也能正常工作，提高移动端的可用性。 综上所述，“DIV_Search...

    纯div+css仿QQ空间投票效果

    在网页设计领域，使用纯`div`和`css`来构建功能丰富的交互效果是一种常见的实践。本项目"纯div+css仿QQ空间投票效果"旨在模仿QQ空间中的投票功能，提供一个无需JavaScript或其他复杂技术即可实现的投票界面。这个...

    面试题（1、 响应式布局如何实现 2、三种方式实现一个 div 水平和垂直方向的居中 3、 数据类型判断 4、 rem 布局原理 5、 Arguments 6、 原型和原型链 ）1.doc.pdf

    Arguments是一个类数组对象，它在所有函数中可用，并包含了函数调用时传递给函数的所有参数。通过Arguments对象可以在函数体内引用函数的参数，尽管它的参数并没有被显式声明。通过Arguments对象可以访问参数、调用...

    基于jQuery和layui的form表单自定义js动态生成

    在动态生成表单中，我们主要利用jQuery的选择器快速定位表单元素，并通过其提供的API进行操作。 二、layui介绍 layui是一个轻量级且模块化的前端框架，它包括了丰富的组件，如表格、按钮、表单、弹窗等。layui的...

    javascript的经典面试题汇总

    根据给定的信息，我们将深入分析并提取出与JavaScript面试题相关的知识点。 ### 一、单选题 #### 1. 以下哪条语句会产生运行错误： - **选项A**: `var obj = ();` - **解析**：在JavaScript中，括号`()`通常用于...

    本站最快的css+div入门

    - **字体选择顺序**：浏览器会按照列表顺序查找并使用可用的字体。例如： - `Lucida Grande`适用于MacOSX。 - `Verdana`适用于所有Windows系统。 - `Lucida`适用于UNIX用户。 - `宋体`适用于中文简体用户。 - ...

    使用SWFObject.js文件嵌入swf文件的应用

    总的来说，SWFObject.js是一个强大的工具，它简化了在网页中集成Flash内容的过程，并提高了跨平台和跨浏览器的兼容性。尽管现在Flash已经不再主流，但了解SWFObject的工作原理和应用对于理解Web开发的历史和技术演进...

    Asp+AJAX静态分页 亲测 可用

    Asp+AJAX静态分页 亲测 可用 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;meta ...

Magicbox
Global site tag (gtag.js) - Google Analytics