Gestionar elementos de formulario tipo nombre[]

BLAH !! · #1 (**permalink**) 06/08/2006, 04:31

Hola a todos:

tengo el siguiente problema ... para optimizar tiempo, trabajo y molestias ... necesito saber si es que existe una forma de poder cambiar los datos de un archivo *.JS pero de manera sencilla, vale decir para una persona con ningun conociento de sitios web.

el codigo es este

Código HTML:

<!--
function cambio( ITEM, n ) {
  switch ( ITEM )  {
    case 'A-001': 
      document.getElementById('articulo'+n).value = 'ESTE ES EL PRIMER TEXTO QUE SE DEBE CAMBIAR';
      document.getElementById('valor'+n).value = 'ESTE ES EL PRIMER VALOR QUE SE DEBE CAMBIAR';
      break;
    case 'A-002': {
      document.getElementById('articulo'+n).value = 'ESTE ES EL SEGUNDO TEXTO QUE SE DEBE CAMBIAR';
      document.getElementById('valor'+n).value = 'ESTE ES EL SEGUNDO VALOR QUE SE DEBE CAMBIAR'}
      break;
  }
}
-->

En realidad el codigo que puse arriba es mucho más extenso pero siempre con esos parámetros ... ese es el codigo de mi archivo *.JS que llam de mi sitio web

AHora como puedo cambiar esos datos simplemente ... ??

Muchas Gracias.-
Pablo Araya.-

GreenLink · #2 (**permalink**) 06/08/2006, 08:35

.puedes hacer tu coddigo javascript con php usando header :)

javascript.php

Código PHP:

  <?
HEADER('Content-type: application/x-javascript');
// aca con echo y if y demas tratas de hacer tu codigo javascript:
echo "alert('wiii');";
?>

asi controlas el contenido de js y lo puedes hacer modular
.....

punto y aparte y por si no sabes xD lo llamas asi desde tu html :

Código:

<script language="Javascript" type="JavaScript" src="http://tuurl.com/script.php"></script>

BLAH !! · #3 (**permalink**) 06/08/2006, 11:49

si, podria ser una opcion pero son demasiados cambios por lo que no me optimiza tiempo

Muchas Gracias.-
Pablo Araya,.

Cluster · #4 (**permalink**) 06/08/2006, 12:58

Lo que deberìas hacer con PHP un "panel de administraciòn" donde le pidas esos usuarios base a tu usuario y tu còdigo PHP genere ese ".js" compuesto como corresponda.

Todas las demàs soluciones serán igualmente complicadas para tu usuario, es decir, .. algùn nivel de conocimientos de "Javsacript" necesitará.

Si tienes formas de "aclarar" ese código Javascript .. tal vez usando más variables, arrays o demás consulta en el foro de Javascirpt. (Y no preguntes por "maestros" .. resume tu pregunta en el título de tu mensaje!!!!)

Un saludo,

BLAH !! · #5 (**permalink**) 06/08/2006, 14:02

Tengo un PHP dinamico que me genera filas de acuerdo a un select que va del 1 al 20. Cada una de estas filas tienen distintos campos de texto, selects que deben tener un name predeterminado por el un numero que se fija de acuerdo a el nuemro de fila... vale decir .. si creo dos filas queda asi

Código HTML:

<table border="0" cellpadding="0" cellspacing="0" width="680">   
      <tr> 
       <td align=center width=80><input type=text name=cantidad[1] id="cantidad1" size=5></td> 
       <td align=center width=100>
<select type=text name=item[1] id=item1 onChange='cambio(this.value,1)'>
          <option value='ITEM' selected>ITEM</option>
          <option value='A-001'>A-001</option>
          <option value='A-002'>A-002</option>
</select>
</td> 
       <td align=center width=220><textarea cols=22 rows=2 name=articulo[1] id="articulo1"></textarea></td> 
       <td align=center width=140>$ <input type=text name=valor[1] id="valor1" size=10 onKeyUp="javascript: document.getElementById('total1').value = document.getElementById('valor1').value * document.getElementById('cantidad1').value;" onMouseMove="javascript: document.getElementById('total1').value = document.getElementById('valor1').value * document.getElementById('cantidad1').value;"></td> 
       <td align=center width=140>$ <input type=text name=total[1] id="total1" size=10></td> 
      </tr>   
      <tr> 
       <td align=center width=80><input type=text name=cantidad[2] id="cantidad2" size=5></td> 
       <td align=center width=100>
        <select type=text name=item[2] id=item2 onChange='cambio(this.value,2)'>
	 <option value='ITEM' selected>ITEM</option>
          <option value='A-001'>A-001</option>
          <option value='A-002'>A-002</option>
          <option>-----</option>
        </select></td> 
       <td align=center width=220><textarea cols=22 rows=2 name=articulo[2] id="articulo2"></textarea></td> 
       <td align=center width=140>$ <input type=text name=valor[2] id="valor2" size=10 onKeyUp="javascript: document.getElementById('total2').value = document.getElementById('valor2').value * document.getElementById('cantidad2').value;" onMouseMove="javascript: document.getElementById('total2').value = document.getElementById('valor2').value * document.getElementById('cantidad2').value;"></td> 
       <td align=center width=140>$ <input type=text name=total[2] id="total2" size=10></td> 
      </tr>

------------------------------------------------------------------------

Ahora al generar este codigo y seleccionar cualquiera de los (en este caso) dos ITEMS que me muestran se completan automaticamente el campo Articulo[$i] y valor[$i].

Para esto llamo a el archivo .JS (codigo en el primer post), el cual me entraga el texto con el cual se completan los campos de la fila.

Lo que yo quiero es que el usuario pueda cambiar el texto y valor de los ITEMS del archivo *.JS, por si en algun momento cambia su valor o descripcion.

Cluster · #6 (**permalink**) 07/08/2006, 06:07

Cita:

Iniciado por BLAH !!

Tengo un PHP dinamico que me genera filas de acuerdo a un select que va del 1 al 20. Cada una de estas filas tienen distintos campos de texto, selects que deben tener un name predeterminado por el un numero que se fija de acuerdo a el nuemro de fila... vale decir .. si creo dos filas queda asi

Código HTML:

<table border="0" cellpadding="0" cellspacing="0" width="680">   
      <tr> 
       <td align=center width=80><input type=text name=cantidad[1] id="cantidad1" size=5></td> 
       <td align=center width=100>
<select type=text name=item[1] id=item1 onChange='cambio(this.value,1)'>
          <option value='ITEM' selected>ITEM</option>
          <option value='A-001'>A-001</option>
          <option value='A-002'>A-002</option>
</select>
</td> 
       <td align=center width=220><textarea cols=22 rows=2 name=articulo[1] id="articulo1"></textarea></td> 
       <td align=center width=140>$ <input type=text name=valor[1] id="valor1" size=10 onKeyUp="javascript: document.getElementById('total1').value = document.getElementById('valor1').value * document.getElementById('cantidad1').value;" onMouseMove="javascript: document.getElementById('total1').value = document.getElementById('valor1').value * document.getElementById('cantidad1').value;"></td> 
       <td align=center width=140>$ <input type=text name=total[1] id="total1" size=10></td> 
      </tr>   
      <tr> 
       <td align=center width=80><input type=text name=cantidad[2] id="cantidad2" size=5></td> 
       <td align=center width=100>
        <select type=text name=item[2] id=item2 onChange='cambio(this.value,2)'>
	 <option value='ITEM' selected>ITEM</option>
          <option value='A-001'>A-001</option>
          <option value='A-002'>A-002</option>
          <option>-----</option>
        </select></td> 
       <td align=center width=220><textarea cols=22 rows=2 name=articulo[2] id="articulo2"></textarea></td> 
       <td align=center width=140>$ <input type=text name=valor[2] id="valor2" size=10 onKeyUp="javascript: document.getElementById('total2').value = document.getElementById('valor2').value * document.getElementById('cantidad2').value;" onMouseMove="javascript: document.getElementById('total2').value = document.getElementById('valor2').value * document.getElementById('cantidad2').value;"></td> 
       <td align=center width=140>$ <input type=text name=total[2] id="total2" size=10></td> 
      </tr>

------------------------------------------------------------------------

Ahora al generar este codigo y seleccionar cualquiera de los (en este caso) dos ITEMS que me muestran se completan automaticamente el campo Articulo[$i] y valor[$i].

Para esto llamo a el archivo .JS (codigo en el primer post), el cual me entraga el texto con el cual se completan los campos de la fila.

Lo que yo quiero es que el usuario pueda cambiar el texto y valor de los ITEMS del archivo *.JS, por si en algun momento cambia su valor o descripcion.

No entendí bien que debes hacer .. pero creo que tu problema es principalmente de javascript:

Según tu código javascript .. te referencias al "select" por un nombre tipo:
nombren°: getElementById('articulo'+n).

Pero en el HTML generas un nombre tipo "array" tipo:
name=articulo[n°]
(para que en PHP tengas un array asociado de facil acceso).

Por mi parte no controlo a ese nivel javascript . . pero deberías consultar en el foro de Javascript sobre como acceder a ese tipo de elementos bajo esa notación tipo "array" de esa forma ...

Un saludo,

BLAH !! · #7 (**permalink**) 07/08/2006, 09:24

ok Gracias...

BLAH !! · #8 (**permalink**) 24/08/2006, 10:20

Cluster podrias trasladar el tema a Javascript por favor

Muchas Gracias

Cluster · #9 (**permalink**) 24/08/2006, 10:26

Cita:

Iniciado por BLAH !!

Cluster podrias trasladar el tema a Javascript por favor

Muchas Gracias

Listo, .. aproveché para cambiar el título del mensaje a algo más coherente al fondo del problema.

Un saludo,