Julio César Guzmán

Invoke or BeginInvoke cannot be called on a control until the window handle has been created

2011-03-15T13:11:00.000-07:00

When installing SQL Server 2008 Express appears this weird error, "Invoke or BeginInvoke cannot be called on a control until the window handle has been created", looking around on the web we can find a lot of solutions, some are simple, some are weird but no specific solution works for everyone, the solution was find here, when I read that I think it doesn't have any sense, but the error refers to something with some window... The solution it's simple and weird, when the "Wait" dialog appears, we should click on the window, just set the focus in the dialog every time that appears,

You should click and set the focus on that bastard window everytime it's show... after that you could install SQL SQL Server without any problem... funny and fuck*** error

Move background with jQuery

2011-02-25T06:33:00.000-08:00

With one simple sentence of jQuery we can animate the position of the background image , in the following example we have a div with a background image.

#left
        {
            width:250px;
            height:500px;
            background-image:url(Images/test.png);
            background-position:0px;
            background-repeat:no-repeat;
            float:left;
            overflow:hidden;
            z-index:-1;
        }
<div id="left"></div>

The jQuery instruction:

$("#left").animate({ backgroundPosition: "-500px" }, 700);

We just put in the animate the property backgroundPosition and the new position, after define the speed of the animation.

Rammstein Rammlied Colombia !!!

2011-02-01T13:29:00.000-08:00

Severo concierto !!!!

Facebook Connect Invitar Amigos

2010-11-18T14:36:00.000-08:00

Para sacar el control de invitar amigos de facebook en una pagina normal, debemos primero añadir el siguiente namespace en el html:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" >

Con el siguiente script haremos aparecer la ventana de invitar de facebook,

//Esta variable es para controlar el tamaño del popup
var oldSize = FB.UIServer.Methods["fbml.dialog"].size;
   FB.UIServer.Methods["fbml.dialog"].size = { width: 760, height: 150 };
//Esta variable controla el codigo FBML para mostrar el popup con el invitar
   var dialog = {
   method: 'fbml.dialog',
   display: 'dialog',
   fbml: "<fb:fbml><fb:request-form action='http://dotnetjuliocesar.blogspot.com/' method='GET' invite='true' type='DotNet Julio Cesar.' content='Visita este blog http://dotnetjuliocesar.blogspot.com/' label='Visita' ><fb:multi-friend-selector showborder='false' actiontext='Invita a tus amigos a ver este blog.'></fb:request-form></fb:fbml>",
   width: 700,
   height: 150
   };
//Muestra el dialogo
   FB.ui(dialog, function(result) { console.log(result); });

//Cambia el tamaño para que no sobre espacio con el invitar
FB.UIServer.Methods["fbml.dialog"].size = oldSize;

este script se puede meter dentro de una funcion javascript dejando de esta forma una manera de controlar la aparicion de la ventana, por ejemplo:

<a id="DivInvite" href="#" onclick="invite();" style="display:none;">Invita a tus amigos!</a>

El resultado final sera algo como esto:

Facebook Login Button

2010-11-17T08:17:00.000-08:00

Lo primero que se debe hacer es añadir el namespace xmlns:fb="http://www.facebook.com/2008/fbml" en el tag html (con esto se pueden interpretar los tags FBML).

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" >

Para el login button añadimos:

<fb:login-button autologoutlink="true" perms="publish_stream"></fb:login-button>

Por ultimo añadimos este codigo

<div id="fb-root">
</div>
<script src="http://connect.facebook.net/en_US/all.js">
</script>
<script>
   FB.init({ appId: 'YOUR APPLICATION ID', status: true, cookie: true, xfbml: true });
   FB.Event.subscribe('auth.sessionChange', function(response) {
   if (response.session) {
   // A user has logged in, and a new cookie has been saved
   } else {
   // The user has logged out, and the cookie has been cleared
   }
   });

</script>

Debemos registrar nuestra aplicacion para obtener el ID, esto lo realizamos desde http://developers.facebook.com/setup/ al reemplazarlo en el codigo anterior deberia aparecer el boton de login dentro de la pagina

Para tener en cuenta:

La aplicacion en facebook debe tener el mismo dominio que la pagina donde se localiza la pagina, es decir, si mi aplicacion esta en www.myserver.com en ese mismo sitio debe quedar alojado el html.
Debe tener un ID valido de aplicacion.
Se puede elegir los diferentes permisos para acceder a la aplicacion.

Ranking in asp.net with jQuery

2010-11-16T11:36:00.000-08:00

The ranking is as follows:

Everything is build with divs and background images, the stored procedure returns the players' points and their position on the rank

Yellows are ImageButtons, The Red Labels, blue images and the rest are pure images and divs.

In fact, the ranking is on a div with the following style

   width:438px;
   height:129px;
    float:left;
                overflow:hidden;

Really we will have the full ranking with the top 10 but only will see the first 5 because they are the only ones who fit into the above div (438px wide) and the overflow hidden hides the rest (6 to 10), then using jQuery we can use Click on the arrow next to simply move the div's rank:

   $("#btnNext").click(function() {
   $("#RankPointsList").css('margin-left', '-450px');
   $("#btnBack").show('fast');
   $("#btnNext").hide('fast');
   });

This jQuery code move the div to the left, leaving visible only the last 5 ranking as we see in the image:

This way is much easier to manipulate, avoiding postbacks and saving server resources

Ranking en asp.net con jQuery

2010-11-16T11:17:00.000-08:00

El ranking es como el siguiente:

Todo esta armado con divs con imagenes de fondo, el procedimiento almacenado de la base de datos retorna los "jugadores" con su puntaje y la posicion en el ranking,

Los amarillos son ImageButtons, Los rojos Labels, el azul images y el resto son puras images y divs con fondos.

En realidad el ranking esta metido dentro de un div con el siguiente estilo,

   width:438px;
   height:129px;
    float:left;
                overflow:hidden;

En realidad tendremos el ranking completo con los 10 primeros pero solo se veran los 5 primeros, son los unicos que caben dentro de div anterior (438px de ancho) y el overflow oculta el resto (del 6 al 10),despues mediante jquery podemos usar el click en la flecha de siguiente para simplemente mover el div del ranking:

   $("#btnNext").click(function() {
   $("#RankPointsList").css('margin-left', '-450px');
   $("#btnBack").show('fast');
   $("#btnNext").hide('fast');
   });

Con este codigo de jQuery movemos el div a la izquierda, dejando visibles unicamente los 5 ultimos del ranking como veremos en la siguiente imagen:

De esta forma es mucho mas facil manipularlo, evitando postbacks y ahorrando recursos del servidor.

Get the ID of an element using jQuery

2010-11-11T11:40:00.000-08:00

To get the ID of an element using jQuery we must do the following:

$("a").click(function() {
var oID = $(this).attr("id");
});

In the former case we get the id <a> element that was selected, how is this useful?, in the following example in a gridview is generated a dynamically link, this one's ID is the ID of the row, By clicking on the link to obtain the ID and query information related to this code from the client side, in this case opens a popup with the details of the consultation

Obtener el id de un elemento mediante jQuery

2010-11-11T08:07:00.000-08:00

Para obtener el id de un elemento mediante jQuery debemos realizar lo siguiente:

$("a").click(function() {
var oID = $(this).attr("id");
});

En el caso anterior obtendremos el id del elemento <a> que fue seleccionado, como puede ser util esto ?, en el ejemplo siguiente en un gridview se genera un link dinamicamente, este tiene como id el ID de la fila, al dar click en el link se obtiene el ID y se consulta informacion relacionada con ese codigo desde el lado del cliente, en este caso abre un popup con los detalles de la consulta

jQuery ASP.NET

2010-11-04T15:39:00.000-07:00

To select an ASP.NET server control with jQuery we could use:

$("#<%=idOfControl.ClientID%>")

The ClientID represents the unique ID asigned to the control at runtime
Another easy way to select all the controls that it's ID ends with the specified text is:

$("[id$='_idControl']").each(function() {
});

Where idControl is replaced for the controls' ID that we want to select, this is pretty useful when you hace for example a Datalist with checkboxes inside.

jQuery ASP.NET

2010-11-04T15:28:00.000-07:00

Para seleccionar un control de servidor de ASP.NET con jQuery usamos:

$("#<%=idDelControl.ClientID%>")

El ClientID representa el ID unico que le asigna en runtime al control.

Otra sencilla manera de seleccionar todos los controles que su ID termine con nuestro texto buscado es:

$("[id$='_idControl']").each(function() {

});

Donde idControl se reemplaza por el id del control o los controles que queremos recorrer, muy util si tenemos por ejemplo un datalist con checkboxes en el.

Encrypted SQL procedures

2010-11-04T07:07:00.000-07:00

To create an encrypted stored procedure in SQL Server we must use the WITH ENCRYPTION intruccion after CREATE or ALTER statement

CREATE PROCEDURE procedureName
/*
(
@parameter1 int = 5,
@parameter2 datatype OUTPUT
)
*/
WITH ENCRYPTION
AS
SELECT * FROM Table
RETURN

We must be carefull because in theory, al least, it's not possible to decrypt it.

Procedimientos Encriptados SQL

2010-11-04T06:51:00.000-07:00

Para Crear un procedimiento almacenado encriptado en SQL SERVER debemos usar la intruccion WITH ENCRYPTION despues del CREATE o el ALTER

CREATE PROCEDURE procedureName
/*
(
@parameter1 int = 5,
@parameter2 datatype OUTPUT
)
*/
WITH ENCRYPTION
AS
SELECT * FROM Table
RETURN

Debemos tener cuidado porque en teoría, al menos, no es posible descifrarlo.

Actualizacion

2010-10-29T06:23:00.001-07:00

Después de mucho tiempo sin actualizar el blog, vuelvo a el con un renovado diseño... ya estoy terminandolo.. espero la próxima semana empezar a postear nuevamente.

crystal reports merge module for visual studio 2005

2008-11-08T18:17:00.000-08:00

como es medio HdP, o muy dificil encontrar el merge module de crystal reports que viene incluido con el visual studio 2005, lo publico en la siguiente direccion

http://www.bibliosalesneiva.net/cr_net_2005_mm_mlb_x86.zip

Packet tracer 5

2008-08-06T19:37:00.000-07:00

PT5 0 Overview - Upload a Document to Scribd

Release del packet tracer 5, ademas de soportar mas protocolos tiene la opcion de interactuar con otras simulaciones de packet tracer, creando una simlucion multi-usuario.

Manejo de roles mediante el WAT (WebSite Administration Tool) - ASP.NET 2.0

2007-10-09T11:05:00.000-07:00

Este post describira el uso de WAT para administrar y crear roles para los usuario, gracias a una duda que surgio en http://www.forosdelweb.com sobre el tema.

Primero, creamos un nuevo sitio web; a nuestro proyecto, en el explorador de soluciones agregamos 3 nuevas carpetas, nombradas, User, Admin y Estudiante y a la pagina defaul.aspx que esta en el directorio principal ( la del sitio web que creamos) le agregamos 3 linkbuttons a los cuales les cambiaremos la propiedad Text por el nombre de una de las carpetas que creamos.. asi que tendremos algo como esto (NOTA: en windows vista debemos ejecutar nuestro visual studio o la version express con permisos de administrador):

Despues en el menu "Sitio Web" vamos a "Configuracion de ASP.NET", donde aparecera esto en nuestro browser ( Usa Firefox ).
Ahora, vamos a la pestaña seguridad, donde nos encontraremos con esto.
La unica diferencia sera que en la parte que dice funciones existentes sera 0, no 3.. pues es que me adelante un poquito XD; siguiendo con el tema, damos click donde señala la flecha roja, para abrir el asistente de configuracion de seguridad de la aplicacion, donde veremos algo como esto.
Listo, entonces ahora seguiremos los pasos del wizard, en este paso tendremos que elegir el metodo de acceso de la aplicacion, en este caso seria una Intranet o acceso a traves de Internet, aca se usa acceso a traves de internet.
Nuestro siguiente paso del wizard servira para configurar nuestro proveedor de datos, en mi caso seria sqlserver express ( si esta asi debe decir La aplicación está configurada actualmente para utilizar: Configuración de Proveedores Avanzada) .. si se requiere configurar de otra manera debemos hacerlo en la pestaña proveedor del WAT, (esto no se cubre aca), asi que seguiremos con nuestro paso 4.. aca decidimos si nuestra aplicacion usara roles o no.. asi que en este caso obviamente los habilitaremos.
En este paso agregaremos nuestros roles, en este caso solo necesitamos 3. Administrador, Estudiante, User; cuando acabemos de añadir roles hacemos click en siguiente
Luego estaremos en el paso de creacion de usuarios, para este ejemplo agregare 2, uno llamado crassr3cords al cual luego se le asiganara el rol administrador, y julio, el cual no sera nada, y por lo tanto no podra acceder a lo que se encuentre en la carpeta Admin.
Paso 6: aca agregaremos nuestras reglas de acceso, por ejemplo "solo los usuario que esten dentro del rol administrador pueden acceder a los archivos de la carpeta Admin", ( con el WAT es tan sencillo xD.. parece magia ajajja) aca debemos estar parados en la carpera (en el arbol de directorios que se ve a la izquierda), seleccionar a quien se va a aplicar la regla ( si elegimos funcion estamos diciendo que esta regla se va aplicar a todos los usuario que pertenezcan a el rol que elijamos, si elegimos Usuario vamos a aplicar la regla a un solo usuario, por ejemplo un usuario con nick MrX, si elegimos todos los usuario pues por deduccion se saca a quien se va a aplicar la regla, si elegimos usuarios anonimos pues se la aplicaremos a los usuarios que no esten autenticados o logueados), y luego elegimos si le permitimos acceso al directorio que elegimos o se lo denegamos, agregamos la regla y listo.. tengamos en cuenta que si por ejemplo yo quiero poner que a la carpeta Admin solo puedan entrar los del rol Administrador debo hacer 2 reglas, la primera tendria que decirle que Permita a los usuario con rol o funcion Administrador entrar a la carpeta Admin, y la segunda tendria que decirle que Deniegue a todos los usuarios la entrada a esta carpeta, con ello, solo los usuarios, a excepcion de aquellos con rol Administrador no podran ingresar a estos archivos.

Por ultimo despues de hacer las reglas para nuestras carpetas ( en este ejemplo solo primero se le dice que en la carpeta Admin denegar a todos los usuarios, y edspues en la misma carpeta se da otra instruccion, permitir a los administradores, por lo que no hay problemas en nuestra jerarquia de permisos.. )

Acabamos nuestra configuracion de seguridad, ahora pongamos a nuestro usuario crassr3cords dentro del rol o funcion "Administrador". en la pestaña seguridad del WAT, vamos a donde señala la flecha roja en nuestra siguiente imagen.

Después veremos todos los usuarios registrados como se muestra en la siguiente imagen, donde podremos administrar a que rol o a que funcion pertenecen ( esas traducciones son muy malas XD), vamos a enrolar a crassr3cords.

Después de dar click en "editar funciones" seleccionamos en el cuadro que aparece el rol al que pertenece, en este caso Administrador y listo, podemos cerrar el WAT cuando recargue la pagina.
Ahora, en nuestro proyecto agregaremos una pagina llamada login.aspx ( en el directorio principal ), y en ella agregaremos un control Login.
Ahora crearemos en nuestro explorador de soluciones una pagina default.aspx para las 3 carpetas que ya habiamos creado, User, Admin y Estudiante.. su explorador de soluciones debe verse parecido al mio xD.

Ahora, en la pagina Default.aspx de nuestro sitio web.. la pagina principal.. la que no esta ni en Admin, Estudiante ni en User, le damos la ruta de la propiedad PostBackUrl de nuestro linkbutton a su apropiada pagina default ( si es el boton con Text admin.. pues la propiedad postBackUrl sera asignada a la pagina Default.aspx de la carpeta Admin y asi... )
Ahora ejecutamos nuestro Defaul.aspx y damos click en el vinculo Admin.
Esto nos llevara a la pagina login.aspx pues aun no estamos logueados, asi que Iniciemos Sesión !!!!! (vamos de una vez con nuestro administrador).
Al dar click en el boton de inicio de sesion este nos llevara a la pagina default.aspx de nuestra carpeta admin (se puede ver claramente en la url que estamos dentro del directorio admin).. por lo que veremos que va funcionando nuestro ejercicio.

Ahora, vamos a iniciar sesion como julio (nuestro usuario sin permisos) intentando ingresar obviamente en nuestra pagina default.aspx exclusiva para administradores
Como veremos.. no nos funciono la aplicacion !! xC . ajajaja. no mentiras .. perfecto !!!.. esta nos envía otra vez a iniciar sesión.. no nos deja entrar a nuestra carpeta admin.. justo lo que queríamos.

Bueno, obviamente, toca ponerle mas vínculos y pues un control para poder crear usuarios ( el createUserWizard), pero lo básico es esto.. espero sirva.

Inicio con ASP.NET AJAX

2007-10-01T17:52:00.000-07:00

Primero, acá esta la definición de AJAX (Asynchronous JavaScript And XML) parte fundamental para las RIA(Rich Internet Applications).

En este post trataremos la instalación de la extensión de AJAX en ASP.NET específicamente con el Visual Web Developer Express Edition y el uso básico del Update Panel.

Para añadir la funcionalidad de AJAX dentro de nuestro IDE, debemos ir a esta pagina http://www.microsoft.com/downloads/details.aspx?FamilyID=ca9d90fa-e8c9-42e3-aa19-08e2c027f5d6&displaylang=en donde descargaremos y posteriormente instalaremos las extensiones de AJAX para ASP.NET 2.0.

Después de instaladas abrimos el Visual Web Developer y creamos un Web site de tipo AJAX enabled Web Site .... al ver en vista de diseño la pagina por defecto, veremos un control llamado ScriptManager, este control maneja el script básico para hacer una aplicación con AJAX, sencillamente mediante este las implementaciones de AJAX pueden usarse, de otra manera nuestro sitio no podría usar AJAX o tocaría hacer el script manualmente.

Si vamos al cuadro de herramientas veremos que hay una nueva pestaña (AJAX Extensions), ahora usaremos el updatePanel; el updatePanel es un contenedor de controles, tal como un groupBox o un Panel normal, pero este tiene la habilidad de poder ejecutar instrucciones asincronicas, evitando el postback ( envió de información al servidor) cada vez que el usuario ejecuta una acción, actualizando solo la parte que le digamos, y no la pagina por completo. Veamos en acción este control para entender mejor este concepto.

Agreguemos 2 labels y un dropdownlist.

uno de los labels se usara solo para ver la incidencia de AJAX, en el label2 ponemos en el text 0 (numero cero).

el dropDownList lo llenamos de varios elementos ( en las propiedades, vamos a Items, hacemos click en el cuadro que aparece al lado de "Coleccion()" y empezamos a agregar elementos) .. y le ponemos el autoPostBack en true ( en las propiedades, buscamos autoPostBack y lo cambiamos a true), después, damos doble click en el dropDownList para programar en el evento SelectedIndexChanged donde pondremos

Me.Label1.Text = Me.DropDownList1.Text

Y en el form load ponemos

Me.Label2.Text = CStr(CInt(Me.Label2.Text) + 1)

Al ejecutar vemos que al elegir un elemento de la lista el texto de nuestro label cambia, pero toda la pagina es enviada al servidor (se puede comprobar al ver que el label2 se actualiza), en una aplicación grande esto seria perjudicial para nosotros, pues tendría que volver a cargar elementos que en ningún momento se actualizaron, perdiendo recursos absurdamente; así que, como hacemos para enviar solo los elementos que necesitamos actualizar ??.

Agreguemos un updatePanel a nuestro webForm, en el agregaremos nuestro label1 y nuestro dropDownList, y ejecutaremos nuestra aplicación.. al seleccionar un elemento de la lista veremos que nuestro label1 cambia.. pero el 2 no.. solo se reenvía lo necesario, no toda la pagina por completo, ahorrándonos valiosos recurso; pero entonces el dropDownList tiene necesariamente que estar dentro del updatePanel ?, No.

sacamos el DDL de el updatePanel y cambiamos a vista de edición de HTML , donde veremos nuestro updatePanel, en el cual hay un tag "<ContentTemplate>" donde se encuentran los elementos que pertenecen a este (debe estar adentro nuestro label1); después de el cierre del "<ContentTemplate>" agregaremos un "<Triggers>" (los desencadenadores) dentro del cual agregaremos esto:

asp:AsyncPostBackTrigger controlid="DropDownList1" EventName="SelectedIndexChanged" />

estamos agregando una llamada asincronica al evento SelectedIndexChanged del control DropDownList1 .. lo que causara que sin estar dentro del updatePanel este pueda actualizar nuestro label1 sin causar un PostBack no necesario.

Ejecutamos y veremos que todo funciona perfectamente, usamos solo lo que necesitamos y comprendimos el funcionamiento de el updatePanel y la utilidad de AJAX en nuestro sitio web.

Este fue el primer tutorial de AJAX en ASP.NET 2.0 .. luego veremos el AJAXControlToolKit
Cualquier duda, comentario o lo que sea pues háganle jaja.