se puede realizar tipo tabulador

AME · #1 (**permalink**) 02/10/2006, 09:42

Hola que tal a todos?

tengo una pregunta.
cuando en ford insertamos tablas por decir insertamos 5 filas y surge la necesidad de insertar mas entonces nosotros con solo darle tabulador se inserta una nueva. mi pregunta es se puede hacer para la web?

utilizo dreamweaver 8.
la parte en la cual necesito insertarlo es:

donde lo mecesito es:

<tr>
<td>Num. Mov </td>
<td>Folio Recurso </td>
<td width="3%">Depto. origen</td>
<td width="20%">Depto. destino </td>
<td width="19%"> </td>
</tr>
<tr>
<td><input name="nummov" type="text" size="5" maxlength="1" value="1"/></td>
<td><input name="foliorecurso" type="text" size="5" maxlength="5" /></td>
<td><input name="origen" type="text" size="10" maxlength="10" /></td>
<td><input name="destino" type="text" size="10" maxlength="10" /></td>
</tr>
<tr>
<td><input name="nummov2" type="text" size="5" maxlength="1" /></td>
<td><input name="foliorecurso2" type="text" size="5" maxlength="5" /></td>
<td><input name="origen2" type="text" size="10" maxlength="10" /></td>
<td><input name="origen4" type="text" size="10" maxlength="10" /></td>
</tr>
<tr>
<td><input name="nummov3" type="text" size="5" maxlength="1" /></td>
<td><input name="foliorecurso3" type="text" size="5" maxlength="5" /></td>
<td><input name="origen3" type="text" size="10" maxlength="10" /></td>
<td><input name="origen5" type="text" size="10" maxlength="10" /></td>
</tr>

si se puede hacer. sera que alguien me pueda decir?

graciasssssss

Cluster · #2 (**permalink**) 02/10/2006, 10:10

Cita:

...cuando en ford...

Que es eso? .. será "Word" (MS Word?) ..

Cita:

utilizo dreamweaver 8.

Es lo de menos el editor que uses.

Cita:

y surge la necesidad de insertar mas entonces nosotros con solo darle tabulador se inserta una nueva. mi pregunta es se puede hacer para la web?

Con PHP NO, pero con técnicas como DHTML (Javascript+HTML) podrías hacer algo como lo que quieres..

Muevo tu pregunta al foro de Javascript para que te orienten.

Un saludo,

AME · #3 (**permalink**) 09/10/2006, 08:57

hola a todos?

se puede realizar el tipo tabulador?
si se puede me podran dar una idea??

graciassss

crcbad · #4 (**permalink**) 09/10/2006, 09:04

Interesante pregunta.... He intentado simular lo que comentas, pero la tecla TAB en concreto, no es una tecla con la que se pueda interactúar, sí que puedes hacerlo con cualquier otra tecla como ALT, MAY, INSERT, pero no con TAB ni con las teclas de Función.

crcbad · #5 (**permalink**) 09/10/2006, 09:11

Más interesante aún... si que se puede :O

La pega, es que funciona, pero aparte de coger el evento de tabulación, lógicamente se va al siguiente elemento en tabular, pero con esta función lo he hecho:

Código PHP:

  <html>
<head>
<script>
function inserta(e)
{
 var code;
 if (e.keyCode) code = e.keyCode;
 else if (e.which) code = e.which;
 if (code==9)
 { 
  alert("Tab Pulsado!!.");
  // Aqui mete la construccion de la nueva fila con createElement
  // Y luego para agregarlo con appendChild
 }
}
 
</script>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" onKeyDown="inserta(event)">
  <tr>
    <td>Celda 1</td>
    <td>Celda 2</td>
  </tr>
  <tr>
    <td>Celda 3</td>
    <td>Celda 4</td>
  </tr>
</table>
</body>
</html>

AME · #6 (**permalink**) 09/10/2006, 12:00

hola crcbad ya tengo una parte de ello y si funciona pero mi problema de ahora es que yo lo quiero es esta parte: despues del input origen 4.

Código HTML:

 <tr>
        <td><input name="nummov" type="text" size="5" maxlength="1" value="1"/></td>
        <td><input name="foliorecurso" type="text" size="5" maxlength="5" /></td>
        <td><input name="origen" type="text" size="10" maxlength="10" /></td>
        <td><input name="destino" type="text" size="10" maxlength="10" /></td>
      </tr>
      <tr>
        <td><input name="nummov2" type="text" size="5" maxlength="1" /></td>
        <td><input name="foliorecurso2" type="text" size="5" maxlength="5" /></td>
        <td><input name="origen2" type="text" size="10" maxlength="10" /></td>
        <td onkeydown="inserta(event)"><input name="origen4" type="text" size="10" maxlength="10" /></td>
      </tr>

si lo inserta pero al final de la tabla como le hago para que lo inserte en la siguiente fila.
el codigo en java es

Código PHP:

  <script language="javascript" type="text/javascript">

 
function inserta(e)

{

 var code;

 if (e.keyCode) code = e.keyCode;

 else if (e.which) code = e.which;

 if (code==9)

 { 

  //alert("Tab Pulsado!!.");

 
  

  docBody = document.getElementsByTagName("body").item(0);

  myTable = document.createElement("TABLE");

  myTable.id ="TableOne";

  myTable.border = 1;

  myTableBody = document.createElement("TBODY");

  for (i = 0; i < 1; i++){

    row = document.createElement("TR");

    for (j = 0; j < 4; j++){

      hola = document.createElement("TD");

      hola.setAttribute("WIDTH","50");

      hola.setAttribute("HEIGHT","50");

      textVal = "hola" + i + "_" + j;

      textNode = document.createTextNode(textVal);

      hola.appendChild(textNode);

      row.appendChild(hola);

    }

    myTableBody.appendChild(row);

  }

  myTable.appendChild(myTableBody);

  docBody.appendChild(myTable);

 
//window.onload = construyeTabla;

 
 }

}

 

</script>

oye y crees que tambien se pueda hacer con cajas de texto?
sera bueno no?

graciasss

crcbad · #7 (**permalink**) 10/10/2006, 01:12

Con Javascript se puede hacer lo que tu quieras :) Lo mismo aplicado a tabla, se puede con cualquier objeto de la colección document.

Lo que no entiendo muy bien es lo que quieras hacer y donde colocarlo, si he entendido bien, cuando el usuario se encuentra sobre el input "origen4", al pulsar TAB se debe de crear únicamente una nueva fila, con 4 nuevas celdas, o bien una con un colspan que abarque a las 4. Si lo que quieres es eso, no tienes que crear más elementos table, bastaría con agregar un nuevo TR a al table, el cual me imagino que tendrás definido con un ID, por ejemplo "tablaDinamica".

Código PHP:

  <script language="javascript" type="text/javascript"> 

function inserta(e) 
{ 
 var code; 
 if (e.keyCode) code = e.keyCode; 
 else if (e.which) code = e.which; 
 if (code==9) 
 {  
  //alert("Tab Pulsado!!."); 

   
  nuevoTR= document.createElement("TR"); 
  document.getElementById("tablaDinamica").appendChild(nuevoTR);

    for (j = 0; j < 4; j++){ 
      hola = document.createElement("TD"); 
      hola.setAttribute("WIDTH","50"); 
      hola.setAttribute("HEIGHT","50"); 
      textVal = "hola" + i + "_" + j; 
      textNode = document.createTextNode(textVal); 
      hola.appendChild(textNode); 
      nuevoTR.appendChild(hola); 
    } 

//window.onload = construyeTabla; 

 } 
} 
  
</script>

AME · #8 (**permalink**) 10/10/2006, 08:33

hola que tal?

lo que quiero es como ya habias mencionado que cuando el usuario le de tab cree una nueva fila con 4 celdas, asi como en word si insertamos una tabla con 2 filas si le damos Tab, se inserta una nueva.

la opcion que me dio no funciona me marca lo siguiente:

Código HTML:

document.getElementById("tablaDinamica").appendChild(nuevoTR); es nulo o no es un objeto

entonces no se cual se el problema si con la tabla funciona y tambien mencione de que cuando se inserte la nueva fila nos de la opcion de agregar texto aunque no se si se pueda sin cajas de texto, entonces como le hago si necesito insertar texto??

gracias crcbad me has ayudado mucho.

gracias y saludos
ame.

crcbad · #9 (**permalink**) 11/10/2006, 01:02

"tablaDinamica" seguramente no lo tengo definido como el ID de la tabla principal, prueba a ponerle a tu TABLE dicho ID y vuelve a probar :)