martes, 28 de marzo de 2017

Calculadora de edad

Calculadora de edad.

Escribir en código PHP que al solicitar la fecha de nacimiento por medio de un formlario nos diga cual es la edad del usuario, utilizando radio buttons determina el sexo y utilizando select determina su nivel de estudios y que estos valores se impriman en una segunda ventana.

Creación del formulario.


formulario.php

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
 <style type="text/css">
  *{
    margin:0px;
    padding:0px;
  }

  body{
    
    background-position:center;
  }

  form{
    background: #0097A7;
    width: 500px;
    border:1px solid #4e4d4d;
    border-radius: 3px;
    -moz-border-radious:3px;
    -webkit-borde-radious:3px;
    box-shadow:inset 0 0 10px #000;
    margin:100px auto;
  }
  form h6{
    text-align: center;
    color:#000000;
    font-weight: normal;
    font-size: 20pt;
    margin:30px 0px;
  }


  form input{
    width:280px;
    height: 25px;
    padding: 0px 10px;
    margin:10px 30px;
    color:#00BFFF;
    text-align: center;
  }

  }

  form button{
    width:135px;
    margin:20px 0px 30px 30px;
    height: 50px;
    }

    form button:hover{
      background:#3a3a3a;
    }
</style>
</head>
<body background>
<form method="post" action= "edad.php">
<center>
<h3>Calculadora de edad</h3>
</center>
<strong>Ingrese su nombre:
<input type="text" name="nombre">
<br><br>
Ingrese día de nacimiento:
<input type="text" name="dia">
<br><br>
Ingrese mes de nacimiento:
<input type="text" name="mes">
<br><br>
Ingrese año de nacimiento:
<input type="text" name="año">
<br><br>
Sexo:<br>
Masculino<input type="radio" name="radio1" value="masculino">
<br>
Femenino<input type="radio" name="radio1" value="femenino">
<br><br>

Nivel de estudios:
</strong>
<br><br>
<center>
<select name="nivel">
<option value="primaria">Primaria</option>
<option value="secundaria">Secundaria</option>
<option value="bachillerato">Bachillerato</option>
<option value="universidad">Universidad</option>
</center>
</select>
</select>
<br><br>
<input type="submit" value="Enviar">
</form>
</body>
</html>

Impresión de datos.



edad.php

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body background="homer.jpg">
<h1>Calculadora de edad </h1>
<?php
$nombre= $_REQUEST['nombre'];
$dia= $_REQUEST['dia'];
$mes= $_REQUEST['mes'];
$año= $_REQUEST['año'];
 
 echo "Hola",$nombre,"<br>","Tus datos ingresados fueron:<br><br>","Día:",$dia,"<br>","Mes:",$mes,"<br>","Año:",$año,"<br>";
 

 if($mes <=3 && $dia<30){
  $edad=(2017-$año);
  echo "Tu edad es:",$edad,"años","<br>";
 }

else if($mes>3){
  $edad=(2017-$año)-1;
  echo "Tu edad es:",$edad,"años","<br>";

 } 

 else if($mes>=3 && $dia>29){
  $edad=(2017-$año)-1;
  echo "Tu edad es:",$edad,"años","<br>";

 }

 if($mes==3 && $dia==29){
  $edad=(2017-$año);
  echo "<br>Estas son las mañanitas","<br>","Que cantaba el rey David","<br>","Hoy por ser día de tu santo","<br>","Te las cantamos a ti","<br>","Despierta, mi bien,despierta","<br>","Mira que ya amaneció","<br>","Ya los pajaritos cantan","<br>","La luna ya se metió","<br><br>";
 }


 if($_REQUEST['radio1']== "femenino"){
  echo "Sexo:Femenino<br>";
 }

 else{
  echo "Sexo:Masculino<br>";
 }

 if($_REQUEST['nivel']=="primaria"){
  $nivel="Primaria";
 }

 else if($_REQUEST['nivel']=="secundaria"){
  $nivel="Secundaria";
 }

 else if($_REQUEST['nivel']=="bachillerato"){
  $nivel="Bachillerato";
 }

 else{
  $nivel="Universidad";
 }

 echo "Tu nivel de estudios es:",$nivel;

?>
</body>
</html>

domingo, 26 de marzo de 2017

Subir y mostar imagenes en PHP

Creación de una base de datos donde se almacenaran las imágenes.


Conexión con la base de datos.



Formulario para carga de imagen.



Proceso donde se válida si se guardo la imagen.


Documento HTML donde se nos mostraran las imagenes insertadas, estas se ordenaran dentro de una tabla.



Códigos fuente.

conexion.php

<?php

$conexion = new mysqli("localhost","root","","imagen");

if($conexion){
echo "Conexion exitosa";
}

else{

echo "Conexion no exitosa";
}


?>


index.php

<!DOCTYPE html>
<html>
<head>
<title> INDEX DE IMAGENES </title>
<style type="text/css">
*{
  margin:0px;
  padding:0px;
}
body{
  background: #2F4F4F;
  background-position:center;
}

form{
  background: #FF0000;
  width: 360px;
  border:1px solid #4e4d4d;
  border-radius: 3px;
  -moz-border-radious:3px;
  -webkit-borde-radious:3px;
  box-shadow:inset 0 0 10px #000;
  margin:100px auto;
}
form h1{
  text-align: center;
  color:#000000;
  font-weight: normal;
  font-size: 40pt;
  margin:30px 0px;
}

form input{
  width:280px;
  height: 35px;
  padding: 0px 10px;
  margin:10px 30px;
  color:#6d6d6d;
  text-align: center;
}

form button{
  width:135px;
  margin:20px 0px 30px 30px;
  height: 50px;
  }

  form button:hover{
    background:#3a3a3a;
  }


</style>
</head>
<body>
<form action="proceso_guardar.php" method="POST" enctype="multipart/form-data"><br><br>
<input type="text" REQUIRED name="nombre" placeholder="Nombre..." value=""/><br> <br>
<input type="file" REQUIRED name="imagen"/><br><br>
<input type="submit" value="Aceptar">
</body>
</html>

proceso_guardar.php

<?php
include("conexion.php");
$nombre= $_POST['nombre'];
$imagen= addslashes(file_get_contents($_FILES['imagen']['tmp_name']));
$query="INSERT INTO tabla_imagen(nombre,Imagen) VALUES('$nombre','$imagen')";
$resultado= $conexion->query($query);

if($resultado){

echo "Si se inserto";
}

else{

echo "No se inserto";
}

?>

mostrar.php

<!DOCTYPE html>
<html>
<head>
<title> MOSTRAR IMAGENES </title>
</head>
<body bgcolor= #B2DFDB >
<center>
<table border=2>
<thead>
<tr>
<th>Id</th>
<th>Nombre</th>
<th>Imagen</th>
</tr>
</thead>
<tbody>
<?php
include("conexion.php");
$query="SELECT * FROM tabla_imagen";
$resultado= $conexion->query($query);
while($row = $resultado->fetch_assoc()){
?>
<tr>
<td><?php echo $row['id']; ?></td>
<td><?php echo $row['nombre']; ?></td>
<td><img  height=200 src="data:image/jpg;base64,<?php echo base64_encode($row['Imagen']);?>"/></td>
</tr>
<?php
}
?>
</tbody>
</table>
</center>
</body>
</html>

miércoles, 22 de marzo de 2017

Operadores básicos en PHP

Utilizando JavaScript empezar por pedir nombre y edad, donde si la edad es mayor o igual a 18 mostrara un mensaje que diga "BIENVENIDO" más y el nombre y con uso de un formulario de PHP mostar un menú llamado operadores matemáticos y relizar dicha operación.
De lo contrario el nombre más "NO TIENE PERMISO" y llevarlo a una página que diga acceso denegado.

Servidor Local


Página donde se pide nombre y se valida edad

El pedimento de los datos es sencillo ya que solo utilizamos prompt y guardamos las variables, despues con ayuda de una sentencia de condición determinamos lo que queremos que sucesa, en este caso que redireccione a una nueva página con un formulario de datos o en su defecto que denegue el acceso.

El redireccionamiento a esta nueva página ocurre gracias al uso de:

document.location.href="primero.php"


Formulario de entrada de números para operaciones

Se prodrá acceder a este formulario si y solo si los datos ingresados concuerdan con la validación
establecida dentro de nuestra sentencia de condición (IF).
Utilizamos el método post para el envio de datos y a cada dato ingresado dentro de nuestro formulario le asignamos un nombre para su posterior manipulación.




Si elegimos una opción que no este disponible es decir una elección que no sea entre 1-4 con ayuda de "default" podemos realizar que se imprima en pantalla que la opción no esta disponible.


Impresión de datos en otra página

Por medio de $_REQUEST es como accedemos a los datos ingresados dentro del formulario, decimos que se guarde dentro de una variable por lo cual creamos $n1,$n2, $operacion y por medio de una sentencia de selección (SWITCH) determinamos dentro de los bloques de código la forma en que queremos manipular los datos.




Situación de datos inválidos.

Como se establecio al inicio del ejercio en caso de que los dstos ingresados no cumplan con las condiciones de nuestra sentencia de selección el acceso será denegado.
El redireccionamiento a esta nueva página ocurre gracias al uso de:

document.location.href="sinpermiso.php"

miércoles, 15 de marzo de 2017

Formulario PHP

PHP

Formulario de toma de datos en PHP:


Código:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title> DATOS PERSONALES </title>
</head>
<body>
  <form method="post" action="datos4to.php">
    <h6>Datos personales</h6>
    <b><center>Ingrese su nombre:</center></b>
    <input type="text" name="nombre">
    <br><br>
    <b><center>Ingrese su dirección:</center></b>
    <input type="text" name="direccion">
    <br><br>
    <b><center>Ingrese su telefóno:</center></b>
    <input type="text" name="telefono">
    <br><br>
    <b><center>Ingrese su sexo:</center></b>
    <input type="text" name="sexo">
    <br><br>
    <input type="submit" value="Enviar Datos">
  </form>
</body>
</html>


Datos ingresados impresos:


Código:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title> IMPRESIÓN DE ENVIO DE DATOS</title>
</head>
<body bgcolor="#8BC34A">
  <h1><center>DATOS PERSONALES</center></h1>
<?php
echo "Nombre:"."\t".$_REQUEST['nombre'];
echo "<br>Dirección:"."\t".$_REQUEST['direccion'];
echo "<br>Telefóno:"."\t".$_REQUEST['telefono'];
echo "<br>Sexo:"."\t".$_REQUEST['sexo'];
echo "<br>Hola"."\t".$_REQUEST['nombre']."\t"."vives en"."\t".$_REQUEST['direccion']."\t"."tu telefóno es"."\t".$_REQUEST['telefono']."\t"."y eres de sexo"."\t".$_REQUEST['sexo'];
  ?>
</body>
</html>


jueves, 9 de marzo de 2017

Formulario de registro de email

Basado en un modelo de formulario de captura de datos para el registro de una cuenta de correo electronico, pedir los datos del usuario e imprimirlos vinculandolos con otra página.



Código:

<html>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
body{
background: #2F4F4F;
background-position:center;
}
form{
background: #FF0000;
width: 500px;
border:1px solid #4e4d4d;
border-radius: 3px;
-moz-border-radious:3px;
-webkit-borde-radious:3px;
box-shadow:inset 0 0 10px #000;
margin: auto;
}
form h1{
text-align: center;
color:#000000;
font-weight: normal;
font-size: 40pt;
margin:10px 20px;
}
form input{
width:100px;
height: 15px;
padding: 0px 10px;
margin:10px 30px;
color:#6d6d6d;
text-align: center;
}
form button{
width:500px;
margin:20px 0px 30px 30px;
height: 200px;
}
form button:hover{
background:#3a3a3a;
}
</style>
<head>
</head>
<body>
<script type="text/javascript">
function enviarFormulario()
{
var nombre=document.getElementById('nombre').value;
var apellido=document.getElementById('apellido').value;
var usuario=document.getElementById('usuario').value;
var contraseña=document.getElementById('contraseña').value;
var confirmar=document.getElementById('confirmar').value;
var telefono=document.getElementById('telefono').value;
if (document.getElementById('radio1').checked)
{
document.write('Nombre:'+nombre+'<br>'
+'Apellido:'+apellido+'<br>'
+'Usuario:'+usuario+'<br>'
+'Contraseña:'+contraseña+'<br>'
+'Confirmacion contraseña:'+confirmar+'<br>'
+'Telefono:'+telefono+'<br>'
+'Ubicación:Mexico');
}
if (document.getElementById('radio2').checked)
{
document.write('Nombre:'+nombre+'<br>'
+'Apellido:'+apellido+'<br>'
+'Usuario:'+usuario+'<br>'
+'Contraseña:'+contraseña+'<br>'
+'Confirmacion contraseña:'+confirmar+'<br>'
+'Telefono:'+telefono+'<br>'
+'Ubicación:Estados Unidos');
}
if (document.getElementById('radio3').checked)
{
document.write('Nombre:'+nombre+'<br>'
+'Apellido:'+apellido+'<br>'
+'Usuario:'+usuario+'<br>'
+'Contraseña:'+contraseña+'<br>'
+'Confirmacion contraseña:'+confirmar+'<br>'
+'Telefono:'+telefono+'<br>'
+'Ubicación:Argentina');
}
if (document.getElementById('radio4').checked)
{
document.write('Nombre:'+nombre+'<br>'
+'Apellido:'+apellido+'<br>'
+'Usuario:'+usuario+'<br>'
+'Contraseña:'+contraseña+'<br>'
+'Confirmacion contraseña:'+confirmar+'<br>'
+'Telefono:'+telefono+'<br>'
+'Ubicación:Brasil');
}
}
</script>
<form>
Nombre:<br>
<input type="text" id="nombre"><br><br>
Apellido:<br>
<input type="text" id="apellido"><br><br>
Nombre del usuario:<br>
<input type="text" id="usuario"><br><br>
Contraseña:<br>
<input type="text" id="contraseña"><br><br>
Confirmar contraseña:<br>
<input type="text" id="confirmar"><br><br>
Fecha de nacimiento(dd/m/aaaa):<br>
<input type="text" id="dia">
<select id="select1" onChange="cambiarMes()">
<option value=>Enero</option>
<option value=>Febrero</option>
<option value=>Marzo</option>
<option value=>Abril</option>
<option value=>Mayo</option>
<option value=>Junio</option>
<option value=>Julio</option>
<option value=>Agosto</option>
<option value=>Septiembre</option>
<option value=>Octubre</option>
<option value=>Noviembre</option>
<option value=>Diciembre</option>
</select>
<input type="text" id"año"> <br> <br>
Sexo:<br>
<select id="select2" onChange="cambiarSexo()">
<option value=>Maculino</option>
<option value=>Femenino</option>
<option value=>Otro</option>
<option value=>Prefiero no decirlo</option>
</select> <br> <br>
Ingrese su telefono: <br>
<input type="text" id="telefono"><br><br>
Ubicacion:<br>
<input type="radio" id="radio1" name="ubicacion">Mexico <br>
<input type="radio" id='radio2' name="ubicacion">Estados Unidos <br>
<input type="radio" id='radio3' name="ubicacion">Argentina <br>
<input type="radio" id='radio4' name="ubicacion">Brasil <br><br>
<input type="button" value="Registrar" onClick="enviarFormulario()">
</form>
</body>
</html>

Promedios en Formulario y Alert

Se requiere que por medio de formularios se ingresen los datos tanto de las materias como de las calificaciones y que se lance un cuadro de dialogo (alert) con los datos ingresados, calculando el promedio y determinando si el alumno esta aprobado o reprobado.


Código:

                          
<html>
<head>
</head>
<body bgcolor="red">
<center><h1>Promedios</h1></center>
<script type="text/javascript">
function mostrar()
{
var nombre=document.getElementById('nombre').value;
var m1=document.getElementById('m1').value;
var m2=document.getElementById('m2').value;
var m3=document.getElementById('m3').value;
var m4=document.getElementById('m4').value;
var m5=document.getElementById('m5').value;
var c1=document.getElementById('c1').value;
var c2=document.getElementById('c2').value;
var c3=document.getElementById('c3').value;
var c4=document.getElementById('c4').value;
var c5=document.getElementById('c5').value;
var promedio = (parseInt(c1) + parseInt(c2) + parseInt(c3) + parseInt(c4) +parseInt(c5))/5;
if(promedio<=6)
{
alert('Nombre'+nombre+'\n'+'\n'+'Materia:'+m1+'\n'+'Calificacion:'+c1+'\n'+'\n'
+'Materia:'+m2+'\n'+'Calificacion:'+c2+'\n'+'\n'
+'Materia:'+m3+'\n'+'Calificacion:'+c3+'\n'+'\n'
+'Materia:'+m4+'\n'+'Calificacion:'+c4+'\n'+'\n'
+'Materia:'+m5+'\n'+'Calificacion:'+c5+'\n'+'\n'
+'Promedio:'+promedio+'\n'
+'Estado:Reprobado');
}
else
{
alert('Nombre'+nombre+'\n'+'\n'+'Materia:'+m1+'\n'+'Calificacion:'+c1+'\n'+'\n'
+'Materia:'+m2+'\n'+'Calificacion:'+c2+'\n'+'\n'
+'Materia:'+m3+'\n'+'Calificacion:'+c3+'\n'+'\n'
+'Materia:'+m4+'\n'+'Calificacion:'+c4+'\n'+'\n'
+'Materia:'+m5+'\n'+'Calificacion:'+c5+'\n'+'\n'
+'Promedio:'+promedio+'\n'
+'Estado:Aprobado');
}
}
</script>
<form>
Ingrese su nombre:
<input type="text" id="nombre"><br><br>
Ingrese Materia 1:
<input type="text" id="m1">
Ingrese calificacion:
<input type="text" id="c1"><br><br>
Ingrese Materia 2:
<input type="text" id="m2">
Ingrese calificacion:
<input type="text" id="c2"><br><br>
Ingrese Materia 3:
<input type="text" id="m3">
Ingrese calificacion :
<input type="text" id="c3"><br><br>
Ingrese Materia 4:
<input type="text" id="m4">
Ingrese calificacion:
<input type="text" id="c4"><br><br>
Ingrese Materia 5:
<input type="text" id="m5">
Ingrese calificacion:
<input type="text" id="c5"><br><br>
<input type="button" value="Promediar" onClick="mostrar()">
</form>
</body>
</html>

Promedio

Se pide se ingrese el nombre del alumno, así como las calificaciones correspondientes, se realiza la operación para obtener el promedio y se imprimen en pantalla los resultados.


Código:
<html>
<head>
</head>

<body>

<script type="text/javascript">

nombre= prompt('Ingresa tu nombre','');
c1 = prompt('Redes: Ingresa calificacion', '');
c2 = prompt('Finanzas: Ingresa calificacion', '');
c3 = prompt('Circuitos: Ingresa calificacion', '');
c4 = prompt('Programacion: Ingresa calificacion', '');
c5 = prompt('Probabilidad: Ingresa calificacion', '');
document.write('Tu nombre es:'+nombre+'<br>');
document.write('Redes:'+c1+'<br>');
document.write('Finanzas:'+c2+'<br>');
document.write('Circuitos:'+c3+'<br>');
document.write('Programacion:'+c4+'<br>');
document.write('Probabilidad:'+c5+'<br>');
promedio = (parseInt(c1) + parseInt(c2) + parseInt(c3) + parseInt(c4) +parseInt(c5))/5;
if(promedio<=6)
{
document.write('Tu promedio es:'+promedio+'<br>'+'Tu estas:Reprobado');
}
if(promedio>6)
{
document.write('Tu promedio es:'+promedio+'<br>'+ 'Tu estas:Aprobado');
}
</script>
</body>
</html>

Operaciones

Se realiza el pedimento del nombre del usuario, por medio de un radio button se elige la operación a realizar, se toman los datos de los números a operar y finalmente se imprimen en pantalla los datos ingresados.


Código:

<html>
<head>
</head>
<body>
<script type="text/javascript">
nombre = prompt('Ingresa tu nombre', '');
function Operacion()
{
if(document.getElementById('radio1').checked)
{
var n1 = prompt('Ingresa primer numero', '');
var n2 = prompt('Ingresa segundo numero', '');
var res = parseInt(n1) + parseInt(n2);
document.write('Nombre'+nombre+'<br>'+'Operacion: Suma'+'<br>'+n1+' + '+n2+' = '+res);
}

if(document.getElementById('radio2').checked)
{
var n1 = prompt('Ingresa primer numero', '');
var n2 = prompt('Ingresa segundo numero', '');
var res = parseInt(n1) - parseInt(n2);
document.write('Nombre'+nombre+'<br>'+'Operacion: Resta'+'<br>'+n1+' - '+n2+' = '+res);
}
}
</script>
<form>
<input type="radio" id="radio1" name="operacion"> Suma
<br>
<input type="radio" id="radio2" name="operacion>"> Resta
<br>
<input type="button" value="Resultado" onClick="Operacion()">
</form>
</body>
</html>


domingo, 5 de marzo de 2017

JQuery

JQuery

El jQuery es una librería de JavaScript para acceder a los objetos del DOM de un modo simplificado.
El autor de esta librería es John Resig

Las aplicaciones en internet son cada vez más complejas, ya que incorporan efectos visuales, drag and drop, auto-completar, animaciones etc. el desarrollar todos estos conceptos desde cero puede resultar complicado sobretodo si tenemos que presentar la solución con muy poco tiempo, en este tipo de situaciones el empleo de librerías como el jQuery nos facilitan el desarrollo de la aplicación. Otra ventaja paralela es despreocuparnos cuando codificamos en la compatibilidad de navegadores, ya que la librería resolverá esto.

Para utilizar la librería como dijimos debemos descargarla del sitio oficial y en cada página que lo requiera agregar:

<script type="text/javascript" src="jquery.js"></script>

La librería jQuery en resumen nos aporta las siguientes ventajas:


  • Nos ahorra muchas líneas de código.
  • Nos hace transparente el soporte de nuestra aplicación para los navegadores principales.
  • Nos provee de un mecanismo para la captura de eventos.
  • Provee un conjunto de funciones para animar el contenido de la página en forma muy sencilla.
  • Integra funcionalidades para trabajar con AJAX.
  • Existen un amplio abanico de extensiones.
EJERCICIO:
Dispongamos el problema trivial de capturar el evento de un control HTML de tipo button, lo desarrollaremos utilizando la metodología tradicional accediendo directamente a las funciones del DOM y luego empleando la librería jQuery:

PÁGINA 1:


<html>
<head>
<title>Problema</title>
</head>
<body>
<h2>Captura del evento click de un control HTML de tipo button.</h2>
<a href="pagina2.html">Método tradicional con las funciones 
del DOM </a><br>
<a href="pagina3.html">Utilizando la librería jQuery</a><br>
</body>
</html> 

PÁGINA 2:

<html>
<head>
<title>Problema</title>
<script type="text/javascript" src="funciones1.js"></script>
</head>
<body>
<input type="button" id="boton1" value="presioname">
</body>
</html>

FUNCIONES 1:

addEvent(window,'load',inicializarEventos,false);

function inicializarEventos()
{
  var boton1=document.getElementById('boton1');
  addEvent(boton1,'click',presionBoton,false);
}

function presionBoton(e)
{
  alert('se presionó el botón');
}

function addEvent(elemento,nomevento,funcion,captura)
{
  if (elemento.attachEvent)
  {
    elemento.attachEvent('on'+nomevento,funcion);
    return true;
  }
  else  
    if (elemento.addEventListener)
    {
      elemento.addEventListener(nomevento,funcion,captura);
      return true;
    }
    else
      return false;
}

PÁGINA 3:

<html>
<head>
<title>Problema</title>
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript" src="funciones2.js"></script>
</head>
<body>
<input type="button" id="boton1" value="presioname">
</body>
</html>

FUNCIONES 2:

var x;
x=$(document);
x.ready(inicializarEventos);

function inicializarEventos()
{
  var x;
  x=$("#boton1");
  x.click(presionBoton)
}

function presionBoton()
{
  alert("Se presionó el botón");
}


EJERCICIO 2:
Capturar el evento mousemove a nivel del objeto document, este se dispara cada vez que desplazamos el mouse dentro de la página. Mostrar la coordenada donde se encuentra la flecha del mouse.

PÁGINA 1:

<html>
<head>
<title>Problema</title>
<script type="text/javascript" src="../jquery.js"></script>
<script language="javascript" src="funciones.js" type="text/javascript"></script>
</head>
<body>
<p id="corx">coordenada x=</p>
<p id="cory">coordenada y=</p>
</body>
</html>




FUNCIONES:

var x;
x=$(document);
x.ready(inicializarEventos);

function inicializarEventos()
{
  var x;
  x=$(document);
  x.mousemove(moverMouse);
}

function moverMouse(event)
{
  var x;
  x=$("#corx");
  x.text("coordenada x="+event.clientX);
  x=$("#cory");
  x.text("coordenada y="+event.clientY);
}