Buscar y trazar rutas con Google Maps API para mostrar en tu web

viernes, 9 de diciembre de 2016

Algo que queda impresionante en una web es el tema de mostrar un mapa desde una dirección hasta otra, para así representar el camino, por ejemplo, para ir a tu casa desde la casa de un amigo. Esto es lo que vengo a mostrar hoy, y la verdad que es algo mucho más fácil de lo que parece, y todo gracias a nuestro " gran amigo Google ". Primero tenemos abrir una cuenta en Google Apis para obtener una key que es la que nos va a posibilitar el poder trabajar con las API de Google. Hay un montón y poco a poco iremos aprendiendo como utilizarlas e irles sacando partido. Puedes ir al Sitio Oficial de APIS de Google MAPS. Trabajando con la API de Google MAPS La API con la que vamos a trabajar es Google Maps JavaScript API y una vez obtenida nuestra KEY la llamaremos con la siguiente línea dentro de nuestro HEAD en la página que lo vamos a utilizar. < script type="text/javascript" src="http://maps.google.com/maps/api/js?key= [LA KEY OBTENIDA] &sensor= [TRUE O F

Consulta SQL Sensible a mayusculas y minusculas (SQL CASE SENTITIVE)

miércoles, 23 de noviembre de 2016

Bueno, hoy algo muy basico pero que seguro que a muchos les trae de cabeza.

SQL CASE SENITIVE

La verdad que es mucho mas simple de lo que parece, esta es la sintaxsis

SELECT [campos que se desean mostrar] FROM [nombre de la tabla] WHERE BINARY_CHECKSUM([campo a comparar]) = BINARY_CHECKSUM('" + [texto a comparar] + "')"

Y eso es todo por hoy amigos!!!! :D 

Happy Coding

#SQL #trucos

Pasar valor por JAVASCRIPT a WebMethod

jueves, 27 de octubre de 2016

Hoy me he encontrado con un problemilla, que al final, como siempre, se me ilumina la bombilla y la solucion fue mas facil de lo que esperaba. Como pasar un dato (variable) a un Servicio Web dentro de nuestra pagina con JAVA SCRIPT. En un principio el tema es el siguiente. Tenemos un WebMethod , en nuestra pagina ASPX, que lo invocamos desde un AJAX , en mi caso para realizar un Autocompletar  en una pagina web, en el que, ademas de los valores que le enviamos desde el cuadro de texto  necesitamos enviar un valor que hemos recogido en otro lugar de la pagina web, como por ejemplo, seleccionar de una lista un valor. Esto lo podemos solucionar facilmente con el uso de COOKIES  y variables de sesion. Si accedeis a mi post sobre como realizar un autocompletar , vereis que solo se envia el texto que estamos escribiendo, y en el WebMethod  (o webservice integrado en la propia pagina) se realiza la consulta a la base de datos. Esta consulta pude depender de v

Convertir un Generic List en un DataTable

martes, 13 de septiembre de 2016

Hoy un truquito bueno, bueno, bueno. Me encontre con un pequeño problema al tener que ordenar una consulta y extraer solo unos pocos datos de la misma para generar otra consulta y mostrar los resultados. Entonces tras usar LINQ para extraer la consulta deseada, se crea  una Generic List  y es aqui donde nos encontramos luego con el " problemilla " para luego cargar los datos en la lista. Pero dimos con la solucion y aqui os dejo un metodo generico que he creado para poderlo aplicar a cualquier tipo de situacion. Espero que os sea de utilidad. /// < summary> /// Convertir un List en un Datatable /// < /summary> /// < param name="filas">Datos que va a contener la lista.</param> /// < param name="columnas">Nombres de las columnas para la tabla</param> /// < returns></returns> public static DataTable ConvertListToDataTable(List< object> filas, string[] columnas)

Adaptar un DIV calculando el tamaño de la ventana

lunes, 5 de septiembre de 2016

Nunca te ha pasado que, incluso con CSS, te es dificil hacer que un DIV tenga el tamaño que necesitas? Pues a mi si, ya que algunas veces por necesidades de la pagina, se hace que un DIV sea flotante siemrpe visible y entonces el  alto  ( height ) maximo de oro div siempre queda por debajo de este. Con este pequeño truco podemos hacer el calculo del  alto  ( height ), o  ancho  ( width ) de un DIV en funcion de los tamaños de la ventana del explorador y tener en cuenta el alto o ancho que nos interese reservar. $(document).ready(function () { $('#external').height($(window).height() - 130); }); $(window).resize(function () { $('#<%= external.ClientID%>').height($(window).height()-130); }); En este ejemplo solo he utilizado la propiedad  height , pero como podreis imaginar se puede utilizar tambien la propiedad  width . Otro truco de relago Por si no os

Permalinks en WordPress

miércoles, 24 de agosto de 2016

Si no es .NET es PHP, y que!!! Esta semana me ha tocado configurar un servidor para hacer la instalacion de WordPress en donde ya teniamos un proyecto con CSHARP, de hecho era exactamente la misma pagina pero finalmente decidieron, esos jefes tan inteligentes, de hacer el FRONTEND con WordPress y dejar el BACKEND con mi trabajo en .NET. Primero intente hacer la instalcion de PHP y MySQL, en otro servidor esta la instalacion de MS-SQL, por suerte, y tuve muchos problemas por el tema de los DRIVERS y versiones. Asi que finalmente decidi INSTALAR APACHE PARALELAMENTE A IIS . Y la magia se hizo, todo quedo funcionan, a excepcion de una cosilla, las rutas de los enlaces de WordPress. Para esto se necesita iniciar el modulo rewrite  de Apache. Error 404 Pagina no encontrada Y sigue la cantinela, con iniciar el mododulo no llega. Asi que vamos a internet y a buscar informacion. Tras mucho, pero que mucho buscar, y no solo yo, si no 2 compis mas de trabajo, consegui hacer que func

Hacer que un IFRAME ocupe toda la pagina

viernes, 19 de agosto de 2016

Hoy un truco muy sencillito, pero que nos puede sacar muchas veces de un apuro. Como hacer que un IFRAME ocupe todo el espacio del navegador. Solo hay que definir un par de cositas en unestro CSS, ya sea en un archivo o en la propia pagina. Yo prefiero utilizarlo siempre en la propia pagina, ya que normalmente sera solo para esa pagina. < style type="text/css"> html, body {margin:0; padding:0;height: 100%;} form, iframe { margin:0; padding:0; height:100%; width:100%; display:block;border:none; } < /style> Aunque si analizas un poco el tema, veras que realmente lo que va a ocupar es el total del contenido del <div> contenedor. Que pasa con el FORM Si estas usando ASP y realmente quieres que ocupe por completo la el espacio del nevegador DEBES de incluir el tag form . Si no puedes quitarlo. Esto es todo amigos Y ya esta, con esto tendriamos una pagina con un IFRAME que ocupa el total de la pagin, yo lo uso siempre cuando quiero most

Efecto "CARGANDO" con JQuery

martes, 9 de agosto de 2016

Es muy importanta hacer que el usuario sepa que el navegador está procesando la petición, sobre todo cuando la página es muy grande y tarda mucho en cargar. Con este pequeño código se mostrará un DIV con una imagen en movimiento. Se puede personalizar todo lo que querais, ya que es simplemebte es un DIV. Lo único que hay que mantener es el ID del DIV, o si lo cambiais recordar tambien cambiarlo en el código del JAVASCRIPT. El código HTML < div title="Click para Cerrar" id="carga" style="cursor:pointer;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-shadow:inset # 696763 0px 0px 14px;background-position:center;background-size:100%;background-color:# fff;width:300px;color:# fff;text-align:center;height:170px;padding:52px 12px 12px 12px;position:fixed;top:30%;left:40%;z-index:6;"> < img AlternateText="Loading" src='Internet.gif' /> < /div> El código JQUERY < script type="text/javascript"> function cargando() {