"theForm has no properties"

**clairette59** · 01/07/2008, 21h33

Bonjour,

Je lance une application qui utilise un script :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 <!--
 var theForm = document.forms['Form1'];
 if (!theForm) {
 theForm = document.Form1;
 }
 function __doPostBack(eventTarget, eventArgument) {
 if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
 theForm.__EVENTTARGET.value = eventTarget;
 theForm.__EVENTARGUMENT.value = eventArgument;
 theForm.submit();
 }
 }
 // -->

Firebug m'annonce alors l'erreur suivante : "theForm has no properties" et me renvoie sur une ligne de code var count = theForm.elements.length; qui se trouve dans le fichier javascript WebResource.axd qui est genere automatiquement au lancement de la page.

J'ai deja vu plusieurs sujets sur differents sites ou les gens disaient que l'erreur venait de l'emplacement du <form>. J'ai bien verifie et mon form est bien place entre les balises body.

Quelqu'un aurait une idee ?

Merci par avance.

EDIT : correction, c'est pas dans le prototype.js mais dans WebReousrce.axd

**Pongten** · 01/07/2008, 23h25

Est-ce que tu pourrais nous donner le contenu de ta page .aspx ?

**clairette59** · 01/07/2008, 23h35

Alors en fait, je passe par 2 pages. Une premiere pour appeler la suivante.

Donc default.aspx :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Claire Prototype</title>
    <script type="text/javascript" language="javascript" src="prototype.js"></script>
    <script type="text/javascript" language="javascript" src="default.js"></script>
    <link rel="stylesheet" type="text/css" href="/GraphPrototype/ChartAxd.axd?rs=/wEFG1NvdXJjZUNvZGUuQWpheC5Ub29sYmFyLmNzcw==&ver=6.1.0.1725"></link>
    <script type="text/javascript">
      <!--
            var theForm = document.forms['Form1'];
            if (!theForm) {
                theForm = document.Form1;
            }
            function __doPostBack(eventTarget, eventArgument) {
                if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
                    theForm.__EVENTTARGET.value = eventTarget;
                    theForm.__EVENTARGUMENT.value = eventArgument;
                    theForm.submit();
                }
            }
            // -->  
    </script>
    <script type="text/javascript">
        window.chart1Area0_7421349b_ScrollerXObj = new DundasScrollbar( 'chart1Area0_7421349b_ScrollerX', 'chart1', 1293, 'chart1Area0_7421349b', '{dsi}-zoomrst::0_7421349b~~X', 128);
    </script>
    <script type="text/javascript">
        chart1Area0_7421349bObj.updateImage(0,0,'/GraphPrototype/ChartAxd.axd?i=dcp_ae4bbf4f17.png&_guid_=29cc6773-1bc2-43cf-9326-6bbf4a0f4bf2&grid=chart1Area0_7421349b','');chart1Area0_7421349bObj.updateImage(0,1,'/GraphPrototype/ChartAxd.axd?i=dcp_ae4bbf4f0.png&_guid_=6e65527b-9d0f-4a63-9d86-fa4d0d8c110a&grid=chart1Area0_7421349b','');chart1Area0_7421349bObj.updateImage(0,2,'/GraphPrototype/ChartAxd.axd?i=dcp_ae4bbf4f1.png&_guid_=f7897dab-6983-4e3c-a9c9-9598aac2ae2a&grid=chart1Area0_7421349b','');chart1Area0_7421349bObj.scrollTo(128,-2147483648,1293,0);
    </script>
    <script src="/GraphPrototype/ChartAxd.axd?rs=/wEFH1NvdXJjZUNvZGUuQWpheC5EdW5kYXNJbWFnZXMuanM=&ver=6.1.0.1725" type="text/javascript"></script>
    <script src="/GraphPrototype/ChartAxd.axd?rs=/wEFHlNvdXJjZUNvZGUuQWpheC5EdW5kYXNDaGFydC5qcw==&ver=6.1.0.1725" type="text/javascript"></script>
    <script src="/GraphPrototype/ChartAxd.axd?rs=/wEFHFNvdXJjZUNvZGUuQWpheC5DYWxsYmFja3MuanM=&ver=6.1.0.1725" type="text/javascript"></script>
    <script src="/GraphPrototype/ChartAxd.axd?rs=/wEFGlNvdXJjZUNvZGUuQWpheC5Ub29sYmFyLmpz&ver=6.1.0.1725" type="text/javascript"></script>
    <script type="text/javascript" src="/GraphPrototype/WebResource.axd?d=3RtoELuq1xvEOJBluqY41g2&t=633488619421583492"></script>
    <script src="/GraphPrototype/ChartAxd.axd?rs=/wEFIFNvdXJjZUNvZGUuQWpheC5NU0J1Z0NvbXBsZXRlLmpz&ver=6.1.0.1725" type="text/javascript"></script>
</head>
<body>
 
    <div id="image">
            <form id="Form1" method="post" runat="server"></form>
    </div><br />
 
        <input type="button" value="Graph1" onclick="populateGraph1()" />
        <input type="button" value="Graph2" onclick="populateGraph2()" />
 
 
</body>
</html>

et GenerateGraph.aspx qui cree lui meme le graph :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="GenerateGraph.aspx.cs" Inherits="GenerateGraph" %>
<%@ Register TagPrefix="dcwc" Namespace="Dundas.Charting.WebControl" Assembly="DundasWebChart" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <div id="MyDiv">
        <!-- GRAPH STARTS HERE -->
<form id="Form1" method="post" runat="server">
			<p class="dscr">This sample demonstrates scrolling and zooming.</p>
			<table class="sampleTable">
				<tr>
					<td width="412" class="tdchart">
						<DCWC:CHART id="chart1" runat="server" Palette="Dundas" BackColor="#F3DFC1" ImageUrl="~/TempImages/ChartPic_#SEQ(300,3)" Width="412px" Height="296px" BorderLineStyle="Solid" BackGradientType="TopBottom" BorderLineWidth="2" BorderLineColor="181, 64, 1">
							<Legends>
								<dcwc:Legend Enabled="False" AutoFitText="False" Name="Default" BackColor="Transparent" Font="Trebuchet MS, 8.25pt, style=Bold"></dcwc:Legend>
							</Legends>
							<BorderSkin SkinStyle="Emboss"></BorderSkin>
							<Series>
								<dcwc:Series BorderWidth="3" XValueType="Double" Name="Series1" ChartType="Line" ShadowColor="254, 21, 21, 21" BorderColor="180, 26, 59, 105" Color="254, 65, 140, 240" ShadowOffset="1" YValueType="Double"></dcwc:Series>
								<dcwc:Series BorderWidth="3" XValueType="Double" Name="Series2" ChartType="Line" ShadowColor="254, 21, 21, 21" BorderColor="180, 26, 59, 105" Color="254, 224, 64, 10" ShadowOffset="1" YValueType="Double"></dcwc:Series>
							</Series>
							<ChartAreas>
								<dcwc:ChartArea Name="Default" BorderColor="64, 64, 64, 64" BorderStyle="Solid" BackGradientEndColor="White" BackColor="OldLace" ShadowColor="Transparent" >
									<Area3DStyle YAngle="25" Perspective="9" Light="Realistic" XAngle="40" RightAngleAxes="False" WallWidth="3" Clustered="True"></Area3DStyle>
									<AxisY LineColor="64, 64, 64, 64">
										<LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" Interval="Auto" IntervalOffset="Auto" IntervalOffsetType="Auto" IntervalType="Auto"></LabelStyle>
										<MajorGrid LineColor="64, 64, 64, 64" Interval="Auto" IntervalOffset="Auto" IntervalOffsetType="Auto" IntervalType="Auto"></MajorGrid>
                                        <MajorTickMark Interval="Auto" IntervalOffset="Auto" IntervalOffsetType="Auto" IntervalType="Auto" />
									</AxisY>
									<AxisX LineColor="64, 64, 64, 64">
										<LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" Interval="Auto" IntervalOffset="Auto" IntervalOffsetType="Auto" IntervalType="Auto"></LabelStyle>
										<MajorGrid LineColor="64, 64, 64, 64" Interval="Auto" IntervalOffset="Auto" IntervalOffsetType="Auto" IntervalType="Auto"></MajorGrid>
                                        <MajorTickMark Interval="Auto" IntervalOffset="Auto" IntervalOffsetType="Auto" IntervalType="Auto" />
									</AxisX>
								</dcwc:ChartArea>
							</ChartAreas>
						</DCWC:CHART>
					</td>
					<td valign="top">
						<table class="controls" cellpadding="4">
							<tr>
								<td class="label">
                                    Enable Zooming:</td>
								<td>
								<asp:DropDownList id="AxisList" runat="server" Width="109px" AutoPostBack="True" tabIndex="5" CssClass="spaceright" OnSelectedIndexChanged="AxisList_SelectedIndexChanged" >
										<asp:ListItem Value="X Axis" Selected="True">X Axis</asp:ListItem>
										<asp:ListItem Value="Y Axis">Y Axis</asp:ListItem>
										<asp:ListItem Value="Both Axis">Both Axis</asp:ListItem>
									</asp:DropDownList>
								</td>
							</tr>
							<tr>
							</tr>
							<tr>
							    <td style="text-align: right">
                                    AJAXZoomEnabled:</td><td>
                                    <asp:CheckBox ID="CheckBoxAJAXZoomEnabled" runat="server"
                                        AutoPostBack="True" Checked="True" OnCheckedChanged="CheckBoxAJAXZoomEnabled_CheckedChanged" /></td>
							</tr>
							<tr>
								<td class="label" style="height: 29px"></td>
								<td style="height: 29px">
                                    <asp:Button ID="ButtonReset" runat="server" Text="Reset Zoom" OnClick="ButtonReset_Click" /></td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
			<p class="dscr">
                Click and drag the mouse to zoom in on the chart.</p>
		</form>        
        <!-- GRAPH ENDS HERE -->
    </div>
</body>
</html>

GenerateGraph.aspx est appelee par la fonction populateGrap1/2() de la page Default. Je passe par une page Default.js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
// JScript File
 
 
function populateGraph1() {
    var ajax = new Ajax.Request(
        "WebService.asmx/createGraph1",
        {
            method: 'post',
            onSuccess: receiveGraph,
            onFailure: shitHappens
        }
    );
}
 
function populateGraph2() {
    var ajax = new Ajax.Updater(
        'image',
        "GenerateGraph.aspx",
        {
            parameters : 'mode=0' ,
            evalScripts : true ,
            method : 'post'
        }
    );
}
 
//function convertXMLToString(xmlObject) {
//    if (typeof XMLSerializer != 'undefined') {
//        return new XMLSerializer().serializeToString(xmlObject);
//    } else if (typeof xmlObject.xml != 'undefined') {
//        return xmlObject.xml;
//    } else {
//        return '';
//    }
//}
 
 
function receiveGraph(response) {
 
    //allowedScripts(response.responseText);
    alert(response.responseText);
    var text = response.responseText;
    var begin = text.indexOf("<!-- GRAPH STARTS HERE -->");
    var end = text.indexOf("<!-- GRAPH ENDS HERE -->");
 
    var result = text.substring(begin + 27, end);
 
    $("image").innerHTML = result;
}
 
function shitHappens(response) {
    alert("CRAP!");
    alert(response.responseText);
}
 
function allowedScripts(response) {
 
//link
 
//   if (! self.ChartToolbar) { // Already exists
//				var head = document.getElementsByTagName("head")[0];
//				link = document.createElement('link');
//				link.setAttribute('rel',"stylesheet");
//				link.setAttribute('type',"text/css");
//				link.setAttribute('href',"//GraphPrototype/ChartAxd.axd?rs=/wEFG1NvdXJjZUNvZGUuQWpheC5Ub29sYmFyLmNzcw==&ver=6.1.0.1725");
//				head.appendChild(link);
//				}
 
//numero 1
 
if (! self.__DundasScrBrImgBagObj) { // Already exists
			var head = document.getElementsByTagName("head")[0];
			script1 = document.createElement('script');
			script1.id = 'uploadScript1';
			script1.type = 'text/javascript';
			script1.src = "/GraphPrototype/ChartAxd.axd?rs=/wEFH1NvdXJjZUNvZGUuQWpheC5EdW5kYXNJbWFnZXMuanM=&ver=6.1.0.1725";
			head.appendChild(script1);
			}
 
//numero 2
 
   if (! self.___array___) { // Already exists
				var head = document.getElementsByTagName("head")[0];
				script2 = document.createElement('script');
				script2.id = 'uploadScript2';
				script2.type = 'text/javascript';
				script2.src = "/GraphPrototype/ChartAxd.axd?rs=/wEFHlNvdXJjZUNvZGUuQWpheC5EdW5kYXNDaGFydC5qcw==&ver=6.1.0.1725";
				head.appendChild(script2);
				}
 
//numero 3
 
   if (! self.ChartCBClass) { // Already exists
				var head = document.getElementsByTagName("head")[0];
				script3 = document.createElement('script');
				script3.id = 'uploadScript3';
				script3.type = 'text/javascript';
				script3.src = "/GraphPrototype/ChartAxd.axd?rs=/wEFHFNvdXJjZUNvZGUuQWpheC5DYWxsYmFja3MuanM=&ver=6.1.0.1725";
				head.appendChild(script3);
				}
 
//numero 4
 
   if (! self.ChartToolbar) { // Already exists
				var head = document.getElementsByTagName("head")[0];
				script4 = document.createElement('script');
				script4.id = 'uploadScript4';
				script4.type = 'text/javascript';
				script4.src = "/GraphPrototype/ChartAxd.axd?rs=/wEFGlNvdXJjZUNvZGUuQWpheC5Ub29sYmFyLmpz&ver=6.1.0.1725";
				head.appendChild(script4);
				}
}

Au debut, j'avais des problemes de chargement de scripts de GenerateGraph sur la page Default, donc, j'ai du hardcoder pour que ca passe

"theForm has no properties"

ASP.NET

Vue hybride

Discussions similaires

Partager

Partager