Códigos Fuente de JavaScript

Mostrando del 61 al 70 de 293 registros
Imágen de perfil

Geolocalización mostrada en Google Maps


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 19 de Enero del 2015 por txema (Creado el 17 de Enero del 2015)
1.821 visualizaciones desde el 17 de Enero del 2015. Una media de 28 por semana
A partir de los datos de geolocalización (Geolocalización basada en W3C) se muestran los datos en un mapa a página completa en Google Maps. (Se obvian detalles en código de geolocalización W3C).

Se excluyen librerías y efectos para mostrar los datos básicos en la ventana de información, con detalle de círculo de error máximo en la geolocalización.
Imágen de perfil

Geolocalización basada en W3C


JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Actualizado el 19 de Enero del 2015 por txema (Creado el 17 de Enero del 2015)
2.125 visualizaciones desde el 17 de Enero del 2015. Una media de 35 por semana
La geolocalización es un aspecto de interés generalizado en el mundo web.

W3C, ocupa todo un equipo en su seguimiento y desarrollo.

El código que se presenta, pretende facilitar al webmaster el acceso de la programación básica y completa para sus desarrollos de aplicaciones de diferente orden.
Considero suficientemente comentadas las funciones en el código Javascript.

Lo que se ofrece son datos, sin necesidad de mapas ni soporte externo. Cada cual es libre de adaptarlos a diferentes tipos de mapas (OMS, Google Maps, u otros) .

No obstante, W3C comunica a través de su página http://dev.w3.org/geo/api/spec-source.html las últimas ediciones con acceso en cabecera a las últimas versiones, editores, etc.

Si bien se editan semestralmente nuevas versiones, cualquier noticia sobre modificación, mejora o implementación nueva que aparezca será muy bien recibida por mí
Imágen de perfil

Geocoding con Google Maps


JavaScript

Publicado el 19 de Enero del 2015 por txema
1.354 visualizaciones desde el 19 de Enero del 2015. Una media de 21 por semana
¿Cómo obtener las coordenadas de una dirección completa y mostrarlas en un mapa?

O tal vez teniendo las coordenadas, ¿Cómo saber la dirección? (geocodificación inversa).

Se presenta la página completa en HTML5 si bien el desarrollo propiamente dicho corrresponde a Javascript, de la mano de Google Maps.
Imágen de perfil

Actualizar página pulsando el botón derecho del ratón


JavaScript

Publicado el 08 de Enero del 2015 por xve
1.073 visualizaciones desde el 08 de Enero del 2015. Una media de 14 por semana
Este código de JavaScript, muestra como actualizar la página web pulsando el botón derecho del ratón.
También muestra como esconder el menú que aparece cuando se pulsa botón derecho del ratón.
Imágen de perfil

Metodo Ajax - Sin Librerias


JavaScript

Publicado el 05 de Enero del 2015 por Neder Alfonso
1.569 visualizaciones desde el 05 de Enero del 2015. Una media de 21 por semana
Este liviano documento, te permitirá enviar peticiones al servidor y operar con la respuesta ya sea aplicando un innerHTML en algún elemento del DOM, o simplemente guardar el resultado en una variable.

La sintaxis es bastante flexible:
ajax(url) ------------------------------------------------ Retorna la pagina definida | «Dato requerido»
ajax(url,dato) ----------------------------------------- Puede o no enviar datos a la pagina | null predeterminado
ajax(url,dato,metodo) ------------------------------ Puede definir el método "POST" o "GET" | "POST" predeterminado
ajax(url,dato,metodo,async) --------------------- Puede definir si la consulta es asincrónica | false predeterminado

ajax(idcontenedor,url) ----------------------------- Escribe el resultado en el elemento
ajax(idelemento,url,dato)
ajax(idelemento,url,dato,metodo)
ajax(idelemento,url,dato,metodo,async)
ajax(idelemento,url,dato,metodo,async)

De este modo si deseas trabajar en Javascript con el resultado obtenido usaras algo así:

var dato = "id="+id;
var mivariable = ajax("mipagina.php",dato);
alert(mivariable);

si deseas modificar un elemento del DOM podrías usar algo así:

var dato = "id="+id;
ajax("#mielemento","mipagina.php",dato);

Note la aclaración #... El signo numeral indica que es un identificador de un elemento de la pagina por tanto es necesario que tenga en cuenta la sintaxis. Con la anterior fracción de código Javascript podría usted escribir el resultado obtenido en cualquier elemnto que soporte innerHTML, por ejemplo:

<body id="mielemento">
...
</body>
Imágen de perfil

Calcular la edad desde una fecha dada en HTML5


JavaScript

estrellaestrellaestrellaestrellaestrella(11)
Actualizado el 30 de Noviembre del 2014 por Xavi (Creado el 21 de Mayo del 2013)
33.694 visualizaciones desde el 21 de Mayo del 2013. Una media de 210 por semana
Código que calcula la edad de una persona seleccionando la fecha en un <input type="data"> de HTML5.
Imágen de perfil

Suma de valores


JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Actualizado el 27 de Noviembre del 2014 por Xavi (Creado el 21 de Enero del 2013)
43.751 visualizaciones desde el 21 de Enero del 2013. Una media de 245 por semana
Código que muestra como sumar los valores numéricos de unos cuadros de texto. Valida que los valores sean numéricos, mostrando el cuadro de texto en rojo si son incorrectos.
Imágen de perfil

Capturar variable de javascript desde otra página


JavaScript

Publicado el 01 de Noviembre del 2014 por xve
1.222 visualizaciones desde el 01 de Noviembre del 2014. Una media de 21 por semana
Simple ejemplo que muestra como capturar el contenido de una variable de JavaScript que se encuentra en otro documento abierto con window.open()
Imágen de perfil

Obtener el texto de un option, no su value


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 20 de Octubre del 2014 por xve (Creado el 17 de Octubre del 2014)
2.058 visualizaciones desde el 17 de Octubre del 2014. Una media de 28 por semana
En este código se muestra como obtener del <select> de un formulario, el texto del <option>, no su value...

1
<option value="1">texto</option>
Imágen de perfil

Validar los campos de un formulario con JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 14 de Octubre del 2014 por xve
5.259 visualizaciones desde el 14 de Octubre del 2014. Una media de 63 por semana
En este código se muestra como verificar la entrada de dos cuadros de texto, uno que tiene que tener como mínimo un carácter, y el otro que tiene que tener 4 caracteres exactos.
Si no se cumple con la condición, se marca el recuadro del input en color rojo y no deja enviar el formulario.