[DOM] GetElementByID. Ne trouve pas l'élément

Version imprimable

26/06/2008, 09h49
Titi41

[DOM] GetElementByID. Ne trouve pas l'élément

Bonjour,

J'ai un problème avec mon GetElementByID.
Lorsque je l'utilise dans des balises javascript, tout va bien, mais j'aurai besoin de l'utiliser dans du code C#. C'est là qu'il y a un problème.. Il ne trouve pas l'objet.
J'ai essayé plusieur methodes, Passer l'id du control en parametre, ajoute innerHTML, mais sans succes..
Si vous avez des idées ! Merci beaucoup

Code:

Response.Write("<script type=\"text/javascript\">document.getElementById('Button1').innerHTML.click();</" + "script>");
26/06/2008, 09h55
Bovino

Tu es sûr que ce que tu veux est récupérer dans la page html générée un élément qui porte l'id 'Button1' ?
26/06/2008, 09h56
Titi41
Oui oui.
J'ai teste la version javascript, et elle marche très bien
Code:

1 2 3 4 function securit() { document.getElementById('Button1').click(); }
26/06/2008, 10h04
Bovino

Oooops, j'avais pas vu ça :

Code:

document.getElementById('Button1').innerHTML.click();

dans ton code C#, enlève le innerHTML et ça devrait aller mieux ;)
26/06/2008, 10h10
Titi41

En fait, j'avais déjà essayé au départ. J'obtiens cette erreur
: document.getElementByID(...) is null or not an object
26/06/2008, 10h13
laurentibus

fait voir le code de la page et le C# aussi

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
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<script runat=server>
    protected void Button2_Click(object sender, EventArgs e)
    {
        Response.Write("<script type=\"text/javascript\">document.getElementById('" + Button1.UniqueID + "').click();</" + "script>");
    }
    </script>
<SCRIPT type="text/javascript">
<!--
function securit()
{
if(confirm('Voulez-vous visiter le site du laboratoire Archéologie et Territoire ?'))
    document.location.href='http://www.univ-tours.fr/lat';
document.getElementById('Button1').click();
}
-->
</SCRIPT>
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ListBox ID="lbxTransportation" runat="server"></asp:ListBox>
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <asp:Button ID="Button2" runat="server" Text="Button" 
        onclick="Button2_Click" />
    <a href="javascript:securit()">Click me</a>
    <asp:Button ID="Button1" runat="server" Text="Button" 
        OnClientClick="return confirm('Are you sure?')" onclick="btnOK_Click" />
 
            Name: <asp:Textbox id="txtName" runat="server"/>
    <asp:Label id="Message" runat="server" />
 
    </form>
</body>
</html>

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
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
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using Utilities;
 
public partial class Default2 : System.Web.UI.Page
{
    protected int i;
    protected void Page_Load(object sender, EventArgs e)
    {
        LiteralControl li=new LiteralControl();
 
        li.Text=("<script language=javascript>var errorText = " +
            "document.getElementById('" + Button1.UniqueID + "');alert(errorText);</script>");
 
        Page.Controls.Add(li);
 
        //System.Data.OracleClient.OracleConnection conn = Tool.connect("");
        //System.Data.OracleClient.OracleDataReader reader = Tool.executeQuery("Select * from Contract", conn);
        //reader.Read();
        //Response.Write(reader.GetOracleNumber(0));
        //Tool.deconnect(conn);
 
        //Button1.Attributes.Add("onclick", "javascript:if(confirm('Are you sure everything is correct?(" + txtName.Text + ")')== true) return true;");
    }
 
    protected void btnOK_Click(object sender, EventArgs e)
    {
        //Message.Text = "You entered your name as: " + txtName.Text;
        Response.Write("<script>alert(\'OK\');</" + "script>");
    }
 
 
    protected void submit_click(object sender, EventArgs e)
    {
        System.Data.OracleClient.OracleConnection conn = Tool.connect("");
 
        for (i = 0; i < lbxTransportation.Items.Count; i++)
        {
            if (Tool.executeQuery("Select transportationdesignation from transportation where transportationdesignation = '" +
                                    lbxTransportation.Items[i].Text + "'", conn).Read() != false)
            {
                if (lbxTransportation.Items[i].Selected == false)
                {
                    Tool.executeNoQuery("DELETE FROM TRANSPORT WHERE TRANSPORTATIONIDTRANSPORTATION = '" +
                                    lbxTransportation.Items[i].Value + "' AND EMPLOYEE_TRIGRAM = 'DABO'", conn);
                }
            }
            else if (lbxTransportation.Items[i].Selected)
            {
                Tool.executeNoQuery("INSERT INTO TRANSPORT(TRANSPORTATIONIDTRANSPORTATION, EMPLOYEE_TRIGRAM) VALUES ('" +
                                lbxTransportation.Items[i].Value + "','DABO')", conn);
            }
 
        }
        Tool.deconnect(conn);
    }
 
}

26/06/2008, 10h15
Bovino

Peut-être que ton script (qui n'est pas dans une fonction contrairement à celui qui marche) appelle ton élément avant que celui-ci ne soit créé dans le dom...

Peut etre. J'ai déjà lu ça sur un forum. La solution était de créer un literalControl.
J'ai testé mais cela ne marche pas non plus

Code:

1
2
3
4
5
6
7
8
9
10
 
protected void Page_Load(object sender, EventArgs e)
{
        LiteralControl li=new LiteralControl();
 
        li.Text=("<script language=javascript>var errorText = " +
            "document.getElementById('" + Button1.UniqueID + "');alert(errorText);</script>");
 
        Page.Controls.Add(li);
}

26/06/2008, 10h27
Bovino
Non, c'est pas ce que je veux dire.
Ta page C# va générer une page html qui contient du javascript, quand cette page html est chargée dans ton navigateur, le javascript sera exécuté à l'endroit où tu l'as mis, donc si tu as par exemple :
Code:

1 2 <script type="text/javascript">document.getElementById('uneDiv')</script> <div id="uneDiv"></div>
ton javascript te renverras une erreur car au moment où il est exécuté, la div 'uneDiv' n'existe pas encore dans le document.
26/06/2008, 10h29
Titi41

Oui, j'avais bien compris ca. Et logiquement, avec le code que j'ai posté, cela devrait mettre le litteralControl en bas de page et donc executer le code javascript en dernier.. Mais chez moi, cela ne marche pas.
Tu aurais une idée de comment faire sinon ?
26/06/2008, 10h33
Bovino

Ton alert t'affiche quelque chose ?
26/06/2008, 10h37
Titi41

Oui, il m'affiche [object]
26/06/2008, 10h44
Bovino

Et :

Code:

alert(errorText.value)

ça donne quoi ?
26/06/2008, 10h52
Titi41

Button..
Donc ca a l'air de marcher !
Mais comment me servir de getelementbyID dans une fonction maintenant ?
26/06/2008, 10h56
Bovino

Je suis pas trop sûr de bien comprendre ta question, mais dans la fonction, getElementById récupère l'élément en question dont tu peux faire ce que tu veux...

C'est bon, parfait.

Merci beaucoup Bovino.

Code:

1
2
3
4
5
6
7
 
LiteralControl li = new LiteralControl();
 
        li.Text = ("<script language=javascript>var btn = " +
            "document.getElementById('" + Button1.UniqueID + "');btn.click();</script>");
 
        Page.Controls.Add(li);

Je fais ca dans ma fonction et ca marche très bien