Ir al contenido principal

Entradas

Sistema Solar hecho con HTML y CSS

Sistema Solar básico hecho solamente con HTML y CSS en dos archivos separados, los 8 planetas tienen sus respectivos movimientos (giran alrededor del sol infinitamente). Descargar el código fuente para su ejecucion y lo modifiques a tu agrado: Enlace .

Juego Piedra, Papel o Tijera en PSeInt

Juego del clásico Piedra, papel o tijera hecho en PSeInt con gráficas. El juego es el usuario versus la computadora. Ésta elige 3 números al azar cada vez que se inicia un nuevo juego. 1 para piedra 2 para papel y 3 para tijera. El algoritmo se hizo con la siguiente configuración: Demo: Código Fuente Funcion piedra() Escribir " **********"; Escribir " * __ _ _ *"; Escribir " * \ *"; Escribir " * / / ** *"; Escribir " * \ / *"; Escribir " * ** -- *"; Escribir " * --------- *"; Escribir " **********"; Fin Funcion Funcion papel() Escribir " ___________________"; Escribir " | -------------- |"; Escribir " | ----------- ___ |"; Escribir " | ----------- | ||"; Escribir " | --------------- |"; Escribir " | --------------- |"; Escribir " | -----------...

Operador Modulo (Mod o %) en PSeInt

El operador MOD o tambien: %, nos permite conocer el residuo o resto de una división entre dos números. La siguiente imagen cúal es el residuo: Este operador es muy util por ejemplo cuando necesitamos saber si un numero es par o impar. Si el residuo es 0 entonces el número es par. Ejemplo con el operador MOD : Algoritmo Modulo Escribir "Ingrese el numero: "; Leer N; Escribir "Ingrese el divisor: "; Leer M; Si N MOD M = 0 Entonces Escribir M," es divisor exacto de ",N,"."; SiNo Escribir "El resto de dividir ",N," por ",M," es: ",N MOD M; FinSi FinAlgoritmo

Juego de penales en PSeInt

Juego de penales hecho en PSeInt. Cuenta el número de goles hechos por el usuario y las atajadas del arquero, éste se mueve sólo en 3 posiciones: izquierda, centro y derecha. Se utilizó el la siguiente configuración para el desarrollo del programa: Demo: Código fuente: Algoritmo juego_penales_pseint //Autor: https://codigojerry.blogspot.com/ goles=0;//contador numero de goles atajadas=0;//contador de atajadas arqueroAtajo=falso;//si el arquero atajo o no. Repetir Borrar Pantalla; Escribir "Número de goles: ",goles; Escribir "Número de atajadas: ",atajadas; Escribir "___________________________________________________________"; Escribir "-----------------------------------------------------------"; Escribir "|| ||"; Escribir "|| * * * * * * ||"; Escribir "|| * \ / * ...

Juego de penales básico hecho con HTML y JavaScript

Descargar código en github

Realizar petición post con cURL

El siguiente ejemplo trata de como realizar una petición POST con cURL y obtener los datos del servidor en forma de JSON para su posterior manipulación. El ejercicio consiste en que el usuario ingrese un dato, en este caso el nombre de un sujeto y que el servidor devuelva la información de éste. El archivo index.php básicamente es la interfaz gráfica de la aplicación. Consta de una caja de texto y un botón; cuando lo presiona abre una sesión cURL a la url especificada y hace comunicación en el servidor, si la búsqueda es exitosa devuelve los respectivos resultados. Las principales líneas del código están comentadas para entender el proceso. Archivo : index.php <?php if ($_SERVER["REQUEST_METHOD"] == "POST") {//cuando se procesa el formulario $nombre=$_POST['usuario'];//capturo lo que tiene la caja de texto $variables="nombre_user=".$nombre;//el parametro nombre_user almacena el valor ingresado $url="http://localhost/curl/d...

Chat con AJAX - PHP - MySQL - JavaScript

A continuación se explica el código necesario para crear un chat básico con AJAX, PHP y MySQL. Se utiliza una tabla creada en MySQL llamada mensaje que posee los campos id (autoincrement), usuario (varchar) y contenido (text). El archivo index.html contiene la interfaz gráfica (cajas de texto, boton) y el código CSS. Se importa el archivo ajax.js que contiene el objeto XMLHttpRequest que me permite intercambiar datos de forma asíncrona con el servidor. Esto significa que es posible para actualizar partes de una página web, sin volver a cargar toda la página. Además contiene dos funciones javascript: 1) mostrar: Esta función se ejecuta cada 3 segundos ( setInterval(mostrar,3000) ) y muestra en el div con id historial los mensajes almacenados en la base de datos a través del archivo mensajes.php que hace una consulta SQL. 2) agregar: Esta función captura el usuario y mensaje ingresado, los valores los almaceno en las variables usuario y cont y se los envío al arhivo proce...

PSeInt: Calcular potencia de un número

Algoritmo que calcula la potencia de un número ingresado por el usuario: Proceso potencia acum <- 1 ; Escribir "Digite base" ; Leer base ; Escribir "Digite exponente" ; Leer exponente ; Para i <- 1 Hasta exponente Con Paso 1 Hacer acum <- acum * base ; FinPara Escribir base , " elevado a la " , exponente , " es: " , acum ; FinProceso

PSeInt: Factorial de un número

El siguiente pseudocodigo calcula el factorial de un número ingresado por el usuario: Proceso factorial acum <- 1 ; Escribir "Digite un numero para calcular su factorial" ; Leer num ; Para i <- 1 Hasta num Con Paso 1 Hacer acum <- acum * i ; FinPara Escribir "El factorial de " , num , " es " , acum ; FinProceso Se crea un variable acumuladora para almacenar las multiplicaciones.

Constante PI en PSeInt

PSeInt a partir de la versión 20130331 "31/marzo/2013" incluye la constante PI . Una constante imprescindible a la hora de trabajar con funciones u operaciones matemáticas. Para averiguar su valor basta con la siguiente línea de código: Proceso sin_titulo Escribir "El valor de PI: " , PI ; FinProceso

AJAX y XML: Extraer o recuperar datos de un archivo XML con AJAX

Para el siguiente tutorial se necesitan conocimientos en AJAX, JavaScript, XML y XML DOM. Se tiene la siguiente información en un archivo XML : Archivo libros.xml Obtendremos a través de AJAX esa información y la mostraremos en el navegador en una tabla HTML .

Conectar PHP y MS Access

Para conectar PHP y Access necesitamos crear una coneccion ODBC (Open Database Connectivity), para ello realizamos los siguientes pasos:

DataTable jQuery con PHP y MySQL

DataTable es un poderoso plug-in para jQuery , que permite de una manera fácil personalizar nuestras tablas HTML . Tal vez el mejor que existe. Podemos integrarlo con PHP , MySQL , AJAX , JSON , entre otros.

Drag and Drop en HTML5

Drag and Drop consiste en arrastrar un elemento y soltarlo en otro lugar, en la web esto se facilita gracias a HTML5 , con jQuery esto tambien es posible. Para hacer un Drag and Drop debes tener un navegador moderno o actualizado. El siguiente código mueve una imagen entre tres divs:

Insertar datos en MySQL a través de jQuery

Vamos a utilizar el método $.ajax() de jQuery para enviar una petición al servidor y que éste nos de una respuesta sin necesidad de recargar la página entera. Lo que haremos es insertar un registro a la base de datos, en este caso un nombre a la tabla personas , compuesto por los campos codigo (autoincrement) y nombre . Para ello necesitamos los siguientes archivos:

Tutorial de Canvas (HTML5)

Canvas es un nuevo elemento en HTML , por tanto tendrás que tener un navegador moderno y actualizado, por ejemplo Firefox . Internet Explorer 8 y versiones antiguas, no la soportan. Canvas que en español es Lienzo es una area rectangular usada para contener gráficos, estos se crean mediante scripts (por lo general con JavaScript ). Se pueden tener varios elementos Canvas en una página HTML.

Eliminar multiples datos con checkbox PHP y MySQL

Para eliminar múltiples datos de la base de datos, utilizaremos el ciclo foreach de PHP . Este ciclo se utiliza para recorrer arrays. Convertiremos los checkbox entonces en un array. El ejemplo se encuentra divido en tres únicos archivos para facilitar su comprensión. El archivo conexion.php para hacer la conexion con la base de datos MySQL. La base de datos se llama database y la tabla personas compuesta por dos columnas cod y nombre .

Exportar una base de datos MySQL desde la consola

Conozco dos formas para exportar una base de datos a través de la línea de comandos, lo que tenemos que hacer es ubicarnos a través del comando cd en el directorio mysql\bin , como utilizo XAMPP que está en la raiz D: mi ruta sería D:\xampp\mysql\bin estando ahí tipeamos cualquiera de los siguientes comandos: