Sunday, June 26, 2011

Generar latitud y longitud a partir de una dirección en javascript

Google nos proporciona una herramienta para realizar lo que necesitamos, se llama Geocoder y se suele usar como parte del API de Google Maps

El código que nos interesa es el siguiente:

var geocoder = new google.maps.Geocoder();

var address = 'Santiago, Chile'
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {

    var latitude = results[0].geometry.location.lat();

    var  longitude = results[0].geometry.location.lng();

    alert('La longitud es: ' + longitude + ', la latitud es: ' + latitude);

    } 
}); 

Como podemos ver, necesitamos crear una variable que contenga la dirección de nuestro interés, en este caso está hardcodeada pero también se puede generar de manera dinámica. Lo importante es que la variable address tenga una dirección asignada. Luego dentro de la función de geocode se asignan los valores de nuestro interés a las variables latitude y longitude, desplegamos un mensaje de alerta para ver los valores que nos está retornando el código, este mensaje se puede sacar al ver que los valores son los adecuados.
Dentro de la misma función se puede agregar más codigo para trabajar con los valores recién obtenidos

IMPORTANTE: Para poder utilizar este código, es necesario agregar la siguiente linea a nuestro documento:

<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript">

Bookmark and Share

Saturday, June 25, 2011

Fuerza un estilo CSS

Si te pasa que una propiedad de tu css se está sobrescribiendo con otra cosa hay una solución muy facil de implementar.

Se debe agregar  !important al final de aquella propiedad que se está sobreescribiendo.

Así por ejemplo, en tu CSS puedes tener lo siguiente:

a {
   color: #ffffff !important;
 }

fuerza que los links sean de ese color. Esto no siempre va a funcionar, pero en algunos casos puede ser de utilidad.


Bookmark and Share

Friday, June 17, 2011

Crear un botón con un link en Ruby on Rails

Ya conocemos la linea:

<%= link_to 'Volver', :back %>
Si queremos convertir esto en un botón en lugar de tener un simple link, basta realizar esta pequeña modificación:

<%= button_to 'Volver', :back %>

Bookmark and Share

Thursday, June 16, 2011

Solicitar confirmación de una acción en Ruby on Rails

Muchas veces necesitamos asegurarnos que el usuario realmente quiere hacer lo que está solicitando. Por ejemplo:  hacer click en un link mientras se está editando un formulario, si se dirije al otro link se perderán los cambio.

Para eso existe una simple linea de código que se agrega al link:

 :confirm => 'Seguro que desea seguir?'
Agregando esto a un link, al hacer click en el se desplegará un mensaje de alerta preguntando si está seguro de querer continuar (o cualquier texto que quieran). Si el usuario acepta, se realizará la acción del link, en caso contrario no se hará nada.

Este es un ejemplo de un link y su confirmación:

<%= link_to 'Volver', :back, :confirm => "Seguro que desea seguir?\nLos cambios no han sido guardados" %>

Ahí tenemos un link que retorna a la página anterior que visitó el usuario, esta se encuentra al final de un formulario, por lo que advertimos al usuario que si sigue se perderán todos los cambios.


Bookmark and Share

Crea un link a la página visitada previamente en Ruby on Rails

Para crear un link a la página de donde viene el usuario en Ruby on Rails, basta colocar la siguiente linea de código:

<%= link_to_function 'Volver', 'history.back()' %>
o bien:

<%= link_to_function 'Volver', :back %>

Esto es equivalente a lo que hace la linea de código:

javascript:history.back()


Bookmark and Share
Related Posts Plugin for WordPress, Blogger...