Instalar JQuery UI

Primero que nada descargamos JQuery UI
Actualmente la ultima version estable es la 8.1.16

Descomprimimos el zip

Creamos un nuevo proyecto web

Arrastramos la carpeta descomprimida a el "Solution Explorer" al proyecto, en mi caso "wap_JQueryUI"

Veremos como se cargan los archivos a nuestro proyecto

y listo vemos que se han añadido las librerias de java y se encuentran en la ruta
"...jquery-ui-1.8.16.custom/development-bundle/ui"

Simple como arrastrar  las etiquetas Head de nuestra pagina en mi caso de la MasterPage

Para averiguar como funciona tambien se copiaron los archivos de demostracion y estan  aca:
"...jquery-ui-1.8.16.custom/development-bundle/demos"

Podemos revisar el codigo...

Y ademas verlo en accion.

Se agradecen comentarios, sugerencias, y si la informacion les es de utilidad porfavor ayudenme a compartirla en facebook, twitter, etc.
=D eso es todo Gracias .

Web Services

En VS2010 y con el framework 4.0 creamos un proyecto web

Agregamos un nuevo item al proyecto

En la ventana agregamos un web services

Y listo por cada web method que creemos sera un servicio nuevo, para este ejemplo dejaremos el del VS2010.

Ahora podemos consumir el servicio desde un proyecto web o un proyecto de windows form esta vez lo haremos desde otro proyecto web.
primero nos vamos a copiar la url del servicio que acabamos de hacer

Creamos un proyecto web nuevo

Agregamos una referencia de servicio.

 Pegamos la URL y presionamos "GO"

Copiamos el "Namespace" y presionamos "OK"

Agregramos un webform y le ponemos un boton.

Hacemos doble click en el boton y escribimos lo siguiente:
//Creamos un objeto de tipo WebService1SoapClient// Soap es un estandar de web services

protected void Button1_Click(object sender, EventArgs e)
{
     ServiceReference1.WebService1SoapClient objHello;
     objHello = new ServiceReference1.WebService1SoapClient();
     Button1.Text = objHello.HelloWorld();
}

Como el servicio es desplegar la cadena "Hello World" pues la desplegamos en el texto del boton

Y corremos el proyecto

Y vemos que el texto del boton ha cambiado.

Listo Gracias!.

Instalar AJAX Control Toolkit 4.0 en VS2010

El ultimo lanzamiento de AJAX Control Toolkit 4.0
Jueves 27 de septiembre del 2011 a las 7:00 AM
Aca vemos como instalarlo...
Lo descargamos de la pagina oficial

El archivo descargado es un zip

Al extraerlo podemos examinar los archivos y vemos la libreria AjaxControlToolkit.dll que vamos a incluir en visual studio 2010.

Vamos y creamos un proyecto web nuevo en VS2010 abrimos toolbox y agregamos una pestaña

Y le ponemos un nombre descriptivo, en mi caso le puse el siguiente

Despues le damos en Choose Items

Nos aparecera la ventana de choose items y presionamos el boton browse

Buscamos la carpeta que descomprimimos y seleccionamos la libreria  AjaxControlToolkit.dll

Y presionamos OK

Y listo, ya quedo instalado

Nota: esttos controles necesitan del framework 4.0 para funcionar, sino les aparecen los controles porfavor checar si se esta trabajando con esta version.
Gracias.

AJAX Control Toolkit 4.0

Hola de nuevo bloggers, hoy estuve probando el AJAX Control Toolkit 4.0 y aca les explico como empezar a utilizar algunos de sus controles, mas precisamente a enmascarar cajas de texto de tipo fecha.
Primero en el toolbox seleccionamos el control "scriptmanager"

Codigo

<asp:MaskedEditExtender ID="MaskedEditExtender1" runat="server"

        TargetControlID="TextBox1"

        Mask="99/99/9999"

        MessageValidatorTip="true"

        OnFocusCssClass="MaskedEditFocus"

        OnInvalidCssClass="MaskedEditError"

        MaskType="Date"

        DisplayMoney="Left"

        AcceptNegative="Left"

        ErrorTooltipEnabled="True">

    </asp:MaskedEditExtender>

    <asp:CalendarExtender ID="CalendarExtender1" runat="server"

    TargetControlID="TextBox1"

    PopupButtonID="ImageButton1">

        </asp:CalendarExtender>

        <asp:TextBox ID="TextBox1" runat="server" ValidationGroup="MKE"></asp:TextBox>

        <asp:ImageButton ID="ImageButton1" runat="server"

            ImageUrl="~/images/Calendar_scheduleHS.png"

            CausesValidation="False" />

    <asp:MaskedEditValidator ID="MaskedEditValidator1" runat="server"

        ControlExtender="MaskedEditExtender1"

        ControlToValidate="TextBox1"

        EmptyValueMessage="Date is required"

        InvalidValueMessage="Date is invalid"

        Display="Dynamic"

        TooltipMessage="Input a date"

        EmptyValueBlurredText="*"

        InvalidValueBlurredMessage="*"

        ValidationGroup="MKE" >

    </asp:MaskedEditValidator>