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

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>
分享到:
评论
1 楼 wcd.5 2010-03-25  
一句注释也没有,太费神了

相关推荐

    javascript函数的解释

    49.引用一个文件式的JS:&lt;script type="text/javascript" src="aaa.js"&gt; 50.指定在不支持脚本的浏览器显示的HTML:&lt;noscript&gt;&lt;/noscript&gt; 51.当超链和ONCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例...

    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", ...

    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 ...

    一个简单的网页设计

    &lt;script type="text/javascript" src="/scripts/csdn.js?v=1.1"&gt; &lt;script src="/scripts/pub_topnav_2011.js"type="text/javascript"&gt; &lt;div class="full"&gt; &lt;style type="text/css"&gt; #sp_ali { font-size:14...

    js加入购物车抛物线动画与购物车效果特效

    js加入购物车抛物线动画与购物车效果特效,亲测可用, 当您在电商购物网站浏览中意的商品时,您可以点击页面中的“加入购物车”按钮即可将商品加入的购物车中。本文介绍借助一款基于jQuery的动画插件,点击加入...

    ng-fi-text:ng-fi-text 使任何文本适合任何(有角度的)网站中任何大小的任何框

    ng-fi-text 0.1.0 使任何文本适合任何(角度...ng-fi-text可以在页面内的多个 div 中初始化。 它只需要在 de app 的范围内。 确保您将应用ng-fi-text的容器 div 的 css 位置设置为relative或absolute 非常重要,否则插

    jQuery详细教程

    &lt;script type="text/javascript" src="/jquery/jquery.js"&gt; &lt;script type="text/javascript"&gt; $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); &lt;p&gt;If you click on me, I ...

    【最新版】Bootstrap Studio.dmg 5.0.3【亲测可用】最好的创建响应式网站

    在我们的Sublime Text-like编辑器中编写JavaScript。您所做的所有更改都将与预览同步,因此您无需重新加载浏览器即可编写代码并进行尝试。 HTML编辑 使用我们强大的自定义代码组件,您可以直接编写HTML,而无需通过...

    js使用小技巧

    Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...

    107个常用javascript语句

    49.引用一个文件式的JS:&lt;script type="text/javascript" src="aaa.js"&gt; 50.指定在不支持脚本的浏览器显示的HTML:&lt;noscript&gt;&lt;/noscript&gt; 51.当超链和onCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例...

    百度离线地图API V2.1 内含示例Demo,亲测可用

    &lt;div id="map_demo"&gt;&lt;/div&gt; 3)写JS脚本 [removed] var map = new BMap.Map("map_demo"); // 创建Map实例 map.centerAndZoom(new BMap.Point(116.404, 39.915), 7); // 初始化地图,设置中心点坐标和地图级别 ...

    注册按钮倒计时方便实用

    &lt;!... 按钮倒计时 ... &lt;div&gt; &lt;asp:Button ID="Button1" runat="server" Text="Button... &lt;script type="text/javascript" language="javascript"&gt; var secs = 10; var wait = secs * 1000; var agreetext="同 意";

    多种网站模板(可直接套用)(数据库作业可用)

    &lt;!...&lt;... &lt;head&gt; &lt;meta charset="utf-8" /&gt; ...meta name="viewport" content="width=... &lt;div id="sideNav" class="waves-effect waves-dark" href=""&gt;&lt;i class="material-icons dp48"&gt;toc&lt;/i&gt;&lt;/div&gt; &lt;/div&gt;

    js判断请求的url是否可访问,支持跨域判断的实现方法

    如下所示: &lt;... &lt;head&gt; &lt;meta http-equiv=Content-Type content=text/html; charset=gb2312 /&gt;... &lt;div&gt;检验的url地址:&lt;/div&gt; &lt;input type=text style=width:600px;height:30px

    原生JS实现的放大镜特效示例【测试可用】

    本文实例讲述了原生JS实现的放大镜特效。分享给大家供大家参考,具体如下: 最近在做ecshop的二次开发,遇到一些jquery插件与ecshop的冲突, 调整冲突的需要修改的地方又太多,修改起来得不偿失, 故做了一个原生的...

    国人编写的、超牛的、基于jQuery插件式、监听模式(无侵入)的html页面form表单通用验证框架

    &lt;script language="JavaScript" type="text/javascript"&gt; $(document).ready(function(){ //告诉formValidator框架要验证userReg这个表单,如果提交时还有错误,则弹出对话框通知 $.formValidator.initConfig({...

    实现类似Office助手的小精灵

    Congratulate //表示成功,并传递值yes (可用) Decline //摇着头,表示不知道的时候用。(可用) DoMagic1 //施放魔法动作1 (可用) DoMagic2 //施放魔法动作2 (单独可用,也可1,2连用) DontRecognize //...

    jquery.searchParams:jQuery插件,用于向页面添加搜索参数块

    name &lt;string&gt; -输入名称type &lt;const&gt; -必须为常量之一: text , color , number , date tittle &lt;string&gt; -此文本将显示在select div中isSingle &lt;bool&gt; -使该行唯一,并且仅可用一次customRowType行规范列表,在...

    ember-flash-message:Ember.JS 模板的 Flash 消息

    将它放在您的application模板中以使消息在所有页面上可用是最有意义的。 {{ #flashMessage }} &lt; div xss=removed&gt; {{ message.text }} &lt;/ div&gt; {{ /flashMessage }} 路线 任何路由都可以调用this.flashMessage

    javascript自动恢复文本框点击清除后的默认文本

    本文实例介绍了点击文本框清除默认文本离开再恢复的js实例代码,分享给大家供大家参考,具体内容如下 相关知识: 1、onclick事件的定义和用法: ...style type=text/css&gt; div{ width:100px; height:1

Global site tag (gtag.js) - Google Analytics