validaciones

<html>
<head>
<title>Insertar Datos Profesores</title>
</head>

<script>

status=”Insertando datos de los profesores”;
function fixElement(element, message) {
alert(message);
element.focus();
}

function verifica(form1) {
var passed = false;
if ((form1.cedula.value == “” ) ||(form1.nombre.value == “” )){
if (form1.cedula.value == “” )
fixElement(form1.cedula, “Por favor, No debe dejar el campo cedula en blanco”);
if (form1.nombre.value == “” )
fixElement(form1.nombre, “Por favor, No debe dejar el nombre en blanco”);
}
/*if (form1.nombre.value == “” ) {
fixElement(form1.nombre, “Por favor, No debe dejar el nombre en blanco”);
}*/
else {
passed = true;
}
return passed;
}

function validar()
{
var i;
for (i = 0;i < document.form1.sueldo.value.length; i++)
{
if (document.form1.sueldo.value.charCodeAt(i) < 48  || document.form1.sueldo.value.charCodeAt(i) > 57)
{document.form1.sueldo.value = document.form1.sueldo.value.slice(0, i);
alert(“solo debes introducir n�meros”);
}
}

for (i = 0;i < document.form1.cedula.value.length; i++)
{
if (document.form1.cedula.value.charCodeAt(i) < 48  || document.form1.cedula.value.charCodeAt(i) > 57)
{document.form1.cedula.value = document.form1.cedula.value.slice(0, i);
alert(“solo debes introducir n�meros”);
}
}
}
function letras()
{ var i;

for (i = 0; i < document.form1.nombre.value.length; i++)
{if (document.form1.nombre.value.charCodeAt(i)>45 && document.form1.nombre.value.charCodeAt(i)  <57)
{document.form1.nombre.value = document.form1.nombre.value.slice(0, i);
alert(“solo debes introducir caracteres”);
}

}
}

var sMensaje = ‘Bot�n derecho deshabilitado’;

function anularBotonDerecho(e) {

if (navigator.appName == ‘Netscape’
&& (e.which == 3 || e.which ==    2)){
alert(sMensaje);
return false;
} else if (navigator.appName == ‘Microsoft Internet Explorer’
&& (event.button    == 2)) {
alert(sMensaje);
}
}

document.onmousedown=anularBotonDerecho;
document.oncontextmenu=new Function(“return false”);
</script>

<body>

<div align=”center”>
<h1>Registro de Profesores</h1>
<FORM name = form1 METHOD=”POST” ACTION=”guardar.php” onSubmit = “return verifica(this);”>
<div align=”center”>
<center>
<table border=”1″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse: collapse;” bordercolor=”#111111″ width=”100%”>
<tr>
<td width=”20%” style=”border-style: none; border-width: medium”>&nbsp;</td>
<td width=”20%” style=”border-style: none; border-width: medium”>C�dula</td>
<td width=”20%” style=”border-style: none; border-width: medium”>

<INPUT TYPE=”TEXT” name=”cedula” title=”Debe ingresar solo n�meros” onkeyup= validar(); size=”20″></td>
<td width=”20%” style=”border-style: none; border-width: medium”>&nbsp;</td>
<td width=”20%” style=”border-style: none; border-width: medium”>&nbsp;</td>
</tr>
<tr>
<td width=”20%” style=”border-style: none; border-width: medium”>&nbsp;</td>
<td width=”20%” style=”border-style: none; border-width: medium”>Nombre</td>
<td width=”20%” style=”border-style: none; border-width: medium”>

<INPUT TYPE=”TEXT” name=”nombre” title=”inserte solo texto” onkeyup=”letras()” size=”20″ /></td>
<td width=”20%” style=”border-style: none; border-width: medium”>&nbsp;</td>
<td width=”20%” style=”border-style: none; border-width: medium”>&nbsp;</td>
</tr>
<tr>
<td width=”20%” style=”border-style: none; border-width: medium”>&nbsp;</td>
<td width=”20%” style=”border-style: none; border-width: medium”>Apellido</td>
<td width=”20%” style=”border-style: none; border-width: medium”>
<acronym title=”inserte solo texto”>
<INPUT TYPE=”TEXT” name=”apellido” size=”20″ title=”Inserte solo texto” onkeyup=”letras()” ></acronym></td>
<td width=”20%” style=”border-style: none; border-width: medium”>&nbsp;</td>
<td width=”20%” style=”border-style: none; border-width: medium”>&nbsp;</td>
</tr>
<tr>
<td width=”20%” style=”border-style: none; border-width: medium”>&nbsp;</td>
<td width=”20%” style=”border-style: none; border-width: medium”>Fecha
ingreso</td>
<td width=”20%” style=”border-style: none; border-width: medium”>

<INPUT TYPE=”TEXT” name=”fingreso” title=”Inserte solo Fecha” size=”20″ ></acronym></td>
<td width=”20%” style=”border-style: none; border-width: medium”>&nbsp;</td>
<td width=”20%” style=”border-style: none; border-width: medium”>&nbsp;</td>
</tr>
<tr>
<td width=”20%” style=”border-style: none; border-width: medium”>&nbsp;</td>
<td width=”20%” style=”border-style: none; border-width: medium”>Tipo
personal</td>
<td width=”20%” style=”border-style: none; border-width: medium”>
<acronym title=”Seleccione solo una opci�n”>
<select name=”tp” size=”1″><br>
<option selected>Docente Ordinario</option>
<option>Docente Contratado</option>
<option>Docente Suplente</option>
</select></acronym></td>
<td width=”20%” style=”border-style: none; border-width: medium”>&nbsp;</td>
<td width=”20%” style=”border-style: none; border-width: medium”>
&nbsp;</td>
</tr>
<tr>
<td width=”20%” style=”border-style: none; border-width: medium”>&nbsp;</td>
<td width=”20%” style=”border-style: none; border-width: medium”>Categor�a</td>
<td width=”20%” style=”border-style: none; border-width: medium”>
<input type=”text” name=”categoria” size=”20″></td>
<td width=”20%” style=”border-style: none; border-width: medium”>&nbsp;</td>
<td width=”20%” style=”border-style: none; border-width: medium”>
&nbsp;</td>
</tr>
<tr>
<td width=”20%” style=”border-style: none; border-width: medium”>&nbsp;</td>
<td width=”20%” style=”border-style: none; border-width: medium”>Cargo</td>
<td width=”20%” style=”border-style: none; border-width: medium”>
<acronym title=”inserte solo n�meros”>
<INPUT TYPE=”TEXT” name=”cargo” title=”Inserte solo texto” onkeyup=”letras()” size=”20″></acronym></td>
<td width=”20%” style=”border-style: none; border-width: medium”>&nbsp;</td>
<td width=”20%” style=”border-style: none; border-width: medium”>
&nbsp;</td>
</tr>
<tr>
<td width=”20%” style=”border-style: none; border-width: medium”>&nbsp;</td>
<td width=”20%” style=”border-style: none; border-width: medium”>Sueldo</td>
<td width=”20%” style=”border-style: none; border-width: medium”>
<input type=”text” name=”sueldo” title=”Debe ingresar solo n�meros” onkeyup= validar(); size=”20″></td>
<td width=”20%” style=”border-style: none; border-width: medium”>Dedicaci�n</td>
<td width=”20%” style=”border-style: none; border-width: medium”>
<acronym title=”inserte solo texto”>
<select name=”dedicacion” size=”1″><br>
<option selected>Exclusiva</option>
<option>Tiempo Completo     </option>
<option>Medio Tiempo</option>
<option>Corregir</option>
</select></acronym></td>
</tr>
</table>
</center>
</div>
<p>
<acronym title=”almacenara los datos”>
<INPUT TYPE=”submit” value=”Insertar”></acronym>
<INPUT TYPE=”reset”  value=” borrar ” title=”Borra la informaci�n que a introducido”></p>
<p><br>

<br>
<br>

<br>
<br>
<acronym title=”inserte solo texto”>
<br></acronym>
<br>
<acronym title=”inserte solo n�meros”>
<br></acronym>
<br>
<acronym title=”inserte solo texto”>
&nbsp;</acronym><br>
&nbsp;</p>
</FORM>
</div>
</body>
</html>

enero 30, 2009. 1. Deja un comentario.

Javascript

curso-de-javascriptJavascript es un lenguaje de programación utilizado para crear pequeños programas encargados de realizar acciones dentro del ámbito de una página web. Con Javascript podemos crear efectos especiales en las páginas y definir interactividades con el usuario. El navegador del cliente es el encargado de interpretar las instrucciones Javascript y ejecutarlas para realizar estos efectos e interactividades, de modo que el mayor recurso, y tal vez el único, con que cuenta este lenguaje es el propio navegador.

Este lenguaje posee varias características, entre ellas podemos mencionar que es un lenguaje basado en acciones que posee menos restricciones. Además, es un lenguaje que utiliza Windows y sistemas X-Windows, gran parte de la programación en este lenguaje está centrada en describir objetos, escribir funciones que respondan a movimientos del mouse, aperturas, utilización de teclas, cargas de páginas entre otros.

Es necesario resaltar que hay dos tipos de JavaScript: por un lado está el que se ejecuta en el cliente, este es el Javascript propiamente dicho, aunque técnicamente se denomina Navigator JavaScript. Pero también existe un

Javascript que se ejecuta en el servidor, es más reciente y se denomina LiveWire Javascript.

El código javascript podemos encontrarlo dentro de las etiquetas <body></body> de nuestras páginas web. Por lo general se insertan entre: <script></script>.

Javascript es soportado por la mayoría de los navegadores como Internet Explorer, Netscape, Opera, Mozilla Firefox, entre otros.

enero 19, 2009. 1. Deja un comentario.