Botones en datalist

[andreson]

Estoy programando una pagina en vwd 2008 en vb, ¿Alguien sabe como puedo hacer que un boton incluido dentro de un itemtemplate de un datalist cambie de color de fondo cada vez que el raton pasa por encima?. Un saludo.

[jsrc1990]

Código ASP:

Protected Sub TuDatalist_ItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DataListItemEventArgs) Handles TuDatalist.ItemDataBound
If e.Item.ItemType = ListItemType.Item Or e.Item.ItemType = ListItemType.AlternatingItem Then
Dim TuBoton2 As Button = DirectCast(e.Item.FindControl("TuBoton"), Button)
TuBoton2.Attributes.Add("onmouseover", "this.style.backgroundColor='yellow'")
TuBoton2.Attributes.Add("onmouseout", "this.style.backgroundColor=''")
End If
End Sub
 

Espero haberte ayudado, Cuentanos.

Jsrc1990

[andreson]

Gracias, funciona perfectamente, pero ahora me ha surgido un problema: he puesto el código que me has dado en un boton normal ("button") y funciona bien, pero dentro del mismo datalist tengo unos botones de un reproductor de ASPNetMediaGUI. En concreto son un boton de play, otro de pause y otro de stop. He puesto el codigo que me has facilitado para estos botones y no funciona. El error que me dá es el siguiente:" No se puede convertir un objeto de tipo 'ASPNetMediaGUI.StopButton' al tipo 'System.Web.UI.WebControls.Button'.". ¿Sabes como solucionarlo?. He intentado mil formas y no doy con la solución. Gracias.

[jsrc1990]

Pues a la hora de crear la variable y castear no coloques que lo vas a convertir a tipo Button sino a tipo ASPNetMediaGUI.StopButton en la linea:

Código ASP:

Dim TuBotonStop2 As ASPNetMediaGUI.StopButton = DirectCast(e.Item.FindControl("TuBotonStop"), ASPNetMediaGUI.StopButton)
.
.
 

Pienso servirá nunca he provado el Reproductor ASPNetMediaGUI, pero asi es como debe de funcionar, digo.

Espero haberte ayudado, Cuentanos...

Jsrc1990

[jsrc1990]

Ha por cierto perdon lo olvidé, otra forma de hacer lo que pretendes es que en el codigo de etiqueta agregues a los botones del datalist, un Ejemplo:

Código ASP:

<asp:Button ID="TuBoton" runat="server" Text="Cambiame de Color" onmouseover="this.style.backgroundColor='yellow';" onmouseout="this.style.backgroundColor='';" />
 

Es mucho mas rapido que por cada carga haga una comparacion del tipo de item. Aunque del otro modo es mas personalizable y para mi gusto no me gusta mezclar Javascript con el Codigo de Etiqueta.

Es tu decision, Cuentanos y disculpame por el olvido tengo tambien otras cosas en mente.

Jsrc1990

[andreson]

Gracias otra vez. Lo acabo de probar la primera de las soluciones y has dado en el clavo. No he probado lo de incluirlo en el código de la etiqueta. Lo que no consigo es poder cambiarle mas de un atributo, no se lo que hago mal, seguiré investigando a ver si lo consigo. Gracias otra vez por la solución.

[jsrc1990]

Para poder cambiar mas de un atributo, por ejemplo ademas del color de fondo quieres cambiarle el color de letra del boton. unicamente agregarle despues del ";" el otro atributo a asignar, no te doy la linea completa ya que depende de las 2 formas que te di a implementar (Por Etiqueta o por Code-Behind), te lo doy general:

en el onmouseover:

Código Javascript:

"this.style.backgroundColor='yellow'; this.style.color='blue';"
 

y en el onmouseout

Código Javascript:

"this.style.backgroundColor=''; this.style.color='';"
 

O si quieres puedes crearte una function en javascript y la invocas y le envias como parametro el objeto por ejemplo:

en el onmouseover:

Código Javascript:

Adentro(this);
 

y en el onmouseout

Código Javascript:

Afuera(this);
 

y las functions:

Código Javascript:

function Adentro(sender)
{
sender.style.backgroundColor='yellow';
sender.style.color='blue';
}
 
function Afuera(sender)
{
sender.style.backgroundColor='';
sender.style.color='';
}
 

y otro dato: si lo haces con databound en el code-behind puedes si quieres hacerlo DIRECTO sin crear una variable de soporte eje:

Código ASP:

DirectCast(e.Item.FindControl("TuBoton"), Button).Attributes.Add("onmouseover", "this.style.backgroundColor='yellow'")
 
DirectCast(e.Item.FindControl("TuBoton"), Button).Attributes.Add("onmouseout", "this.style.backgroundColor=''")
 

Pero como dije es tu decision, yo te proveo las diferentes soluciones, creo que ya lo exprimi todo.

Espero haberte ayudado nuevamente, cuentanos...

Jsrc1990