[C#] code-behind : javascript

Bonjour � tous,

J'ai du mal, dans des pages aspx � mettre du code-behind javascript.
Je voudrais, par exemple, au survol de la souris au dessus d'une image contenu dans un datalist, changer mon style.
J'ai donc fait cela:

Code:

---

1 2 3 4 5 6 7 8

<ItemTemplate> &nbsp;<asp:Label ID="ID_PHOTOLabel" runat="server" Text='<%# Eval("ID_PHOTO") %>' Visible="false"></asp:Label><br /> <asp:Label ID="ID_ALBUMLabel" runat="server" Text='<%# Eval("ID_ALBUM") %>' Visible="false"></asp:Label><br /> <asp:Image ID="NAMELabel" runat="server" Text='<%# Eval("NAME") %>' Height='100px' Width ='<%# 100 %>' ImageUrl='<%# Eval("NAME") %>' ToolTip='<%# Eval("NAME") %>' onMouseOver="this.className='test';"></asp:Image><br /> &nbsp;<asp:Label ID="TAILLELabel" runat="server" Text='<%# Eval("TAILLE") %>' Visible="false"></asp:Label><br /> <br /> </ItemTemplate>

---

avec le stle test suivant:

Code:

---

1 2 3 4 5 6 7

test { background-color:Black; border:[solid][10px][#ff0000]; cursor:crosshair; }

---

Mais pas de changement !!

D'autre part, j'en profite car c'est le m�me sujet je pense !!
Comment r�cup�rer l'id de l'image s�lectionner, du c�t� client ...
un document.getElementByID() fonctionnerait bien mais je sais pas quoi mettre entre les parenth�ses !!!!!! (vu que que je ne sais pas comment est g�n�rer l'id de mes images dans la datalist ...)

De m�moire mais j'en suis pas sur, je crois qu'il faut �crire :

Code:

---

onmouseover="this.style.classename='test'"

---

Citation:

---

un document.getElementByID() fonctionnerait bien mais je sais pas quoi mettre entre les parenth�ses !!!!!!

---

Faut cr�er ton JavaScript x�t� server avec Page.RegisterClientScriptBlock et ainsi tu ausra acc�s au bon ID (monControle.UniqueID)

Je ne connais pas le javascript c�t� serveur, donc c�t� client, je ferais :
- soit tu passes l'id en param�tre, ce qui te donne :

Code:

---

onmouseover="test('NAMELabel');"

---

puis

Code:

---

1 2 3 4 5

test(champ) { ... }

---

- soit tu utilises event

Code:

---

onmouseover="test();"

---

et la fonction

Code:

---

1 2 3 4 5 6

test() { var idSrc = event.srcElement.id; document.getElementById(idSrc ).checked=true; }

---

Par contre, ce code ne fonctionne que sous IE ... il existe un �quivalent pour les autres navigateurs, mais je ne le connais pas.

Guitoux,

J'ai fait ceci:
du c�t� serveur:

Code:

---

1 2 3 4 5 6 7 8

public void ImageClicked() { string script=""; script+=DataList1.UniqueID.ToString(); Page.RegisterClientScriptBlock("ID", script);   }

---

Et du c�t� client:

Code:

---

1 2 3

<asp:Image ID="NAMELabel" runat="server" Text='<%# Eval("NAME") %>' Height='100px' Width ='<%# 100 %>' ImageUrl='<%# Eval("NAME") %>' ToolTip='<%# Eval("NAME") %>' onMouseOver="alert(<%#ImageClicked() %>)"></asp:Image><br />

---

Mais �videmment :? , �a ne marche pas ... :? :mouarf:

Est-ce que l'appel du c�t� client est bien fait ? Je crois que cela cloche.
Sinon, du c�t� serveur, c'est �a ?

okok, quand je disait "JavaScript c�t� server" je voulais dire �crire le code de ton javascript c�t� server, dans une string quoi. Ce qui donnerais pour par exemple une checkbox :

Code:

---

1 2	string js = "<script type=\"text/javascript\">alert('cochée ?' + document.getElementById('" + maCheckBox.UniqueID + "').checked);</script>" Page.RegisterClientScriptBock(js, this);

---

C'est de t�te, ya peut-�ter des petites erreurs :)

ok,
je dois plus �tre tr�s loin du r�sultat:

Code:

---

1 2 3 4 5 6 7 8

public void ImageClicked() { string script=""; script+="<script language='javascript'>alert('"+DataList1.UniqueID.ToString()+"')</script>"; Page.RegisterClientScriptBlock("ID", script.ToString());   }

---

�a je pense que c'est bon.

Mais l'appelle de la fonction c�t� client est fause ...

Code:

---

1 2 3

<asp:Image ID="NAMELabel" runat="server" Text='<%# Eval("NAME") %>' Height='100px' Width ='<%# 100 %>' ImageUrl='<%# Eval("NAME") %>' ToolTip='<%# Eval("NAME") %>' onMouseOver="<%# ImageClicked() %>"></asp:Image>

---

si c'est une fonction, faut la cr�er en javascript :

Code:

---

1 2 3 4 5 6

public void ImageClicked() { string script=""; script+="<script language='javascript'>function tada() {alert('"+DataList1.UniqueID.ToString()+"');}</script>"; Page.RegisterClientScriptBlock("ID", script.ToString()); }

---

puis dans le code client :

Code:

---

<asp:Image ID="NAMELabel" runat="server" Text='<%# Eval("NAME") %>' Height='100px' Width ='<%# 100 %>' ImageUrl='<%# Eval("NAME") %>' ToolTip='<%# Eval("NAME") %>' onMouseOver="<%# tada() %>"></asp:Image>

---

:oops: d�sol�, je dois para�tre long � la d�tente ...

c�t� serveur:

Code:

---

1 2 3 4 5 6 7 8 9 10 11

public void ImageClicked() {   string script = ""; script += "<script language='javascript'>function tada() {alert('" + DataList1.UniqueID.ToString() + "');}</script>"; Page.RegisterClientScriptBlock("ID", script.ToString());     }

---

je me suis permis d'appeler ImageClicked dans la fonciton OnLoad c�t� serveur...

c�t� client:

Code:

---

1 2 3 4

<asp:Image ID="NAMELabel" runat="server" Text='<%# Eval("NAME") %>' Height='100px' Width ='<%# 100 %>' ImageUrl='<%# Eval("NAME") %>' ToolTip='<%# Eval("NAME") %>' onMouseOver="<%# tada() %>"></asp:Image><br />

---

Et l'erreur:

Code:

---

1 2 3

Erreur 1 Le nom 'tada' n'existe pas dans le contexte actuel C:\Inetpub\wwwroot\MySite\album.aspx 36

---

a oui pardon, me suis plant�, c'est :

Code:

---

<asp:Image ID="NAMELabel" runat="server" Text='<%# Eval("NAME") %>' Height='100px' Width ='<%# 100 %>' ImageUrl='<%# Eval("NAME") %>' ToolTip='<%# Eval("NAME") %>' onMouseOver="tada()"></asp:Image><br />

---

ce qui est logique vu ke tada est une fonction cliente

Ah ba oui, suis-je b�te ...
Voil� �a marche maintenant, du moins l'appel de la fonction.

Il me reste un dernier souci...
Quand je clique sur l'image, j'appelle la fonction tada(), mais elle n'a pas l'air de me retrouner l'ID de l'item sur lequel j'ai cliqu�.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

public void ImageClicked() {   string script = ""; script += "<script language='javascript'>function tada() {alert('" + DataList1.SelectedItem.UniqueID.ToString() + "');}</script>"; Page.RegisterClientScriptBlock("ID", script.ToString());     }

---

Datalist1.SelectedItem.UniqueID.ToStrin() me g�n�re une erreur ...

a bah oui c sur, ca pourra pas marcher :(:(:

La cr�ation sdu Javascript ce fait avant celle du gridview, donc il n'as pas encore de ligne s�lectionn�e. De plus, avec cette m�thode tu ne r�cup�re l'id que d'une ligne !!

essaie alors �a :

Code:

---

1 2 3 4 5 6 7 8 9 10

public void ImageClicked() {   string script = ""; script += "<script language='javascript'>function tada(monID) {alert('" + DataList1.UniqueID.ToString() + "_' + monID);}</script>"; Page.RegisterClientScriptBlock("ID", script.ToString());     }

---

je suis pas certain de _ mais je crois que c'est �a


et dans la page aspx :

Code:

---

1 2	<asp:Image ID="NAMELabel" runat="server" Text='<%# Eval("NAME") %>' Height='100px' Width ='<%# 100 %>' ImageUrl='<%# Eval("NAME") %>' ToolTip='<%# Eval("NAME") %>' onMouseOver="tada(this.id)"></asp:Image><br />

---

Je suis pas certain du this.id, mais bon je crois que c'est �a

Super !!
�a marche !! du premier coups !!!
Meric beaucoup Guitoux !

je vais maintenant m'atteler � r�cup�rer le chemin de l'image cliqu�e .....

!!!

Merci encore ;)

oups j'ai peut-�tre cri� victoire un peu trop vite :oops:

Le r�sultat afficher par la boite de dialogue alert() me donne:

Citation:

---

DataList1_DataList1_ctl02_NAMELabel

---

or le v�ritable ID de la case cliqu�e est:

Citation:

---

DataList1_ctl02_NAMELabel

---

mmmm bizarre ...

Ah ba oui mais c'est mon en fait !!!

Code:

---

1 2 3 4

script += "<script language='javascript'>function tada(monID) {alert(monID);}</script>";

---

Et en fait, je dois pouvoir le faire directement ....

effectivement, c'est bizare �a. v�rifie bien ton code... :)

et oui j'suis con moi !! effectivemen,t en faisant onmouseover="tada(this.id)" t'as directement le BON id !! putain c fou ce con peu passer � cot� de truc �vidents quand on regarde pas au bon endroit !!

dsl pour tout ce foutoir, la solution �t� si simple !!!

Bah au moins, gr�ce � toi, j'ai vu qu'on pouvait g�n�rer du script client c�t� serveur avec Page.RegisterClientScriptBlock qui me servira tr�s probablement plus tard ! :D

Donc merci et je t'en prie ne t'excuse pas, franchement tu m'aides trop !!! ;)