Códigos Fuente de JavaScript

Mostrando del 71 al 80 de 308 registros
Imágen de perfil

Validar una fecha con HTML5


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 21 de Marzo del 2015 por Xavi (Creado el 21 de Mayo del 2013)
18.861 visualizaciones desde el 21 de Mayo del 2013. Una media de 112 por semana
Código que muestra como validar una fecha utilizando el tag type="data" del HTML5.

html5-date

Mixto a Fracción


JavaScript

Publicado el 19 de Marzo del 2015 por armando
1.051 visualizaciones desde el 19 de Marzo del 2015. Una media de 14 por semana
Código de javascript que convierte un número mixto a fracción.

mixto

Juego de la serpiente


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 15 de Marzo del 2015 por Juan Pablo Carrasco (Creado el 23 de Diciembre del 2003)
13.704 visualizaciones desde el 23 de Diciembre del 2003. Una media de 21 por semana
Código del popular juego de la serpiente, implementado en este lenguaje. Probado en IE6.
Imágen de perfil

Calcular los múltiplos de 3 y 5


JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 26 de Febrero del 2015 por xve
6.826 visualizaciones desde el 26 de Febrero del 2015. Una media de 84 por semana
Ejemplo que muestra como calcular los múltiplos de un número dado utilizando el resto de una división en JavaScript.
Para este ejemplo, se devuelven los múltiplos de 3 y 5 de entre los números 1 y 100
Imágen de perfil

CAJA REGISTRADORA


JavaScript

Publicado el 01 de Febrero del 2015 por Wilinthon
1.600 visualizaciones desde el 01 de Febrero del 2015. Una media de 21 por semana
Dada la cantidad total a pagar y pagado, determina el cambio a dar y la cantidad de billetes a devolver
caja-registradora
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.963 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.312 visualizaciones desde el 17 de Enero del 2015. Una media de 28 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.556 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.162 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.632 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>