"theForm has no properties"

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

Donc default.aspx :

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
 
<%@ 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:

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:

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