Reymundo Lopez » Programación http://reymundolopez.com Dev en caos! Sun, 05 Sep 2010 15:42:54 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Editor de texto enriquecido jHtmlArea (WYSIWYG) para ASP.NET y jQuery http://reymundolopez.com/2010/07/editor-enriquecido-jhtmlarea-de-texto-wysiwyg-para-asp-net-y-jquery/ http://reymundolopez.com/2010/07/editor-enriquecido-jhtmlarea-de-texto-wysiwyg-para-asp-net-y-jquery/#comments Sun, 25 Jul 2010 00:11:15 +0000 Reymundo López http://reymundolopez.com/?p=618 Continue reading →]]> Los editores de texto enriquecidos o mejor conocidos como editores WYSIWYG (What You See is What You Got – Lo que ves es lo que obtienes) son de bastante utilidad para cierto tipo de desarrollos, como lo es cuando el usuario quiere modificar el mismo los estilos de lo que escribe, agregar listados o agregar hipervinculos, etc, sin que tenga que aprender HTML para realizarlo.

Buscando un buen rato por alguno sencillo, ligero y que se integrara rapidamente a ASP.NET/Mono, me encontre con jHtmlArea, un plugin para jQuery aun en desarrollo pero lo bastante estable como para poder utilizarlo en el proyecto que estoy desarrollando.

Editor WYSIWYG jHtmlArea

Configurarlo y usarlo es realmente sencillo:

  • Descarga el archivo del sitio web del proyecto.
  • Descarga jQuery.
  • Los archivos javascript agregarlos a una carpeta (js por ejemplo) y los CSS lo mismo (puede llamarse css el folder :P ).
  • Agregar las referencias de los archivos en el código:
    <head>
	<script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script>
	<script src="/admin/js/jHtmlArea.ColorPickerMenu-0.7.0.min.js" type="text/javascript"></script>
	<script src="/admin/js/jHtmlArea-0.7.0.min.js" type="text/javascript" ></script>
	
	<link rel="stylesheet" type="text/css" href="/admin/css/jHtmlArea.css" />
	
	<script type="text/javascript">
		$(document).ready(function(){
			$("textarea").htmlarea();
		});
	</script>
</head>
  • Agregar un elemento <textarea> simple o un textbox multilinea de asp.net.
    <asp:TextBox runat="server" id="txtContenido" TextMode="MultiLine" Width="680" Height="300" ></asp:TextBox>

Con esto automaticamente cada elemento textarea aparecera con las opciones del editor, existen otras configuraciones como agregar o eliminar elementos de la barra de botones tal y como lo indica el autor en su sitio.

Share and Enjoy:Printdel.icio.usFacebookTwitter

]]> http://reymundolopez.com/2010/07/editor-enriquecido-jhtmlarea-de-texto-wysiwyg-para-asp-net-y-jquery/feed/ 0 Tip, instalar librerías de VB.NET en Mono http://reymundolopez.com/2010/07/tip-instalar-librerias-de-vb-net-en-mono/ http://reymundolopez.com/2010/07/tip-instalar-librerias-de-vb-net-en-mono/#comments Sat, 03 Jul 2010 06:52:22 +0000 Reymundo López http://reymundolopez.com/?p=612 Continue reading →]]> Últimamente he estado hablando mucho de Mono, pero es que me he metido bastante ahora que puedo desarrollar proyectos por mi cuenta, aplicando todo lo que se de .NET pero en Mac/Linux, así seguirá por un rato, mientras les traigo este otro tipo que es de bastante ayuda.

En Mono cuando quieres ejecutar un programa o usar una dll que llame contenga librerias de VB.NET, te puede dar un error como el siguiente:

Could not load file or assembly 'Microsoft.VisualBasic, Version=8.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a' or one of its dependencies.

Para solucionarlo lo único que se tiene que hacer es correr en la consola el siguiente comando:

sudo apt-get install libmono-microsoft-visualbasic8.0-cil

Si no haz actualizado apt-get te aconsejo que lo hagas antes de que corras el comando, ya que te puede marcar algún error.

Y listo, con esto las librerías necesarias para interpretar VB se instalan en tu equipo y puedes correr esas aplicaciones que te daban problemas.

Share and Enjoy:Printdel.icio.usFacebookTwitter

]]> http://reymundolopez.com/2010/07/tip-instalar-librerias-de-vb-net-en-mono/feed/ 5 Tip: Solución a Failed to find or load the registered .Net Framework Data Provider ‘MySql.Data.MySqlClient’ http://reymundolopez.com/2010/07/tip-solucion-a-failed-to-find-or-load-the-registered-net-framework-data-provider-mysql-data-mysqlclient/ http://reymundolopez.com/2010/07/tip-solucion-a-failed-to-find-or-load-the-registered-net-framework-data-provider-mysql-data-mysqlclient/#comments Thu, 01 Jul 2010 05:27:01 +0000 Reymundo López http://reymundolopez.com/?p=605 Continue reading →]]> Este error me ocurrió el día de hoy cuando intentaba usar una dll de acceso a datos que me paso un amigo para un proyecto en el cual estamos trabajando juntos, estamos usando Mono en Mac y como servidor de pruebas Ubuntu 9.4 con Mono, MySQL en ambos.

El mensaje de error que me dio al intentar probar las conexiones con la base de datos fue:

Failed to find or load the registered .Net Framework Data Provider 'MySql.Data.MySqlClient'

La solución la encontre en las listas de Mono-dev, y fue simplemente agregar las referencias exactas para el ensamblado de MySQL, en el archivo Web.Config o App.Config hay que agregar lo siguiente dentro de las etiquetas <configuration> … </configuration>

  	<system.data>
        <DbProviderFactories>
			<add name="MySQL Data Provider" invariant="MySql.Data.MySqlClient" description=".Net Framework Data Provider for MySQL"  type="MySql.Data.MySqlClient.MySqlClientFactory, MySql.Data, Version=5.2.1.0, Culture=neutral, PublicKeyToken=c5687fc88969c44d" />
		</DbProviderFactories>
	</system.data>

Cabe notar que en la maquina donde estoy trabajando, tengo instalado MySQL y agregue como referencia la dll del conector de MySQL (MySql.Data.dll).

Ojalá a alguien le sirva.

Share and Enjoy:Printdel.icio.usFacebookTwitter

]]> http://reymundolopez.com/2010/07/tip-solucion-a-failed-to-find-or-load-the-registered-net-framework-data-provider-mysql-data-mysqlclient/feed/ 3 DropDownList en cascada con jQuery y ASP.NET http://reymundolopez.com/2010/06/dropdownlist-en-cascada-con-jquery-y-asp-net/ http://reymundolopez.com/2010/06/dropdownlist-en-cascada-con-jquery-y-asp-net/#comments Sun, 13 Jun 2010 23:59:31 +0000 Reymundo López http://reymundolopez.com/?p=537 Continue reading →]]> Como usar DropDownList o Selects en cascada con ASP.NET y jQuery?, es una de las dudas que mas se generan en los foros de discusión al momento de realizar cosas con AJAX y .NET sin el UpdatePanel.

Voy a explicar como realizo esta tarea para que sea un proceso sencillo.

Crearemos un nuevo proyecto web y nos aseguraremos de configurarlo para que pueda usar jQuery.

En la pagina Default.aspx agregaremos dos DropDownList y quedara algo como el siguiente codigo:

<%@ Page Language="C#" Inherits="EjemploDropDownList.Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head runat="server">
	<title>Ejemplo DropDownList</title>
	<script src="js/jquery-1.4.2.min.js" type="text/javascript" ></script>
</head>
<body>
	<form id="form1" runat="server">
		<asp:DropDownList runat="server" id="ddlPrincipal" ></asp:DropDownList>
	
		<br />
	
		<asp:DropDownList runat="server" id="ddlSecundario" > </asp:DropDownList>
	</form>
</body>
</html>

Lo unico que hace este código es agregar la referencia de jQuery (la 1.4.2) y dos DropDownList, sin ningún otro control ni tampoco código que tenga que ser procesado aun por el servidor.

Enseguida vamos a llenar el primer DropDownList (ddlPrincipal) con algunos datos, en este caso seran continentes, esto lo vamos a colocar en el evento Load de la pagina Default.aspx:

private void Page_Load(object sender, System.EventArgs e)
		{
			ListItem elemento;
	
			elemento = new ListItem("America", "1");
			ddlPrincipal.Items.Add(elemento);
	
			elemento = new ListItem("Africa", "2");
			ddlPrincipal.Items.Add(elemento);
	
			elemento = new ListItem("Europa", "3");
			ddlPrincipal.Items.Add(elemento);
		}

Corremos el proyecto y nos debe mostrar algo como esto:

Ejemplo de DropDownList

Ahora es tiempo de meter un poco de código JavaScript en nuestra aplicación, para eso insertaremos el siguiente código entre las etiquetas <head> de Default.aspx :

<script type="text/javascript">
		$(document).ready(function(){
	
		// Configuracion de jQuery y AJAX
		$.ajaxSetup({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            data: "{}",
            dataFilter: function(data) {
                var msg;
	
                if (typeof (JSON) !== 'undefined' &&
                    typeof (JSON.parse) === 'function')
                  msg = JSON.parse(data);
                else
                  msg = eval('(' + data + ')');
	
                if (msg.hasOwnProperty('d'))
                  return msg.d;
                else
                  return msg;
            }
        });
	
			// Solo se ejecuta cuando seleccionamos alguna opcion.
			$('#<%=ddlPrincipal.ClientID %>').change(function(){
				$.ajax({
					url: "Default.aspx/obtenerPaises",
					data: "{'continente':'" + $("#<%=ddlPrincipal.ClientID %>").val() + "'}",
					success: function(msg) {
						$('#<%=ddlSecundario.ClientID %>').html(msg);
					},
					error: function(XMLHttpRequest, textStatus, errorThrown) {
				       alert('Error: ' + textStatus + ", " + errorThrown);
				   }
				});
			});
	
		});
	</script>

Este código hace dos cosas:

  1. Configura jQuery para usar AJAX y JSON como nosotros necesitamos y nos evita un pequeno malestar respecto a las “d” en los .NET frameworks anteriores a 3.5.
  2. Captura el evento Change del DropDownList Principal que ocurre cuando se selecciona cualquier opción del DropDownList y va a buscar el código que se ejecutara por .NET para traer lo que haga falta.

Como nota especial, si observan estoy pidiendo la información de la misma pagina “Default.aspx” y no de un WebService que es como comúnmente se hacen estas peticiones, a esto se le llama usar WebMethods.

Enseguida veremos el código que en .NET dependiendo de la opción seleccionada traerá una respuesta diferente, para lo cual agregaremos al archivo Default.aspx.cs el siguiente codigo debajo de Load_Page :

[WebMethod()]
		public static string obtenerPaises(string continente)
		{
			List<ListItem> elementos = new List<ListItem>();
			ListItem elemento;
			string resultado = "";
	
			// Usaremos simples 'if' para hacer sencillo el ejemplo.
			if (continente == "1") {
				elemento = new ListItem("Mexico", "1");
				elementos.Add(elemento);
				elemento = new ListItem("EUA", "2");
				elementos.Add(elemento);
			}
	
			if (continente == "2") {
				elemento = new ListItem("Kenia","1");
				elementos.Add(elemento);
				elemento = new ListItem("Congo","2");
				elementos.Add(elemento);
			}
	
			if (continente == "3") {
				elemento = new ListItem("Francia","1");
				elementos.Add(elemento);
				elemento = new ListItem("Italia","2");
				elementos.Add(elemento);
			}
	
			foreach (ListItem item in elementos) {
				resultado = resultado + "<option value='" + item.Value + "'>";
				resultado = resultado + item.Text;
				resultado = resultado + "</option>,";
			}
	
			return resultado;
		}

Este código como verán es bastante sencillo y lo unico que hace es recibir como parametro el “continente” y en base al que se selecciono agregar a un listado ciertos elementos y al final regresar una cadena de <options> de un select de HTML.

Segunda nota: el nombre de la variable que recibe el parametro debe ser el mismo que el que pasamos en el javascript (data: “{‘continente’: … )

Y listo, ahora hay que correr el proyecto y esto nos permitira realizar DropDownList en cascada.

Share and Enjoy:Printdel.icio.usFacebookTwitter

]]> http://reymundolopez.com/2010/06/dropdownlist-en-cascada-con-jquery-y-asp-net/feed/ 0 Predicciones al futuro de la programacion http://reymundolopez.com/2010/03/predicciones-al-futuro-de-la-programacion/ http://reymundolopez.com/2010/03/predicciones-al-futuro-de-la-programacion/#comments Thu, 11 Mar 2010 19:50:39 +0000 Reymundo López http://reymundolopez.com/?p=501 Continue reading →]]> Andando un poco en Stackoverflow me encontre con esto y me hizo bastante gracia!

My predictions for the future of programming:

  • Every 2 years there will be a great hot new language that you just have to use.
  • Every 5 years Microsoft will come up with a completely new way to create GUIs.
  • Every 10 years someone will come up with a great new software development methodology.
  • Every 20 years someone will come up with a great new programming paradigm.
  • Until the heat death of the universe, there will still be more installed and running legacy Cobol code than everything else put together.

Bastante gracioso! :P

Share and Enjoy:Printdel.icio.usFacebookTwitter

]]> http://reymundolopez.com/2010/03/predicciones-al-futuro-de-la-programacion/feed/ 0 Baila salsa con Action Script 3 http://reymundolopez.com/2009/12/baila-salsa-con-action-script-3/ http://reymundolopez.com/2009/12/baila-salsa-con-action-script-3/#comments Tue, 22 Dec 2009 21:17:37 +0000 Reymundo López http://reymundolopez.com/?p=470 Continue reading →]]>

¿Quién dijo que no se podía uno divertír mientras programaba?

Para demostrar todo lo contrario, aquí esta Elder Vásquez demostrando que se pueden hacer cosas muy cool con Acrion Script 3 y un poco de Salsa.


Este video es parte de un completo tutorial para aprender a bailar Salsa creando un mini programita de Flash con Action Script 3, hasta donde es capaz de llegar un Geek. :P

Share and Enjoy:Printdel.icio.usFacebookTwitter

]]> http://reymundolopez.com/2009/12/baila-salsa-con-action-script-3/feed/ 0 Diagrama de toma de decisiones en un proyecto de software http://reymundolopez.com/2009/09/diagrama-de-toma-de-decisiones-en-un-proyecto-de-software/ http://reymundolopez.com/2009/09/diagrama-de-toma-de-decisiones-en-un-proyecto-de-software/#comments Mon, 14 Sep 2009 23:14:56 +0000 Reymundo López http://reymundolopez.com/?p=434 Continue reading →]]> Justo en estos momentos estoy creando un estandar de programación y me vengo encontrando con esto, no puedo mas que reír a lo grande!.

                       +---------+
                       |  START  |
                       +---------+
                            |
                            V
            YES       +------------+      NO
      +---------------|  DOES THE  |---------------+
      |               | DAMN THING |               |
      V               |    WORK?   |               V
+------------+        +------------+        +--------------+  NO
| DON'T FUCK |                              | DID YOU FUCK |-----+
| WITH IT    |                              |   WITH IT?   |     |
+------------+                              +--------------+     |
      |                                            |             |
      |                                            | YES         |
      |                                            V             |
      |  +------+     +-------------+       +---------------+    |
      |  | HIDE |  NO | DOES ANYONE |<------| YOU DUMBSHIT! |    |
      |  |  IT  |<----|    KNOW?    |       +---------------+    |
      |  +------+     +-------------+                            |
      |      |               |                                   |
      |      |               V                                   |
      |      |        +-------------+       +-------------+      |
      |      |        |   YOU POOR  |  YES  |  WILL YOU   |      |
      |      |        |   BASTARD   |<------| CATCH HELL? |<-----+
      |      |        +-------------+       +-------------+
      |      |               |                     |
      |      |               |                     | NO
      |      |               V                     V
      |      V        +-------------+       +------------+
      +-------------->|    STOP     |<------| SHITCAN IT |
                      +-------------+       +------------+
Share and Enjoy:Printdel.icio.usFacebookTwitter

]]> http://reymundolopez.com/2009/09/diagrama-de-toma-de-decisiones-en-un-proyecto-de-software/feed/ 1 Algo esta cambiando http://reymundolopez.com/2009/08/algo-esta-cambiando/ http://reymundolopez.com/2009/08/algo-esta-cambiando/#comments Sun, 02 Aug 2009 11:00:48 +0000 Reymundo López http://reymundolopez.com/?p=426 Continue reading →]]> Algo esta cambiando en la ciudad de León Guanajuato, en un mes he visitado 3 empresas y las diferencias entre ellas y en general todas las empresas de un año para acá es enorme.

En la empresa que trabajaba anteriormente todos eramos Cowboy Coders, no usábamos ninguna metodología, es más ni un control de versiones existía, esto no ocurre con la siguiente empresa que visite y en la que actualmente laboro, en estas se basan en metodologías y patrones de diseño para hacer su trabajo.

Me da un gusto enorme ver que estamos dejando de hacer software artesanal y ya comenzamos a crear software de calidad basado en patrones y arquitecturas.

Mi objetivo ahora será cambiar la mentalidad de la gente de TI de mi lugar de origen, San Francisco del Rincón Guanajuato.

Share and Enjoy:Printdel.icio.usFacebookTwitter

]]> http://reymundolopez.com/2009/08/algo-esta-cambiando/feed/ 0 Error 500 en GoDaddy instalando WordPress http://reymundolopez.com/2009/07/error-500-en-godaddy-instalando-wordpress/ http://reymundolopez.com/2009/07/error-500-en-godaddy-instalando-wordpress/#comments Thu, 02 Jul 2009 22:00:03 +0000 Reymundo López http://reymundolopez.com/?p=404 Continue reading →]]> Tengo un servidor compartido en GoDaddy, el Servidor es Windows, así que tengo IIS y PHP en el mismo, hace unos días trate de subir la ultima versión de WordPress a uno de los dominios e instalarlo de la forma fácil.

Cual va siendo mi sorpresa al ver que me mandaba Error 500 al intentar correr el instalador o al tratar de realizar cualquier operación, simplemente no funcionaba y mandaba algo como la siguiente imagen.

GoDaddyError

En muchos lugares en la web recomendaban cambiar el .htaccess o cambiar de hosting de Windows a Linux, lo siento ninguna de las dos opciones era viable para mi, ya que requiero el hosting con Windows (por el .NET Framework) y además la instalación limpia de WordPress no tiene ningún archivo .htaccess, así que necesitaba otra solución.

Para mi sorpresa la solución era más sencilla de lo que pensaba, solamente requería renombrar el archivo wp-config-sample.php a wp-config.php, editar los valores que tiene dentro para la conexión a la Base de Datos y listo.

WP_Rename

Ojalá a alguien le sirva tanto como a mi.

Share and Enjoy:Printdel.icio.usFacebookTwitter

]]> http://reymundolopez.com/2009/07/error-500-en-godaddy-instalando-wordpress/feed/ 3 Destilando Web 3 Guanajuato, la información http://reymundolopez.com/2009/04/destilando-web-3-guanajuato-la-informacion/ http://reymundolopez.com/2009/04/destilando-web-3-guanajuato-la-informacion/#comments Fri, 17 Apr 2009 18:10:20 +0000 Reymundo López http://reymundolopez.com/?p=337 Continue reading →]]> Y de nueva cuenta como hace unos meses nos volvemos a reunir el 25 y 26 de Abril para charlar sobre web, Tequila Valley, proyectos, programación, diseño, mercadotécnica, contabilidad para diseñadores y desarrolladores, áreas de oportunidad y un largo etc…, todo esto en el 3er Destilando Web de Guanajuato.

En esta ocasión tendremos algunos elementos extra, como una acampada en donde realizaremos algunos juegos, nos desvelaremos a la luz de la luna (o de los celulares) y cantaremos con guitarras (o tal vez con la música de algun iPod), además de que realizaremos un pequeño miniBarCamp de modo de ejemplo para los que no lo conocen se enteren de que trata y otros muestren ese gran talento que tienen.

De nuevo abrimos la invitación para cualquier persona, tanto involucradas en desarrollo y diseño web como a las que sienten que no tienen nada que ver, recordamos que ya hemos tenido Contadores, Maestros, Dentistas, Abogados, Diseñadores de Interiores y más en los Destilando Web pasados y todos hemos encontrado alguna forma de apoyo entre todos, la idea es que vayan, compartan, aprendan, se diviertan y saquen provecho de este tipo de eventos.

Ubicación

Carretera a Duarte Km 5.3


Ver 3er DW #TqV_Gto en un mapa más grande

Itinerario

Sabado:

  • 2:30pm a 3pm – Punto de Reunión Estacionamiento McDonalds Centro Max
  • 4pm – 5pm – Presentaciones eh introducción
  • 5pm – 9:30 – MiniBarCamp, vamos a mostrarle a los que no pudieron ir como es un BarCamp en pequeño
  • 9:30 – – Cena, juegos, acampada, fogata, cine y demás.

Domingo

  • 9am – 10am – Desayuno
  • 10am – 2pm – Presentación de proyectos, armar equipos y avisos de TQV.
  • 2pm – Comida

Estamos pidiendo una cooperación de recuperación de 150 pesos para los que vayan ambos días y 75 para los que vayan solo un día, esto para los gastos de las 3 comidas. Además les pedimos que nos llenen un pequeño formulario de registro para saber cuanta gente irá y coordinar el transporte, lugar en casas de campaña y comida.

Para la gente que se va a quedar a dormir, les pedimos las siguientes recomendaciones:

  • Si tienes trae tu casa de campaña
  • Sleeping o cobijas
  • Lámpara (nunca sabes en que la puedas ocupar)
  • Repelente contra mosquitos
  • Ganas de convivir con la naturaleza :D
  • Recordemos dejar el lugar en mejores condiciones de como lo encontramos

Bebidas coquetas auspiciadas por iniciativa propia… Saluuuuudddd!!!!

Tenemos muchas sorpresas preparadas para todos, los esperamos este 25 y 26 de Abril, no se arrepentirán.

PD: Les mostraremos un poco de las famosas Guacamayas y unos frijoles Puercos buenisimos que prepara Daniel Niquet!.
Share and Enjoy:Printdel.icio.usFacebookTwitter

]]> http://reymundolopez.com/2009/04/destilando-web-3-guanajuato-la-informacion/feed/ 5