Buscar un código

Saludos,

este Script Nativo 100% compatible, accede y muestra el contenido de un archivo ubicado en nuestro equipo sin precisar servidor local. Podemos utilizarlo como base para desarrollar proyectos más complejos. Es fácilmente adaptable con muy pocos cambios; no utiliza librerías de terceros, etc.

Espero sea útil.

Código que muestra como cargar un json de un archivo, analizarlo y mostrarlo correctamente.

Código que muestra como subir archivos de imágenes al servidor utilizando jquery. Devuelve en formato json el listado de imágenes que se visualizarán en la página, y el listado de archivos que no tienen el formato de imagen.

Juego del ahorcado, compuesto por un diccionario de más de 14000 palabras. Funciona gracias a AJAX, jQuery, PHP.

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


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:

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...

Este código de ejemplo, es un cronometro, el cual guarda en el servidor en un archivo de texto la hora inicial, por lo que todos los usuarios que se conecten a la pagina web, todo verán el mismo cronometro, y no se reiniciara aunque se cierre el navegador.

La única manera de reiniciarlo, es pulsando el botón "Reiniciar cronometro" (esta botón solo tiene que estar en una pagina aparte a la de los usuarios), y mediante AJAX, actualiza la hora del archivo de texto en el servidor y empieza el contador de 0.
Para este ejemplo, en el servidor hay que dispones de PHP.



Este código es una variante del código: Cronometro que continua aunque se cierre el navegador que utiliza la base de datos del navegador, y solo es para un usuario/navegador.

Como hacer un crud sin usar Jquery (que en lo particular me encanta esa libreria)

Solo usaremos Vanilla Javascript.

Aclaro que fetch trabaja mas cómodo con json, pero para los que estamos acostumbrados a trabajar con ajax de jquery y solemos enviar POST sencillamente, adentrarnos a trabajar con json puede ser complejo.

ojo: si lo desean puedo subir ejemplos trabajando solo con json

Ejemplo que muestra como arrastrar y soltar archivos en una pagina web, y enviar-los al servidor y mover-los a una carpeta especificada.
El código muestra los archivos que se han subido con un icono que indica si se están subiendo, si se ha subido correctamente, o si ha habido algún error.

Los archivos se envían por AJAX uno a uno al servidor, y el servidor va devolviendo un JSON indicando si se ha podido subir correctamente o si ha habido algún problema.



Controla que el archivo no exista ya en la carpeta destino, y que la extensión del mismo no sea .php (por temas de seguridad)

Este código muestra como ir obteniendo los valores de de un conversor de corriente continua a corriente alterna de un Sunny Boy.
Hace una llamada por AJAX cada 3 segundos a un archivo PHP que se comunica al Sunny Boy mediante cURL y obtiene los valores para mostrar en la gráfica.

Este código muestra como definir un evento sobre uno o varios elementos los cuales puede que todavia no existan, ya que puede ser que tengan que ser cargados por ajax.

Para ello, se utiliza una función on(), en la que se le define el evento, el elemento y la función a ejecutar, y se encarga de revisar el DOM en cada uno de los eventos que hemos configurado, para ver si coincide con alguno de los elementos que hemos definido.
Al hacerlo de esta manera, el evento se ejecutara también para nuevos elementos creados posteriormente a la definición del evento.

Es similar al evento definido en jquery: $(document).on('click', '.btn', handleClick);