25/01/2009, 20:51
|
| | | Fecha de Ingreso: diciembre-2008
Mensajes: 25
Antigüedad: 15 años, 4 meses Puntos: 0 | |
| inicio de web con javascript
SAludos Foreros, Estoy hace rato documentandome con libros,google, foros sobre la web, he encontrado unos ejemplos para aplicar y ps simplemente estuve transcribiendo, y me han salido una serie de errores que la verdad en el libro deberia estar trabajando bien.....
esta es la parte de html....
Código:
<html>
<head>
<title> Formulario para interaccion con JavaScript</title>
<meta name="GENERATOR" content="Namo WebEditor">
</head>
<body>
<!--
<script>
alert ("ola mundo");
//lista="naranjas,banano,pina";
//frutas=lista.split(",");
//document.write(frutas[0]+" y "+frutas[1]+" y finalmente "+frutas[2])
</script>
-->
<h3>FORMULARIO DE ENTRADA - javaScript</h3>
<form name="formulario" method="get">
<fieldset>
<legend align="right">
<b> FORMULARIO DE CONSULTA</b>
</legend>
<P>
<fieldset>
<legend align="center"><b>
Datos Personales </b>
</legend>
<label> Nombre :
<input name="nombre" type="text/css" size="50">
</label><p>
<label>nivel de estudios :
<select name = "nivel">
<option value ="bachiller"> BACHILLER
</option>
<option value ="tecnico"> tecnico
</option>
<option value ="tecnologico"> Tecnologico
</option>
<option value ="universitario"> Universitario
</option>
<option value ="postgrados"> Posgrado
</option>
</select>
</label>
<label> sexo:
<input name="sexo" type="radio" value="femenino"> Femenino
<input name="sexo" type="radio" value="Masculino">Masculino
</label><p>
</fieldset>
<fieldset>
<legend align="center">
<b>DATOS DE PREFERENCIA</b>
</legend><p>
<label> Lenguajes de programacion que conoce:
<input name="lenguaje" type="checkbox" value="c++"> C++
<input name="lenguaje" type="checkbox" value="java"> Java
<input name="lenguaje" type="checkbox" value="Visual"> Visual .Net
</label><p>
<label> Sistema operativo favorito:
<select name="sistema" size="3" multiple>
<option> Linux </option>
<option> Windows </option>
<option> MacOs </option>
<option> Ubuntu </option>
</select>
</label>
Observaciones:
<textarea name="observaciones" cols="15" rows="5"></textarea><p>
</fieldset><p>
<label>Clave:
<input name="clave" type="password" size="8">
</label>
<input name="version" type="hidden"value="1.0">
<input name="borrar" type="reset" value="limpiar">
<input name="bien" type="submit" value="aceptar" onclick="recibir(formulario)">
</fieldset>
</form>
</body>
</html>
<script language="javascript" src="js/e01-js.js">
</script>
esta es la parte de un archivo aparte llamado e01-js.js
Código:
function recibir (formulario)
{
alert ("recibir");
var nombre,clave,version,observaciones,nivel,sexo;
var languaje,sistema;
lenguaje = new Array();
sistema = new Array();
nombre = obtenerUno (formulario, 'nombre', 'text' );
observaciones = obtenerUno (formulario, 'observaciones','textarea' );
clave = obtenerUno (formulario, 'clave', 'password' );
version = obtenerUno (formulario, 'version', 'hidden' );
nivel = obtenerUno (formulario, 'nivel', 'select-one' );
sexo = obtenerUno (formulario, 'sexo', 'radio' );
obtenerMultiples (formulario, 'lenguaje','checkbox', lenguaje);
obtenerMultiples (formulario, 'sistema' ,'select-multiple', sistema );
principal (nombre, observaciones, clave, version, nivel, sexo, lenguaje, sistema);
}
function obtenerUno ( formulario, nombreVariable, tipo)
{
var cantidad, i, indice;
cantidad=formulario.elements.length;
for (i=0;i<cantidad;i++)
{
if( formulario.elements[i].type==tipo && formulario.elements[i].name == nombreVariable)
{
switch ( formulario.elements[i].type)
{
case 'select-one':
indice = formulario.elements[i].selectedindex;
return formulario.elements[i].options[indice].text;
break;
case 'radio':
if (formulario.elements[i].checked == true)
{
return formulario.elements[i].value;
}
break;
default:
return formulario.elements[i].value;
break;
}
}
}
return null;
}
function obtenerMultiples ( fomulario, nombreVariable, tipo, vector)
{
var cantidad, i, j, k;
cantidad=formulario.elements.length;
j=0;
for (i=0;i<cantidad;i++)
{
if( formulario.elements[i].type==tipo && formulario.elements[i].name == nombreVariable)
{
switch ( formulario.elements[i].type)
{
case 'checkbox':
if( formulario.elements[i].checked == true )
{
vector[j]=formulario.elements[i].value;
j++;
}
break;
case 'select-multiple':
for ( k=0; k<formulario.elements[i].options.length ; k++)
{
if( formulario.elements[i].options[k].selected)
{
vector[j]=formulario.elements[i].options[k].text;
j++;
}
}
break;
}
}
}
}
function principal(nombre, observaciones, clave, version, nivel, sexo, lenguaje, sistema)
{
inicioPagina( "procesamiento de formulario en JS", "Datos recibidos - JavaScript");
inicioFormato();
imprimirValor( "Nombre" ,nombre );
imprimirValor( "Nivel de estudios" ,nivel );
imprimirValor( "Sexo" ,sexo );
imprimirVector( "Lenguaje que conoce" ,lenguaje );
imprimirVector( "Sistema operativo favorito" ,sistema );
imprimirValor( "version" ,version );
imprimirValor( "clave" ,clave );
imprimirValor( "observaciones" ,observciones );
finFormato();
finPagina();
}
function imprimirValor( texto, valor)
{
document.writeln( "<b>"+ texto +"</b>\n" + valor + "\n" );
}
function imprimirVector( texto, vector)
{
var i;
document.writeln( "<b>"+ texto +"</b>");
for( i=0; i<vector.length;i++)
{
document.writeln( vector[i]);
}
document.writeln( " \n ");
}
function inicioPagina (tiutlo, texto)
{
document.writeln("<html>");
document.writeln("<head>");
document.writeln("<title>");
document.writeln(titulo);
document.writeln("</title>");
document.writeln("</head");
document.writeln("<body>\n");
document.writeln("<center>");
document.writeln("<h3>"+texto+"</h3>");
}
function finPagina()
{
document.writeln("</center>");
document.writeln("</body>");
document.writeln("</html>");
}
function inicioFormato()
{
document.writeln("<pre>");
}
function finFormato()
{
document.writeln("</pre>");
}
hipotesis 1: me da la impresion que los navegadores ya no soporten esta clase de programacion
hipotesis 2: el error es mio por algun espacio o algun ";" jejeje Saludo
Me gustaria saber donde puede estar el error o los errores..Gracias chausss
Chausss Foreros |