Mostrar los tags: Javascript

Mostrando del 1 al 10 de 175 coincidencias
<<>>
Se ha buscado por el tag: Javascript
Imágen de perfil

EZtranslator


PHP

Publicado el 30 de Abril del 2021 por Mario Antonio (2 códigos)
387 visualizaciones desde el 30 de Abril del 2021
languages
Con este código evitas la necesidad de tener que crear una página o aveces on website completo para cada idioma que quieras ofrecer. Simplemente:
1 Crea un fichero txt con todos los textos que se muestran en la (las) páginas separados en lineas diferentes.
2 Salva ese fichero con el nombre del código del idioma, por ejemplo 'es' para español, quedaría 'es.txt', siempre colocando en la primera línea el código de idioma 'es' en este caso y en la segunda el nombre del idioma 'español' en este caso.
3 Traduce este fichero a todos los idiomas que quieras ofrecer usando la función traducir archivo de google translator y salva los ficheros resultantes siguiendo la misma lógica de los pasos 1 y 2.

4 Agregue la clase "flags" para mostrar lista desplegable o la clase "flagslist" para mostrar lista al html tag que quiera convertir en traductor.

Puedes ver una demostración en vivo aqui http://mchsoft.com/demos/eztranslator/eztranslator.html
Imágen de perfil

EZcaptcha


PHP

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 26 de Abril del 2021 por Mario Antonio (2 códigos)
405 visualizaciones desde el 26 de Abril del 2021
Copie el archivo class_ezcaptcha.php en su servidor y reemplace "<ruta real a sus fuentes ttf>" por la URL real apuntando a los archivos de fuentes cambiando el nombre de las fuentes también si es necesario.

Incluya la etiqueta <catpcha> </captcha> en el archivo html en el lugar donde desea mostrar el captcha.

Incluya JQuery (cualquie versión) y agrege el siguiente fragmento de JavaScript al final del archivo html dentro de las etiquetas <script> </script>. Recuerde reemplazar "<urlto>" por la URL real que apunta al archivo class_ezcaptcha.php

1
2
3
4
(función () {$ .ajax ({url: "<urlto> class_ezcaptcha.php? getHtml = 1", éxito: función (resultado) {
      $ ("captcha"). html (resultado);
   }});
}) ();

Incluya el captcha param y su valor en su POST o GET param string cuando envíe la solicitud http del formulario.

Valide los parámetros en el código del lado del servidor usando algo como esto:
1
if ($ _ POST ['captcha']! = $ _ SESSION ['captcha_code']) {return "ERRORcaptcha | Captcha incorrecto";}

Valide los resultados en su archivo ajax / html después de enviar la solicitud http.

Probar el demo http://mchsoft.com/demos/ezcaptcha/ezcaptcha.html
Disfrútalo...
screen
captcha
captcha_code
Imágen de perfil

Cronometro que continua aunque se cierre el navegador


JavaScript

estrellaestrellaestrellaestrellaestrella(9)
Actualizado el 23 de Febrero del 2021 por Xavi (548 códigos) (Publicado el 7 de Octubre del 2014)
14.037 visualizaciones desde el 7 de Octubre del 2014
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.

cronometro-javascript-base-de-datos-navegador



He creado una nueva versión con PHP que el cronometro nunca se detiene y es el mismo cronometro para todos los usuarios: Cronometro compartido entre varios usuarios que no se reinicia nunca
Imágen de perfil

formatear un numero según es introducido en un input de un formulario


JavaScript

Publicado el 28 de Enero del 2021 por Aitor (6 códigos)
236 visualizaciones desde el 28 de Enero del 2021
Rutina en JavaScript para formatear el campo input de un formulario según se va introduciendo con el teclado.

Hay varias clases:
Números enteros positivos y negativos o solo los positivos.
Números flotantes positivos y negativos o solo los positivos.
Fijación de números flotantes a 2 decimales.

Se puede indicar el formato de los separadores de miles y de decimales entre el formato USA que usa como separador de miles la coma "," y el separador de decimales el punto "." o viceversa como en España.

Demo y copia gratuita de:
https://www.bc3toexcel.com/compartir/input-format-number-as-keyed.htm

En el navegador pulsando botón derecho del ratón opción mostrar código fuente se puede copiar.
format-number-as-keyed
Imágen de perfil

Obtener los parámetros de llamada a una página web


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 24 de Noviembre del 2020 por Aitor (6 códigos) (Publicado el 10 de Noviembre del 2020)
944 visualizaciones desde el 10 de Noviembre del 2020
Obtener los parámetros con los que se ha realizado la llamada a la página web procedentes de un botón <submit> en un formulario por ejemplo enviados con el método "GET" o sea que son visibles en la URL en el navegador.
Es un ejemplo de código javascript que captura estos datos clave:valor con los que luego se pueden realizar otras funciones basándose en los datos recibidos.
Está escrito en puro javascript y no utiliza ninguna librería (no se utiliza Jquery).
Imágen de perfil

sitio web de inventario


PHP

estrellaestrellaestrellaestrellaestrella(7)
Actualizado el 19 de Octubre del 2020 por Charly (2 códigos) (Publicado el 17 de Octubre del 2020)
4.463 visualizaciones desde el 17 de Octubre del 2020
En la carpeta hay una serie de páginas en php, que permiten utilizar un sitio web para llevar el inventario de cualquier empresa. Además, hay otras secciones como, compras y ventas, vehículos, nóminas, trabajadores, facturas, ...
admin
home
media
product
users
Imágen de perfil

Sidenav Menú Vertical


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 4 de Octubre del 2020 por Scriptshow (138 códigos) (Publicado el 15 de Enero del 2017)
2.880 visualizaciones desde el 15 de Enero del 2017
Menú vertical con efecto opacity sobre fondo de imágenes...

Tiene la particularidad de no utilizar librerías varias, ni tampoco frameworks alguno; además, ocupa al completo sólo 1,43 KB (1.466 bytes) todo el código. Es altamente compatible y adaptable.

Espero sea útil.

Un saludo
Imágen de perfil

GRID Responsive JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 4 de Octubre del 2020 por Scriptshow (138 códigos) (Publicado el 28 de Septiembre del 2017)
4.539 visualizaciones desde el 28 de Septiembre del 2017
Contiene ejemplos con imágenes incluidas y distribuidas en GRID responsive, adaptable.
Esta versión incluye tres variantes del script. Puedes elegir la opción más adecuada a tu proyecto.

Cambia el número de columnas y tamaño del contenido del GRID con JavaScript compatible.

Origen de las imágenes: https://pixabay.com/

Espero sea útil.

Un saludo
Imágen de perfil

Simple + UI / UX (experiment)


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 4 de Octubre del 2020 por Scriptshow (138 códigos) (Publicado el 12 de Octubre del 2017)
1.628 visualizaciones desde el 12 de Octubre del 2017
Simple + es un experimento de menús sobre fondos con diversos efectos...

La experiencia se basa en interactuar con la opacidad de capas y contenidos posibles a través de menús. Puede tener diversas aplicaciones como Web UI / UX una vez terminada.
Es absolutamente compatible y adaptable.

Espero que disfrutéis.

Un saludo
Imágen de perfil

Redimensionar DIV siguiendo las coordenadas del Mouse


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 4 de Octubre del 2020 por Scriptshow (138 códigos) (Publicado el 27 de Enero del 2018)
2.446 visualizaciones desde el 27 de Enero del 2018
Código Javascript para cambiar el tamaño de un DIV siguiendo las coordenadas del mouse.
Un efecto "cortina" manual como base para experimentar, etc...
Un evento asociado a la función, se encarga de manejar el DOM.