ReSQL.ru
     
powered by simpleCommunicator - 2.0.60     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Заставить таблицу исчезнуть с помощью JavaScript
3 сообщений из 3, страница 1 из 1
Заставить таблицу исчезнуть с помощью JavaScript
    #34007589
Student_Ivan
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Student_Ivan
Гость
Всем привет.

Есть страница Index.aspx. Структура примерно такая:
…
<form id="Form1" method="post" runat="server">
...
<table id="Table1" >
....
И на этой же  странице есть ссылка. Как с помощью JavaScrit сделать так, чтобы при нажатии на ссылку таблица Table1 исчезала.
З.Ы.
Вот это не работает:
 <a href='javascript:void(document.Form1.Table1.style.display="none")'>
...
Рейтинг: 0 / 0
23.09.2006, 06:34
| Ответить | Цитировать | Написать  
Заставить таблицу исчезнуть с помощью JavaScript
    #34007686
Фотография vladgrig
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vladgrig
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
136.
137.
138.
139.
140.
141.
142.
143.
144.
145.
146.
147.
148.
149.
150.
151.
152.
153.
154.
155.
156.
157.
158.
159.
160.
161.
162.
<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

    Protected Table As Table
    
    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)

        If Not (Session("MyTable") Is Nothing) Then
            Table = Session("MyTable")
        Else
            
            Table = New Table
                    
            With Table
                .ID = "MyTable"
                .CellPadding = "0"
                .CellSpacing = "0"
                .Width = New System.Web.UI.WebControls.Unit("100%")
                .CssClass = "TableRows"
            End With
                                  
            Dim cell As TableCell
            
            For i As Integer =  0  To  3 
            
                Dim row As New TableRow
                               
                
                cell = New TableCell
                With cell
                    .HorizontalAlign = HorizontalAlign.Center
                    .Width = New System.Web.UI.WebControls.Unit("150")
                    .Text = "Some Text in Row " & i
                    .CssClass = "NormalCell"
                End With
                                                
                row.Cells.Add(cell)

                                
                cell = New TableCell
                With cell
                    .HorizontalAlign = HorizontalAlign.Center
                    .Text = "Row number = " & i
                    .CssClass = "NormalCell"
                End With
                                
                row.Cells.Add(cell)

                                               
                cell = New TableCell
                With cell
                    .ID = i
                    .HorizontalAlign = HorizontalAlign.Center
                    .Width = New System.Web.UI.WebControls.Unit("100")
                    .Attributes.Add("onclick", "changeRowColor('" & i & "');")
                    .CssClass = "NormalCell"
                    .Attributes.Add("style", "cursor:hand;")
                    .Text = "ClickMe"
                End With
                                
                row.Cells.Add(cell)

                
                row.CssClass = "NormalRow"
                
                Table.Rows.Add(row)
                                                               
            Next
            
        End If

        Me.PlaceHolder1.Controls.Add(Table)
          
        If Request.QueryString("rN") <> "" Then
            Dim obj As Object = Me.FindControl("form1").FindControl(Request.QueryString("rN"))
            If Not (obj Is Nothing) Then
                CType(obj.Parent, TableRow).CssClass = "SelectedRow"
            End If
        End If
        
    End Sub

    Protected Sub Page_Unload(ByVal sender As Object, ByVal e As System.EventArgs)
        Session("MyTable") = Table
    End Sub
   
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    
<style type="text/css">

.TableRows {    
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;    
}

td.NormalCell {    
    border-top: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;    
}

tr.NormalRow {
    background-color:#4682b4;
    color: white;      
}

A.Links
{
	color: #02469B;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}
A.Links:hover
{
    color: red;
    text-decoration: underline;
    font-size: 12px;
    font-weight: bold;
}
A.Links:active
{    
    font-size: 12px;    
}

</style>

<script language="javascript" type="text/javascript">
<!--

function changeRowColor(obj) {
    document.location.replace("Default.aspx?rN=" + obj);    
}

function HideTable() {
    document.getElementById("<%=Table.ClientID %>").style.display="none";
}

function ShowTable() {
    document.getElementById("<%=Table.ClientID %>").style.display="block";
}

// -->
</script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
    <a class="Links" href="javascript:HideTable()">Hide Table</a>
    <a class="Links" href="javascript:ShowTable()">Show Table</a><br />
        <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>
    </div>
    </form>
</body>
</html>
смотреть тут
...
Рейтинг: 0 / 0
23.09.2006, 12:09
| Ответить | Цитировать | Написать  
Заставить таблицу исчезнуть с помощью JavaScript
    #34007762
Student_Ivan
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Student_Ivan
Гость
Спасибо, всё прекрасно работает.
...
Рейтинг: 0 / 0
23.09.2006, 13:59
| Ответить | Цитировать | Написать  
3 сообщений из 3, страница 1 из 1
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Заставить таблицу исчезнуть с помощью JavaScript
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]