Funcionalidades en mi formulario

[sefirotxx]

Hola, lo que necesito es lo siguiente:

Tengo un formulario para agregar notas, este muestra la cantidad de alumnos que tiene un curso y textbox para agregar las diferentes notas de acuerdo a la asignatura. El tema que con un while el formulario me queda como un excel (ya que son varios alumnos por curso) y me gustaria que la insercion de datos sea igual de facil por lo que necesito ideas para:

1)Necesito que al agregar una nota y al presionar enter no me presione en boton agregar, sino que baje al textbox que tiene abajo (asi como el tabulador lo hace hacia al lado), el boton agregar se debe activar solamente cuando se presione.

2)Al agregar las notas doy un "alert" (javascript) y envio con "windows.location"(javascript) al inicio de la gestion con notas, pero cuando sale el alert todos los cambios que hice en el formulario se borran y queda como al principio, despues me redirecciona y cuando veo de nuevo el formulario estan agregado los datos, quiero evitar que el usuario vea eso (como que todo lo agregado se borra) por que lo puede confundir, existe alguna forma??

Gracias

[Raziel_Ravenheart]

Bueno básicamente estás en el foro equivocado, ya que todo lo que pides se hace con html y javascript, nada que ver con PHP

Para detectar cuando se oprime enter y que no se envie el formulario, debes omitir el botón type="submit" en el formulario, esto hará que cualquier enter que pulses, no quiera enviar el formulario.

es decir, si haces los siguiente

Código HTML:

<form name="f" action="algo.php" >
<input type="text" name="dato1" />
<input type="text" name="dato2" />
<input type="button" name="enviar" value="Enviar Datos" />
</form>
 

no tendrás problemas y en javascript puedes hacer lo siguiente:
Para detectar que se oprime enter en el campo de texto, y para que se envie el formulario cuando le des click al botón de enviar, pon lo siguiente:

Código Javascript:

window.onload = function () {
  document.forms['f'].dato1.onkeypress = detectarTecla;
  document.forms['f'].dato2.onkeypress = detectarTecla;
  document.forms['f'].enviar.onclick = enviarDatos;
}
 
 
// Esta funcion se la puedes asignar a cualquier campo de texto
function detectarTecla ( evt ) {
  // Con la siguiente línea de código sabemos cual fue el campo al cual se le oprimio enter
  // y queda una referencia de este guardada en la variable campo. 
  var campo = evt.target;
  // si depues de lo anterior se hiciera: alert(campo.name); el código mostraria el valor del 
  // atributo name del campo al que se le dio enter, este caso: dato1, y dependiendo de este
  // valor, se pueden ejecutar algunas acciones con un if, switch, o incluso algo más complicado
  // dividiendo el valor para saber que campo es y ciclar al siguiente, con un substr o substring
  
  //Con esta línea de código, podemos saber cual tecla se oprimio, no funciona
  // en internet explorer ya que IE trata diferente los eventos, como parte del objeto window
  var tecla = evt.charCode;
 
  if (tecla == 13) {
    // Aquí iria el código para que salte al próximo campo, sería algo complicado si fueran varios
    // campos y tuvieras que ciclar entre estos, pero con este ejemplo solo tienes que hacer lo
    // siguiente:
 
    document.forms['f'].dato2.focus()
    // o también
    document.forms['f']['dato2'].focus()
    // ambas hacen lo mismo
  }
}
 

Tienes varias opciones dependiendo del tipo de cosas que quieras hacer, estudia mucho evento y DOM

[sefirotxx]

Gracias!! tal cual tu dices estudiare evento y DOM, muy buena la informacion justo lo que necesitaba!

[Raziel_Ravenheart]

Me faltó explicarte la función del botón para enviar los datos, y es solamente definir la función que se le asigno en la línea 4 del código javascript, o sea esta:

Código Javascript:

document.forms['f'].enviar.onclick = enviarDatos;
 

la función iría de la siguiente manera:

Código Javascript:

function enviarDatos () {
  document.forms['f'].submit();
}
 

Eso sería todo.

Exitos y cualquier otra duda sobre DOM o eventos, no dudes dejarla en el foro de Javascript