关闭表格上的图片点击事件！ [英] Close a table on image click event!

问题描述

我需要添加一张图片以关闭此表，但没有任何作用.

这是我的代码:

Hi,

I need to add an image to close this table but don''t getting anything working.

This is my code:

public static string GetDynamicContent(string contextKey)
{
    string str = contextKey;
    SqlConnection con;
    SqlCommand cmd;
    SqlDataReader reader;
    DataTable table = new DataTable();
    con = new SqlConnection(ConfigurationManager.ConnectionStrings["conn"].ConnectionString);
    con.Open();
    cmd = new SqlCommand("select ReportDetails.hourNo, ReportDetails.fromtime, ReportDetails.toTime, ReportDetails.rptTime, ReportDetails.TaskDetails from ReportDetails Inner Join DailyReport on ReportDetails.DailyReport_ID = DailyReport.DailyReport_ID where DailyReport.DailyReport_ID = '" + contextKey + "' and user_id = '" + userid + "'", con);
    reader = cmd.ExecuteReader();
    table.Load(reader);
    StringBuilder b = new StringBuilder();
    //b.Append("<script type=\"text/javascript\"> $('#img_11').click(function() {$(\"#ctl00_ContentPlaceHolder1_Panel1\").hide();});</script>");
    b.Append("<table id = 'table1' style='background-color:#f3f3f3; border: #336699 3px solid; ");
    b.Append("width:760px; font-size:8pt; font-family:Verdana;' cellspacing='0' cellpadding='2'>");
    b.Append("<tr><td colspan='4' align = 'left' font-size:20pt; style='background-color:#336699; color:white;'>");
    b.Append("<b>Reprort Details</b></td>"); b.Append("</td>");

    b.Append("<td align = 'right' style='background-color:#336699; color:white;'><img id = 'img_11' style='border-width:0px;' src='../../images1/Close.png' onclick = 'close()';></td>");
    b.Append("</tr>");
    b.Append("<tr>");
    b.Append("<td align = 'left' font-size:10pt; style = 'width:80px; border:#336699 1px solid;'><b>Hour No<b></td>");
    b.Append("<td align = 'left' font-size:10pt; style = 'width:80px;  border:#336699 1px solid;'><b>Start Time</b></td>");
    b.Append("<td align = 'left' font-size:10pt; style = 'width:80px;  border:#336699 1px solid;'><b>End Time</b></td>");
    b.Append("<td align = 'left' font-size:10pt; style = 'width:90px;  border:#336699 1px solid;'><b>Report Time</b></td>");
    b.Append("<td align = 'left' font-size:10pt;  style = 'width:430px;  border:#336699 1px solid;'><b>Activity</b></td>");
    b.Append("</tr>");
    int a = table.Rows.Count;
    for (int i = 0; i < a; i++)

    {

        b.Append("<tr>");
        b.Append("<td align = 'left' style = 'border:#336699 1px solid;'>" + table.Rows[i]["hourNo"].ToString() + "</td>");
        b.Append("<td align = 'left' style = 'border:#336699 1px solid;'>" + table.Rows[i]["fromTime"].ToString() + "</td>");
        b.Append("<td align = 'left' style = 'border:#336699 1px solid;'>" + table.Rows[i]["toTime"].ToString() + "</td>");
        b.Append("<td align = 'left' style = 'border:#336699 1px solid;'>" + table.Rows[i]["rptTime"].ToString() + "</td>");
        b.Append("<td align = 'left' style = 'border:#336699 1px solid;'>" + table.Rows[i]["TaskDetails"].ToString() + "</td>");
        b.Append("</tr>");
    }
    b.Append("</table>");
    return b.ToString();

}

请任何人帮我!!!

Please anyone help me!!!

Thanks in advance!

推荐答案

('#img_11').click(function(){

('#img_11').click(function() {

(\#ctl00_ContentPlaceHolder1_Panel1 \).hide();}); /script 表 id =' =' background-color:#f3f3f3;边框:#336699 3px实心；); b.Append("width:760px; font-size:8pt; font-family:Verdana;' cellspacing =' 0' 单元填充 =' 2' > )； b.Append(" tr < td colspan =' 4' align =' 左' font-size:20pt; 样式 =' background-color:#336699; color:white;' > ); b.Append(" b < /b > < /td > ")； b.Append("/td td align =' 样式 =' background-color:#336699; color:white;' > < img img_11' 样式 =' border-width:0px;' =' onclick close()' > /td /tr tr td align =' font-size:10pt; 样式 =' 宽度:80px；边框:#336699 1px实心；' > < b > 小时编号< > /td td align =' font-size:10pt; 样式 =' 宽度:80px；边框:#336699 1px实心；' > < b > 开始时间/b < > ")； b.Append(" td align =' font-size:10pt; 样式 =' 宽度:80px；边框:#336699 1px实心；' > < b > 结束时间/b < > ")； b.Append(" td align =' font-size:10pt; 样式 =' 宽度:90px；边框:#336699 1px实心；' > < b > 报告时间/b < > ")； b.Append(" td align =' font-size:10pt; 样式 =' 宽度:430px；边框:#336699 1px实心；' < > 活动< /b > < /td > )； b.Append("/tr < a; i ++) { b.Append(< tr td align =' 样式 =' 边框:#336699 1px实心；' /td td align =' 样式 =' 边框:#336699 1px实心；' < > ")； b.Append(" td align =' 样式 =' 边框:#336699 1px实心；' < > ")； b.Append(" td align =' 样式 =' 边框:#336699 1px实心；' /td td align =' 样式 =' 边框:#336699 1px实心；' < > ")； b.Append("/tr /table

(\"#ctl00_ContentPlaceHolder1_Panel1\").hide();});</script>"); b.Append("<table id = 'table1' style='background-color:#f3f3f3; border: #336699 3px solid; "); b.Append("width:760px; font-size:8pt; font-family:Verdana;' cellspacing='0' cellpadding='2'>"); b.Append("<tr><td colspan='4' align = 'left' font-size:20pt; style='background-color:#336699; color:white;'>"); b.Append("<b>Reprort Details</b></td>"); b.Append("</td>"); b.Append("<td align = 'right' style='background-color:#336699; color:white;'><img id = 'img_11' style='border-width:0px;' src='../../images1/Close.png' onclick = 'close()';></td>"); b.Append("</tr>"); b.Append("<tr>"); b.Append("<td align = 'left' font-size:10pt; style = 'width:80px; border:#336699 1px solid;'><b>Hour No<b></td>"); b.Append("<td align = 'left' font-size:10pt; style = 'width:80px; border:#336699 1px solid;'><b>Start Time</b></td>"); b.Append("<td align = 'left' font-size:10pt; style = 'width:80px; border:#336699 1px solid;'><b>End Time</b></td>"); b.Append("<td align = 'left' font-size:10pt; style = 'width:90px; border:#336699 1px solid;'><b>Report Time</b></td>"); b.Append("<td align = 'left' font-size:10pt; style = 'width:430px; border:#336699 1px solid;'><b>Activity</b></td>"); b.Append("</tr>"); int a = table.Rows.Count; for (int i = 0; i < a; i++) { b.Append("<tr>"); b.Append("<td align = 'left' style = 'border:#336699 1px solid;'>" + table.Rows[i]["hourNo"].ToString() + "</td>"); b.Append("<td align = 'left' style = 'border:#336699 1px solid;'>" + table.Rows[i]["fromTime"].ToString() + "</td>"); b.Append("<td align = 'left' style = 'border:#336699 1px solid;'>" + table.Rows[i]["toTime"].ToString() + "</td>"); b.Append("<td align = 'left' style = 'border:#336699 1px solid;'>" + table.Rows[i]["rptTime"].ToString() + "</td>"); b.Append("<td align = 'left' style = 'border:#336699 1px solid;'>" + table.Rows[i]["TaskDetails"].ToString() + "</td>"); b.Append("</tr>"); } b.Append("</table>"); return b.ToString(); }

请任何人帮我!!!

预先感谢！

Please anyone help me!!!

Thanks in advance!

将图像放在表格外，并调用图像的以下javascript onclick，如

< img id ="img1" src ="close.png" alt =关闭" onclick ="close123();" />

put the image outside the table and call the following javascript onclick of the image like

<img id="img1" src="close.png" alt="Close" onclick="close123();" />

<script type="text/javascript">
        function close123() {
            document.getElementById('table1').style.visibility = "hidden";
        }
    </script>

我认为应该可以

我对您的代码进行了更改，请检查

I think it should work

I have changed a bit in your code plz check

public static string GetDynamicContent(string contextKey)
{
    string str = contextKey;
    SqlConnection con;
    SqlCommand cmd;
    SqlDataReader reader;
    DataTable table = new DataTable();
    con = new SqlConnection(ConfigurationManager.ConnectionStrings["conn"].ConnectionString);
    con.Open();
    cmd = new SqlCommand("select ReportDetails.hourNo, ReportDetails.fromtime, ReportDetails.toTime, ReportDetails.rptTime, ReportDetails.TaskDetails from ReportDetails Inner Join DailyReport on ReportDetails.DailyReport_ID = DailyReport.DailyReport_ID where DailyReport.DailyReport_ID = ''" + contextKey + "'' and user_id = ''" + userid + "''", con);
    reader = cmd.ExecuteReader();
    table.Load(reader);
    StringBuilder b = new StringBuilder();
    //b.Append("<script type=\"text/javascript\">

这篇关于关闭表格上的图片点击事件！的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！