Ir almacenando en arrays

javier55 · #1 (**permalink**) 04/05/2010, 12:29

Hola , la verdad es que llevo dias y no lo saco, por otro lado me he liado con cookies, etc, necesito ayuda para comprenderlo, ya que me encuentro ya obcecado y no ceo nada,

El tema es ir almacenando en arrays datos tipo agenda telefonica (nombre, apellido, etc) , irlos almacenando y luego mostrarlo en pantalla,

El código del que parto es el siguiente:

function validacion(formulario) {
nombre = new Array();
apellidos = new Array();
empresa= new Array();
email= new Array();
web= new Array();
contador = new array();

if ((formulario.nombre.value == "") || (formulario.apellidos.value == "") || (formulario.empresa.value == "") || (formulario.email.value == "") || (formulario.web.value == "") || (formulario.telefono.value == "")){
alert ("No puede dejar ninguno de los campos vacios");
return false
}
else{
if (Nombre.length != 0){
for (contador = 0; contador < Nombre.length; contador++){
if (formulario.nombre.value == persona.nombre[contador] && formulario.apellidos.value == persona.Apellidos[contador]){
alert("Lo siento pero ese nombre ya está cogido");
break;
return false;
}
}
}
}
nombre[nombre.length]=formulario.nombre.value;
apellidos[apellidos.length]=formulario.apellidos.value;
empresa[empresa.length]=formulario.empresa.value;
email[email.length]=formulario.email.value;
web[web.length]=formulario.web.value;
telefono[telefono.length]=formulario.telefono.value;
return true
}

function imprime () {
document.writeln(contador + nombre + apellidos + empresa + email + web) ;
}
</script>
html:

<body>
<form name="formulario">
<li>Nombre: <input type="text" name="nombre" id="nombre" size="25"></li>
<li>Apellidos: <input type="text" name="apellidos" id="apellidos" size="51"></li>
<li>Empresa: <input type="text" name="empresa" id="empresa" size="25"></li>
<li>Email: <input type="text" name="email" id="email" size="20"></li>
<li>Web: <input type="text" name="web" id="web" size="20"></li>
<li>Telefono: <input type="text" name="telefono" id="telefono" size="9"></li>
<input type="button" value="Añade a la Agenda" onClick="validacion(formulario)">
<input type="button" value="Muestra agenda" onClick="imprime(formulario)">

</form>
</body>

Lo que intento hacer, es mirar si queda algun campo en blanco, si aparte de esto ya está almacenado el mismo nombre y apellido , si no añadirlo y un boton para mostrar la lista de los contactos, pero, me he quedado encallado, no paso las variables del formulario al js.

Gracias,

zerokilled · #2 (**permalink**) 04/05/2010, 12:57

creo que te hace falta repasar los conceptos basicos acerca del lenguaje en si. ire parte por parte segun notando los problemas.

los nombres de identificadores (nombres para variables y funcion) son sensible a mayusculas y minusculas. no es lo mismo Nombre que nombre.
las variables no inicializadas generan error cuando se utilizan. por ejemplo, ¿donde esta inicializada tu variable persona?
dos o mas entidades con el mismo identificador sobreescribe el uno al otro. es decir, si tengo un array contador y luego defino la variable contador, este ultimo sobreescribira al primero. tu caso es como lo expuse aqui, tienes un array contador y luego en un bucle defines la variable contador = 0.
fijate donde defines las variables. si la variable la inicias dentro de una funcion, cada vez que la invoques resultara en una nueva inicializacion. por ejemplo, las variables nombre, apellidos, empresa, email, entre otras mas estan definido dentro de la funcion validacion.

javier55 · #3 (**permalink**) 04/05/2010, 13:29

Gracias por tu respuesta, soy novato en esto y con el tema de las variables en array me pierdo,
He modificado parte del código siguiendo tus observaciones y lo único que me queda en duda, es la variable contador, como la guardo en una variable global, para que me muestre el resultado
0 nombre ...........
1 nombre ...........

Ya que ahora me queda intercalado y suponco que es por el tema variable contador.
nombre,nombre1,apellido,apellido1, etc....

Pongo el nuevo código,

Saludos,

// JavaScript Document
nombre = new Array();
apellidos = new Array();
empresa= new Array();
email= new Array();
web= new Array();
Contador = new Array();
function validacion(formulario) {
if ((formulario.nombre.value == "") || (formulario.apellidos.value == "") || (formulario.empresa.value == "") || (formulario.email.value == "") || (formulario.web.value == "") || (formulario.telefono.value == "")){
alert ("No puede dejar ninguno de los campos vacios");
return false
}
else{
if (nombre.length != 0){
for (contador = 0; contador < nombre.length; contador++){
if (formulario.nombre.value == nombre[contador] && formulario.apellidos.value == apellidos[contador]){
alert("Lo siento pero ese nombre ya está cogido");
break;
return false;
}
}
}
}
nombre[nombre.length]=formulario.nombre.value;
apellidos[apellidos.length]=formulario.apellidos.value;
empresa[empresa.length]=formulario.empresa.value;
email[email.length]=formulario.email.value;
web[web.length]=formulario.web.value;
telefono[telefono.length]=formulario.telefono.value;
return true
}

function imprime () {
document.writeln(contador + nombre + apellidos + empresa + email + web) ;
}

zerokilled · #4 (**permalink**) 04/05/2010, 13:42

de por si la variable contador es global porque no se esta iniciando con el keyword var. para asignar el conteo al array Contador, obtienes la longitud del mismo array y se lo asignas.
Contador[Contador.length] = Contador.length;

javier55 · #5 (**permalink**) 04/05/2010, 14:04

Gracias por anticipado por tu tiempo, dudas: está funcionando, pero el documento writeln , me está mostrando la informacion así:

ultimo contador por ejemplo 2 ,abc,abc,abc,etc. , para que me lo muestre de la siguiente manera ordenado:
0,a,a,a,a,a
1,b,b,b,b,b
2,c,c,c,c,c

Que tendría que hacer algun tipo de mientras contador sea >0 y < que contador.length document writeln, contador,nombre,etc...

Saludos,

zerokilled · #6 (**permalink**) 04/05/2010, 14:10

tienes que escribir tu codigo para que quede en el formato que desees. basicamente otro bucle for controlado por uno de los arrays, puede ser cualquiera ya que todos tienen la misma longitud. entonces, vas leyendo he imprimiendo en cada iteracion.

javier55 · #7 (**permalink**) 04/05/2010, 14:40

Lo siento pero no lo pillo, pongo lo siguiente:
for ( x = 0; x < contador.length; x++ ){
document.writeln(contador + nombre + apellidos + empresa + email + web) ;
}

Por lo que he entendido ,con el for, le digo que x = 0 , mientras sea menor que el valor contador.length , escriba la linea y sume a x 1 hasta llegar al mismo valor que contador, pero no funciona, que me estoy dejando,

Gracias por tu tiempo,

zerokilled · #8 (**permalink**) 04/05/2010, 14:44

con la variable x indicas la posicion del array que deseas imprimir. o sea, contador[x]. y asi con los demas arrays.

javier55 · #9 (**permalink**) 04/05/2010, 14:54

Lo siento Zerokilled, aquí ya me quedé atascado, no entiendo si ya estoy controlando que vaya sumando hasta igualar a contador, que es lo que tengo que hacer con los otros arrays ??

Saludos y gracias,

zerokilled · #10 (**permalink**) 04/05/2010, 15:15

como te indique, con la variable de iteracion (variable x) vas a indicar la posicion a imprimir. tal como lo tienes dentro de writeln, estas indicando imprimir todo el array de una vez. pero no es lo que quieres. entonces, a todos los arrays que estan dentro de writeln le agregas al final [x].

javier55 · #11 (**permalink**) 04/05/2010, 15:26

Al fin, gracias, funcionando y me has hecho discurrir el coco, que es como se debe hacer, gracias por las pistas, la verdad es que me pierdo con el tema variables,

Saludos,

jonnyalex_1990 · #12 (**permalink**) 14/05/2010, 16:07

Compañero quiciera que me colaboraras con algun script que este funcionando con esto de los arrays de lo agradeceria mucho.