`
qhd_liwei
  • 浏览: 104491 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

实现鼠标单击获得table一行的分别值

    博客分类：
  • java
StrutsBeanWebHTML 
阅读更多
这篇文章为网络转载，作为平时笔记,红色部分是我用到的
<%--
/**
* SSZUTC Shenyi 20Jan2005 replaced previous log mode with SSCLogger
*/
--%>
<%@ taglib uri="/WEB-INF/tld/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/tld/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/tld/portlet.tld" prefix="portlet" %>


<%@ page language="java" contentType="text/html; charset=ISO-8859-1" %>


<%@ page import="java.util.*" %>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">


<script language="javascript">

var currentActiveRow;
function   changeActiveRow(obj)  
  {  
  if(currentActiveRow)   currentActiveRow.style.backgroundColor="";  
  currentActiveRow=obj;  
  currentActiveRow.style.backgroundColor="gray";
  //var temp=currentActiveRow[0].innerText;
  var roleName=currentActiveRow.cells[0].innerText;
  var roleType=currentActiveRow.cells[1].innerText;
  var description=currentActiveRow.cells[2].innerText;
  alert(" message:"+ roleName+ " "+ roleType+" "+description);
  //alert("message:"+temp);
  }
function submitAction(action)
{
// alert("action clicked:"+action);
var submitForm = "";
//submitForm.submit();
if( action == 'create')
{
  createReportGroupForm = window.document.forms['<portlet:encodeNamespace value=""></portlet:encodeNamespace>CreateReportGroupForm'];     
 
//  alert("action set to:"+ createReportGroupForm.action);

  createReportGroupForm.reportSourceID.value = this.reportSourceID.value; 
  createReportGroupForm.reportSourceName.value = this.reportSourceName.value;
  createReportGroupForm.applicationID.value = this.applicationID.value;      
  createReportGroupForm.applicationName.value = this.applicationName.value;        

//  alert ("app + this.applicationName.value);   
 
  createReportGroupForm.submit();
}
else if( action == 'modify')
{
  modifyReportGroupForm = window.document.forms['<portlet:encodeNamespace value=""></portlet:encodeNamespace>ModifyReportGroupForm'];     

  if (this.AvailableReportGroups.selectedIndex == -1) {
   alert ("Please select a report group ");
   return;
  }
 
//  alert("action set to:"+ modifyReportGroupForm.action);

  modifyReportGroupForm.reportSourceID.value = this.reportSourceID.value; 
  modifyReportGroupForm.reportSourceName.value = this.reportSourceName.value;
  modifyReportGroupForm.applicationID.value = this.applicationID.value;      
  modifyReportGroupForm.applicationName.value = this.applicationName.value;        

  modifyReportGroupForm.reportGroupName.value = this.AvailableReportGroups.options[this.AvailableReportGroups.selectedIndex].text;
  modifyReportGroupForm.reportGroupName.value = this.AvailableReportGroups.options[this.AvailableReportGroups.selectedIndex].title;
  modifyReportGroupForm.reportGroupID.value = this.AvailableReportGroups.options[this.AvailableReportGroups.selectedIndex].value; 

//  alert ("group + modifyReportGroupForm.reportGroupName.value); 
//  alert ("app + this.applicationName.value);   
 
//  alert ("title = " + this.AvailableReportGroups.options[this.AvailableReportGroups.selectedIndex].title);
 
  modifyReportGroupForm.submit();
}
else if( action == 'delete')
{
  deleteReportGroupForm = window.document.forms['<portlet:encodeNamespace value=""></portlet:encodeNamespace>DeleteReportGroupForm'];     

  if (this.AvailableReportGroups.selectedIndex == -1) {
   alert ("Please select a report group ");
   return;
  }
 
  var Input;
  Input = confirm("Are you sure to delete the selected report group?")
  if(Input == false){
   return;
  }
 
  deleteReportGroupForm.reportSourceID.value = this.reportSourceID.value;
  deleteReportGroupForm.applicationID.value = this.applicationID.value;
  deleteReportGroupForm.applicationName.value = this.applicationName.value;        
  deleteReportGroupForm.reportSourceName.value = this.reportSourceName.value; 
  deleteReportGroupForm.reportGroupID.value = this.AvailableReportGroups.options[this.AvailableReportGroups.selectedIndex].value;
  deleteReportGroupForm.reportGroupName.value = this.AvailableReportGroups.options[this.AvailableReportGroups.selectedIndex].text; 
  deleteReportGroupForm.reportGroupName.value = this.AvailableReportGroups.options[this.AvailableReportGroups.selectedIndex].title; 
//  alert("action set to:"+ deleteReportGroupForm.action);
 
//  alert ("app + deleteReportGroupForm.applicationID.value);
//  alert ("report group + deleteReportGroupForm.reportGroupID.value); 
 
  deleteReportGroupForm.submit();
} else if ( action == 'cancel') {

  cancelForm = window.document.forms['<portlet:encodeNamespace value=""></portlet:encodeNamespace>ReportGroupAppSourceForm'];     
 
//  alert("action set to:"+ cancelForm.action);

  cancelForm.submit();

}
}
function validate()
{
return  true;
}

function func_1(thisObj, thisEvent) {
//use 'thisObj' to refer directly to this component instead of keyword 'this'
//use 'thisEvent' to refer to the event generated instead of keyword 'event'
cl;
}</script>



<jsp:useBean scope="request" /> 


<%




String fromMyViewJSP = request.getParameter("fromMyViewJSP");
// if (fromMyViewJSP == null) {

%>



<title>ReportGroupAdmin</title>



<table width="100%" border="1" cellspacing="0" cellpadding="0" height="100%">
   <tr>
  <td width="100%" valign="top">
        <table width="95%" border="0" cellspacing="0" cellpadding="2" align="center">
          <tr>
             <td >Report Groups</td>
          </tr>
          <tr>
             <td valign="top" height="53">
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td valign="top" width="3%"><img src='<%= response.encodeURL("/images/info.gif") %>' width="18" height="15"></td>
                    <td valign="top" width="97%">Select
                       a report group from the list box before selecting an action
                       button (Create New Group, Modify Selected, Delete Selected).
                      </td>
                  </tr>
               </table>
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
       <tr>
                    <td height="30"><br>
                       <a href=" ('cancel')">&lt;&lt; Report Group App Source </a> | Report
                       Group Admin
                      </td>
                  </tr>
               </table>
        </td>
          </tr>
         
          <tr>
             <td height="26">
               <table width="100%" RULES="none"  FRAME="box" border="1" bordercolor="#eaeaea" cellspacing="0" cellpadding="2">
                  <tr height="18">
                    <td width="46%" >&nbsp;</td>
                    <td width="54%" >&nbsp;</td>
                  </tr>
         <tr>
          <td ></td>
          <td >&nbsp;</td>
         </tr>
      </table>
               <br>
               <table width="100%" rules="none" frame="box" bordercolor="#eaeaea" border="1" cellspacing="0" cellpadding="0">
                  <tr height="18">
                    <td >&nbsp;Existing Report Groups</td>
                 </tr>
                  <tr>
                    <td>
                       <table width="100%" border="0" cellspacing="0" cellpadding="1">
                         <tr height="30">
                            <td width="25%" valign="middle">
               <input type="button" value="Create New Role"   create')"  >
                            </td>
                            <td width="25%" valign="middle">
                              <input type="button" value="Modify Selected"
            modify')"  >
                            </td>
                            <td width="25%" valign="middle">
                              <div align="left">
                                 <input type="button" value="Delete Selected" delete')"  >
                              </div>
                            </td>
                           
                            <td width="21%" valign="top">&nbsp; </td>
                         </tr>
                       </table>
                    </td>
                  </tr>
               </table>
               <table width="100%" border="1" cellspacing="0" cellpadding="2" height="55" bordercolor="#eaeaea">
                  <tr>
                    <td height="20" valign="top">
     
         <TABLE width="100%" height="20" border="1">
          <tr>
           <th>Role Name</th>
           <th>Role Type</th>
           <TH>Description</TH>
          </tr>      
         </TABLE>
        </td>
       </tr>
       <tr>
        <td height="230">
      <div style="width=100%; height:230; overflow:auto">
      <table width="100%">
       <tr ><th>wwwa</th><th>wwwq</th><th>wwwe</th></tr>
       <tr ><th>www</th><th>www</th><th>www</th></tr>
       <tr ><th>www</th><th>www</th><th>www</th></tr>
       <tr ><th>www</th><th>www</th><th>www</th></tr>
       <tr ><th>www</th><th>www</th><th>www</th></tr>
       <tr ><th>www</th><th>www</th><th>www</th></tr>
       <tr ><th>www</th><th>www</th><th>www</th></tr>
       <tr ><th>www</th><th>www</th><th>www</th></tr>
       <tr ><th>www</th><th>www</th><th>www</th></tr>
       <tr ><th>www</th><th>www</th><th>www</th></tr>
       <tr ><th>www</th><th>www</th><th>www</th></tr>
       <tr ><th>www</th><th>www</th><th>www</th></tr>
       <tr ><th>www</th><th>www</th><th>www</th></tr>
       <tr ><th>www</th><th>www</th><th>www</th></tr>
       <tr ><th>www</th><th>www</th><th>www</th></tr>
       <tr ><th>www</th><th>www</th><th>www</th></tr>
       <tr ><th>www</th><th>www</th><th>www</th></tr>
       <tr ><th>www</th><th>www</th><th>www</th></tr>
       <tr ><th>www</th><th>www</th><th>www</th></tr>
       <tr ><th>www</th><th>www</th><th>www</th></tr>
       <tr ><th>www</th><th>www</th><th>www</th></tr>
       <tr ><th>www</th><th>www</th><th>www</th></tr>
      </table>
      </div>
     
     
      </td>
                  </tr>
               </table>
               <p>&nbsp;</p>
             </td>
          </tr>
        </table>
     </td>
   </tr>
</table>

分享到：
| Hibernate复合主键的映射 并执行增删改查
评论
发表评论

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

相关推荐

    layui的表格table选中数据后更改本行的颜色

    它提供了丰富的组件，其中包括表格（table）组件，可以方便地实现数据展示、操作和交互。在实际应用中，我们经常需要根据用户的选择状态来改变表格的视觉效果，比如选中某行后改变其颜色，以突出显示。下面将详细...

    JQuery实现动态表格点击按钮表格增加一行

    ` 每添加完一行后，计数器`count`递增，以便为新行的输入框设置唯一的name属性值。 - `function del(btn)` 函数用于删除用户点击的行。 - `var tr = btn.parentElement.parentElement;` 获取被删除按钮所在的行。 ...

    vue用ant design中table表格,点击某行时触发的事件操作

    使用customRow 设置行属性，写对应事件 :customRow=”rowClick” 然后在data里面写 rowClick: record =&gt; ({ // 事件 on: { click: () =&gt; { // 点击改行时要做的事情 // ...... console.log(record, 'record...

    XPTable（修改后源码和dll）

    解决问题：在列头Resizing状态下双击鼠标，应根据该列数据中最长的一行调整当前列宽度，目前仅对TextColumn和NumberColumn有效 3、...\Models\Table.cs Line 6134 解决问题：在列头Resizing状态下单击鼠标，避免...

    table-change-color-.rar_Table_labview table_labview颜色

    当用户单击Table控件时，LabVIEW会捕获这个事件并执行相应的代码来响应。在这个案例中，单击事件被用来改变Table的颜色。 3. **颜色改变**： 要实现Table控件颜色的变化，我们需要编写一个VI（Virtual Instrument...

    jQuery实现鼠标单击网页文字后在文本框显示的方法

    标题所包含的知识点是“jQuery实现鼠标单击网页文字后在文本框显示的方法”，这意味着我们需要掌握jQuery库的使用，特别是关于如何处理鼠标点击事件以及如何在网页中动态显示或更新内容。描述部分进一步细化了知识点...

    java实现table添加右键点击事件监听操作示例

    Java 是一种广泛应用于软件开发的编程语言，今天我们来讨论如何在 Java 中实现 Table 添加右键点击事件监听操作。右键点击事件监听操作是一种常见的交互方式，能够提供更多的功能和便捷性。 什么是事件监听？ ...

    vue+elementui实现点击table中的单元格触发事件--弹框

    Element UI提供了一个强大的表格组件（`el-table`），它允许开发者自定义列模板，从而实现丰富的功能。 首先，我们要了解Element UI的`el-table`组件的基本用法。`el-table`接受`data`属性来绑定数据源，`border`...

    table客户端排序 ctrl shift 连选实例

    4. **实现Ctrl+Shift选择**：在`tableselect.js`中，我们需要监听键盘的Ctrl和Shift键，以及鼠标点击事件。当Ctrl或Shift键被按下时，记录当前选中的行，并更新选区。每次点击时，根据当前选区来改变行的选中状态。 ...

    Table-right-operation.zip_Labview 表格_labview表格_operation_表格

    例如，在进行数据分析时，可能有一列需要根据某一公式计算出的值，或者在设置初始条件时，多个行可能共享同一个值。传统的逐个单元格输入方式效率低下，而通过右键菜单选择复制并向下填充，则可以显著提高工作效率，...

    Qt中tableWidget和tableView的使用

    `QTableWidget`是Qt Widgets模块中的一个类，它提供了一个完整的表格控件，包括行、列和单元格的完整交互功能。`QTableWidget`易于使用，因为它提供了丰富的API来直接操作单元格，例如添加、删除行和列，以及设置和...

    JTable排序

    它能够响应用户的交互，如单击列头进行排序，选择行等。 ### JTable排序机制 默认情况下，`JTable`并不支持排序功能。要实现排序，你需要自定义一个表模型或者使用已存在的表模型扩展，如`AbstractTableModel`或`...

    自做jQuery插件----表格(奇偶行不同色,鼠标滑过颜色效果,单击高亮)

    在本项目中，我们主要探讨如何制作一个自定义的jQuery插件，用于实现表格的特殊样式功能，包括奇偶行颜色交替、鼠标滑过时的颜色变化以及单击高亮的效果。这个插件对于提高用户体验和美化网页数据展示具有显著作用。...

    css 单击表格变换颜色

    然而，这种实现方式有一个局限性：`:active`状态仅在鼠标按键保持时有效，一旦松开鼠标，颜色会立即恢复。若要实现类似选中状态的效果，可以使用JavaScript或者CSS的`:focus-within`伪类来实现。 使用JavaScript，...

    JavaScript 在网页上单击鼠标的地方显示层及关闭层

    在这个特定的示例中，JavaScript 被用来实现在网页上点击鼠标位置时显示一个层（Div），并允许用户选择一个地点，然后将所选地点显示在文本框中。以下是这个功能的关键知识点： 1. **层（Div）的显示与隐藏**： - ...

    arcgis工具

    在使用【Pan】工具时，鼠标单击处将位于地图的中心。 ii. 在使用【Zoom In / Zoom Out / Pan】工具时，按F6键可以循序在这3个工具间切换 iii. 在TOC中按住Alt键，并单击图层，等效于缩放到图层（Zoom To Layer...

    delphi控件cxGrid用法大全

    判断当前行是否是第一行或最后一行，可以通过检查`TableView`的`SelectedRows`集合中第一个元素的`Index`和`TableView.RowCount`。 #### 44. 根据指定值查找记录 根据指定值查找记录，可以遍历`TableView`的`Rows`...

    perfect table

    "Perfect Table"是一个个人开发的表格项目，旨在提供一个高效、功能齐全且用户友好的表格解决方案。这个项目可能包含了各种实现细节，优化技巧以及自定义功能，以满足开发者在实际应用中的需求。从标签"perfect"我们...

    gridview控件的使用（九宫式的的排列）

    1、鼠标经过行时改变行的样式 CssClassMouseOver - 鼠标经过行时行的样式的CSS类名 2、给字段标题加上排序状态 设置其SortTip下的4个属性即可 SortAscImage - 升序提示图片 SortAscText - 升序提示文本 ...

    CSS JS实现表格背景变色.rar

    这段JS代码为所有表格行添加了鼠标悬停和离开事件监听器，当鼠标悬停时，行背景变为浅黄色，鼠标离开时恢复原状。 在压缩包中的"index.htm"文件很可能是包含这个功能的HTML页面，而"说明.htm"可能提供了更详细的...

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