Códigos Fuente de JavaScript

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

Geocoding con Google Maps


JavaScript

Publicado el 19 de Enero del 2015 por txema
1.400 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.104 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.589 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)
34.603 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)
44.919 visualizaciones desde el 21 de Enero del 2013. Una media de 252 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.240 visualizaciones desde el 01 de Noviembre del 2014. Una media de 14 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.076 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.618 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.
Imágen de perfil

Contador de vueltas


JavaScript

Publicado el 13 de Octubre del 2014 por Xavi
1.331 visualizaciones desde el 13 de Octubre del 2014. Una media de 21 por semana
Cronometro que te permite ir contando las vueltas mostrando el tiempo en cada vuelta incluyendo los milisegundos.
Imágen de perfil

Cronometro que continua aunque se cierre el navegador


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 07 de Octubre del 2014 por Xavi
2.258 visualizaciones desde el 07 de Octubre del 2014. Una media de 28 por semana
Una vez iniciado el cronometro, puedes actualizar la página, cerrar el navegador, incluso el ordenador... pero este cronometro seguirá funcionando, ya que guarda la fecha inicial en la base de datos del navegador, lo que permite cerrar el navegador y que cuando volvamos el cronometro siga funcionando.