Discussion :

[LE NEINDRE]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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 ...)

[guitoux1]

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

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)

[aphykite]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

onmouseover="test('NAMELabel');"

puis

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
 
test(champ)
{
...
}

- soit tu utilises event

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

onmouseover="test();"

et la fonction

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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.

[LE NEINDRE]

Guitoux,

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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 ...

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 ?

[guitoux1]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

[LE NEINDRE]

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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>

[guitoux1]

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

[LE NEINDRE]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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 ...

[guitoux1]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

[LE NEINDRE]

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

[LE NEINDRE]

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

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

DataList1_DataList1_ctl02_NAMELabel

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

DataList1_ctl02_NAMELabel

mmmm bizarre ...

[LE NEINDRE]

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

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

[guitoux1]

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