[Webforms][JS] Comment accéder à un UserControl

Version imprimable

12/07/2005, 12h01
maxo

[Webforms][JS] Comment accéder à un UserControl

Bonjour,

je dois accéder à un UserControl en JavaScript, le problème c'est que le bout de code suivant qui devrait fonctionner ne fonctionne pas (il ne trouve pas le UserControl)

Code:

document.getElementById('MonUserControl_ImageButton1')

Comment faire ? :o
12/07/2005, 12h14
Sphax

Tu es sur que l'identifiant de ton controle est MonUserControl_ImageButton1 ? Il suffit de regarder le HTML généré pour ça. Sinon je ne comprends pas qd tu dis : il ne trouve pas le UserControl, puisque coté client il n'y a pas de UserControl. Il n'existe que coté serveur.

PS : coté serveur tu peux peut etre recuperer l'id de ton controle coté client avec un truc du genre : ImageButton1.ClientId , essaye.
12/07/2005, 12h20
maxo

Oui j'ai mis MonUserControl_ImageButton1 car c'est ce que je trouve dans la page source générée, pour l'identifiant, mais ça ne fonctionne pas :(
12/07/2005, 12h27
Sphax

Ben a part qu'il manque le ";" finale a ta ligne de code :), ça devrait marcher... Quelle est l'erreur exactement ? Sinon tu sais que tu peux debugger du code javascript coté client avec Visual Studio ? ça t'aidera peut etre.
12/07/2005, 12h29
pmithrandir

meme facon, le javascript se decode aussi trés bien avec la console de firefox...
12/07/2005, 13h56
maxo

Comment debuggue-t-on du javascript avec Visual Studio ? :o
Ca m'interesse :)
12/07/2005, 14h02
maxo

Il y a un petit panneau jaune d'avertissement en bas à gauche de la fenetre, quand je clique dessus, ya une fenetre qui s'ouvre avec écrit : erreur "Objet requis", à la ligne

Code:

document.getElementById('MonUserControl_ImageButton1')
12/07/2005, 14h38
pmithrandir

tu peux montrer tout ton code ?

parce que c'est peut etre un truc tout con... a 2 caractere de la...
12/07/2005, 14h47
Sphax

Pour débugger du script coté client il faut cocher une option de ton internet explorer (un truc du genre "enable client side script debugging") ensuite tu mets un break point dans ton script coté aspx, tu lances en debug et le tour est joué.

Citation:

Envoyé par pmithrandir

tu peux montrer tout ton code ?

parce que c'est peut etre un truc tout con... a 2 caractere de la...

Code:

1
2
3
4
5
6
7
8
 
function clicCode()
			{
				document.getElementById('optNomPersonne').checked = false;
				document.getElementById('ddlCodesPersonnes').style.visibility = "visible";
				document.getElementById('UCNomRecipient_ImageButton1').style.visibility = "hidden";
				document.getElementById('UCNomRecipient_TBOX').style.visibility = "hidden";
			}

12/07/2005, 15h01
maxo

J'ai lancé le débuggeur,
j'ai cette erreur-là : Erreur d'exécution Microsoft JScript: Objet requis

essai

Code:

1
2
 
document.Nomdetonformulaire.getElementById('optNomPersonne').checked = false;

on sait jamais ;)

12/07/2005, 15h55
pmithrandir

document.getElementById('MonUserControl_ImageButton1')

je le trouve aps dans le code que tu vien de donner...
13/07/2005, 08h48
maxo

Rhaaa MonUserControl c'était pour donner un exemple.....
13/07/2005, 09h28
pmithrandir

tu peux nous donner le code html qui va avec?

(escuse, j'avais cru dans le 3eme post que ct bien le nom... ca me paraissait bizarre aussi...)

Code:

1
2
3
4
5
6
7
8
 
<TD width="300" rowSpan="2">
 
   <uc1:cldapsearcher id="UCNomRecipient" runat="server"></uc1:cldapsearcher>
 
   <asp:DropDownList id="ddlCodesPersonnes" runat="server" Width="350px"></asp:DropDownList>
 
</TD>

et dans mon UserControl:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
<TD vAlign="top" width="100%">
 
   <ASP:TEXTBOX id="TBOX" runat="server" Width="100%" BorderWidth="1px"></ASP:TEXTBOX>
 
   <ASP:DROPDOWNLIST id="DDL" runat="server" Width="100%" Visible="False" AutoPostBack="True"></ASP:DROPDOWNLIST>
</TD>
 
<TD vAlign="top" width="1%">
 
   <ASP:IMAGEBUTTON id="ImageButton1" runat="server" ImageAlign="AbsBottom" CausesValidation="False"
	ImageUrl="../Images/ResoudNom.gif"></ASP:IMAGEBUTTON></TD>

13/07/2005, 09h38
pmithrandir

moi je dirais que tu dois faire un :

Code:

document.getElementById('ImageButton1');

Regarde le code généré dans le navigateur, et pas celui que tu fait... ca aidera je pense
13/07/2005, 09h46
maxo

Ca ne fonctionne pas non plus, et dans le code généré c'est exactement "UCNomRecipient_ImageButton1" :(
13/07/2005, 09h48
pmithrandir

tu peux m envoyer par mp ton code généré?(ou le mettre ici...)

je recopierais dans un fichier local pour regarder...

Pierre
13/07/2005, 10h06
Dark Matter

"document.getElementById('ImageButton1');" ne peut pas passer car ImageButton est coté serveur... je crois qu'il faut passer par le UniqueId de l'objet, un truc du genre... :?
13/07/2005, 10h09
pmithrandir

bah j'ai des control qui gere comme ca...

mais de toute facon, quand on bosse sur javascript, on s'en contrefout du serveur, il faut juste le code généré...
13/07/2005, 10h18
Dark Matter

Citation:

Envoyé par pmithrandir

bah j'ai des control qui gere comme ca...

Vas y, montre nous pour voir :D

Voilà le code généré (j'ai gardé que les parties de la page qui concernent le problème).
Aidez-moi ! :o

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
 
<html>
<HEAD>
	<title>test</title>
	<LINK href="../Style.css" type="text/css" rel="stylesheet">
	<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
	<meta content="C#" name="CODE_LANGUAGE">
	<meta content="JavaScript" name="vs_defaultClientScript">
	<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
	<script language="JavaScript">
		function clicCode()
		{
			document.getElementById('optNomPersonne').checked = false;
			document.getElementById('ddlCodesPersonnes').style.visibility = "visible";
			document.getElementById('UCNomRecipient_ImageButton1').style.visibility = "hidden";
			document.getElementById('UCNomRecipient_TBOX').style.visibility = "hidden";
		}
		function clicNom()
		{
			document.getElementById('optCodePersonne').checked = false;
			document.getElementById('ddlCodesPersonnes').style.visibility = "hidden";
			document.getElementById('UCNomRecipient_ImageButton1').style.visibility = "visible";
			document.getElementById('UCNomRecipient_TBOX').style.visibility = "visible";
		}
	</script>
</HEAD>
 
<body>
<table>
 
<tr height="10">
		<TD width="10" rowspan="2"></TD>
		<TD rowspan="2"><span id="lblNomRecipient">Nom du récipient : </span></TD>
		<TD>
										<input id="optCodePersonne" type="radio" name="optCodePersonne" value="optCodePersonne" onclick="return clicCode();" tabindex="3" /><label for="optCodePersonne">Code</label></TD>
		<TD width="300" rowspan="2">
<TABLE id="Table1" style="BORDER-COLLAPSE: collapse" cellSpacing="0" cellPadding="0" width="100%"
	border="0">
	<TR>
		<TD vAlign="top" width="100%"><input name="UCNomRecipient:TBOX" type="text" id="UCNomRecipient_TBOX" OnKeyPress="checkKeyUCNomRecipient();" style="border-width:1px;border-style:solid;width:100%;" /></TD>
		<TD vAlign="top" width="1%"><input type="image" name="UCNomRecipient:ImageButton1" id="UCNomRecipient_ImageButton1" src="../Images/ResoudNom.gif" alt="" align="AbsBottom" border="0" /></TD>
	</TR>
</TABLE>
</TD>
		<TD width="30" rowspan="2"></TD>
		<TD rowspan="2"></TD>
		<TD rowspan="2"></TD>
		<TD width="10" rowspan="2"></TD>
	</tr>
	<tr height="10">
		<td>
										<input id="optNomPersonne" type="radio" name="optNomPersonne" value="optNomPersonne" checked="checked" onclick="return clicNom();" tabindex="4" /><label for="optNomPersonne">Nom</label>
									</td>
	</tr>
 
</table>
</body>
</html>

13/07/2005, 10h39
pmithrandir

j ai juste enlevé cette ligne :

Code:

document.getElementById('ddlCodesPersonnes').style.visibility = "visible";

et ca marche...
13/07/2005, 11h00
maxo

Euh ... non ça ne marche pas !
13/07/2005, 11h13
pmithrandir

dans ce que tu nous as donné, ca marche pourtant...(enfin, ca efface le text box ou pas)
13/07/2005, 11h16
maxo

Ca efface le textbox la première fois, mais il revient pas quand tu cliques sur l'autre checkbox, alors qu'il devrait revenir :?
13/07/2005, 11h42
pmithrandir

oups, j'ai enlevé la ligne hidden et la visible ;-)

une dans chaque fonction quoi ;-)

pierre
13/07/2005, 12h20
maxo

Ok j'ai besoin de ces 2 lignes, mais ça m'a permis de comprendre où était le problème.
Merci pour votre aide :)
13/07/2005, 12h22
pmithrandir

pas de pb ;-)