modifier un label asp via du javascript

Version imprimable

27/11/2007, 09h33
ronki

modifier un label asp via du javascript

bonjour tout le monde je cherche a modifier le contenue d'un label a l'aide d'un script javascript cependant cela ne fonctionne pas

Apres plusieurs recherche je vois que tout le monde ecrit

Code:

document.getElementById("label1").innerHTML = 'toto';

sauf que chez moi ca ne fonctionne pas cela me retourne une erreur lorsque j'appelle mon javascript et l'e

Citation:

Error : 'document:GetElementById(...) is null or not an object

je vous remercie d'avance
27/11/2007, 09h35
Pongten

Si ton objet est contenu dans un autre (par exemple un panel), son id n'est plus simplement label1, mais un truc du genre panel1$label1

Tu peux remplacer par :

Code:

document.getElementById("<%=label1.ClientID %>").innerHTML = 'toto';

et ça devrait aller :-)
27/11/2007, 09h40
ronki

euh je ne comprend pas trop mon label est contenu dans une table par contre

et apres avoir testé ton code j'obtiens toujours la meme erreur
27/11/2007, 09h45
Pongten

En fait, au moment ou le processus Asp construit la page, il s'assure de l'unicité des Identifiant... C'est pour cela qu'il ajoute au contrôle imbriqués l'identifiant de ses parents...

Est-ce que tu peux montrer ton code ?

Regarde la source de ta page une fois qu'elle est affichée dans le navigateur, pour voir si cela correspond bien...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<table style="WIDTH: 300px; HEIGHT: 90px" align="left">
		<tr>
			<td align="left" colSpan="2">
				<div style="MARGIN-LEFT: 18px"><asp:label id="lblDateEmbauche" runat="server">
		Date d'embauche: 29/11/2004</asp:label></div>
			</td>
		</tr>
		<tr>
			</TD>
			<td style="WIDTH: 100px" align="left">
				<div style="MARGIN-LEFT: 18px"><asp:label id="nom" runat="server">
		Grade : </asp:label></div>
			</td>
			<td><asp:dropdownlist id="ddlnom" runat="server" Width="150">
					<asp:ListItem Value="Liste des titres">Liste des titres</asp:ListItem>
				</asp:dropdownlist>
				<DIV></DIV>
			</td>
		</tr>
	</table>

le label1 que j'ai ecrit correspond au lblDateEmbauche

Chez moi, avec ceci : ça fonctionne !

Code:

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
 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript">
 
        function Click()
        {
            var _label = document.getElementById('<%=lblDateEmbauche.ClientID %>');
            _label.innerHTML = 'toto';
        }
 
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <table style="WIDTH: 300px; HEIGHT: 90px" align="left">
        <tr>
            <td align="left" colSpan="2">
                <div style="MARGIN-LEFT: 18px">
                    <asp:label id="lblDateEmbauche" runat="server">Date d'embauche: 29/11/2004</asp:label>
                </div>
            </td>
        </tr>
        <tr>
            <td style="WIDTH: 100px" align="left">
                <div style="MARGIN-LEFT: 18px"><asp:label id="nom" runat="server">Grade : </asp:label></div>
            </td>
            <td><asp:dropdownlist id="ddlnom" runat="server" Width="150">
                    <asp:ListItem Value="Liste des titres">Liste des titres</asp:ListItem>
                </asp:dropdownlist>
            </td>
        </tr>
        </table>
        <br />
        <input type="button" onclick="Click();return false;" value="Click" />
 
    </form>
</body>
</html>

27/11/2007, 10h27
ronki

ah ok j'avais mis des " a la place des ' ok merci ca fonctionne merci beaucoup
27/11/2007, 10h33
Pongten

A ton service :-)