No logro recibir los datos enviados de un textarea

kaninox · #1 (**permalink**) 01/02/2011, 08:36

Hola muchacho(a)s tengo un problema, tengo un script que me copia los datos de un textarea a otro, todo funciona muy bien pero ahora que quiero enviar cualquiera de los dos textareas via POST me doy cuenta que no envio nada....

como puedo enviar los datos.

mi script es :

Código Javascript:

Ver original<script type="text/javascript">
function Move_Select(objSourceElement, objTargetElement)
{
   var aryTempSourceOptions = new Array();
   var aryTempTargetOptions = new Array();
   var x = 0;
   //looping through source element to find selected options
   for (var i = 0; i < objSourceElement.length; i++) {
        if (objSourceElement.options[i].selected) {
            //need to move this option to target element
            var intTargetLen = objTargetElement.length++;
            objTargetElement.options[intTargetLen].text = objSourceElement.options[i].text;
            objTargetElement.options[intTargetLen].value = objSourceElement.options[i].value;
        }else {
            //storing options that stay to recreate select element
            var objTempValues = new Object();
             objTempValues.text = objSourceElement.options[i].text;
             objTempValues.value = objSourceElement.options[i].value;
             aryTempSourceOptions[x] = objTempValues;
             x++;
        }
   }
 
   //sorting and refilling target list
   for (var i = 0; i < objTargetElement.length; i++) {
    var objTempValues = new Object();
    objTempValues.text = objTargetElement.options[i].text;
    objTempValues.value = objTargetElement.options[i].value;
    aryTempTargetOptions[i] = objTempValues;
   }
 
   aryTempTargetOptions.sort(sortByText);
 
   for (var i = 0; i < objTargetElement.length; i++) {
    objTargetElement.options[i].text = aryTempTargetOptions[i].text;
    objTargetElement.options[i].value = aryTempTargetOptions[i].value;
    objTargetElement.options[i].selected = false;
   }
   
   //resetting length of source
   objSourceElement.length = aryTempSourceOptions.length;
   //looping through temp array to recreate source select element
   for (var i = 0; i < aryTempSourceOptions.length; i++) {
    objSourceElement.options[i].text = aryTempSourceOptions[i].text;
    objSourceElement.options[i].value = aryTempSourceOptions[i].value;
    objSourceElement.options[i].selected = false;
   }
     }
 
     function sortByText(a, b)
     {
   if (a.text < b.text) {return -1}
   if (a.text > b.text) {return 1}
   return 0;
     }
 
     function selectAll(objTargetElement)
     {
   for (var i = 0; i < objTargetElement.length; i++) {
    objTargetElement.options[i].selected = true;
   }
   return false;
  }
  
  function seleccionar(obj) {
        a = new Array();
        elem=document.getElementById(obj).options;
        for(i=0;i<elem.length;i++)
        {
        //elem[i].selected=true;    
        //alert(elem[i].value);
        
        a[i] = elem[i].value
        
        }
        //elem[0].value = implode(a); 
        //elem[0].selected= true;
        //a = new Array(0,1,2,3,4,5,6,7,8,9); 
        return implode(a); 
  } 
  function implode(array){ 
  var imploded=array[0]; 
  for (i=1; i<array.length; i++)imploded += '+' + array[i]; 
  return imploded 
} 
function llenardatos_select(LI,origen,destino)
{
        var datos = LI.split("+");
        for (i=0; i < datos.length; i++)
        {
                //alert (lineainv[i]);
                document.getElementById(origen).value = datos[i];
                Move_Select(document.getElementById(origen),document.getElementById(destino))
        }
}function Move_Select(objSourceElement, objTargetElement)
{
   var aryTempSourceOptions = new Array();
   var aryTempTargetOptions = new Array();
   var x = 0;
   //looping through source element to find selected options
   for (var i = 0; i < objSourceElement.length; i++) {
        if (objSourceElement.options[i].selected) {
            //need to move this option to target element
            var intTargetLen = objTargetElement.length++;
            objTargetElement.options[intTargetLen].text = objSourceElement.options[i].text;
            objTargetElement.options[intTargetLen].value = objSourceElement.options[i].value;
        }else {
            //storing options that stay to recreate select element
            var objTempValues = new Object();
             objTempValues.text = objSourceElement.options[i].text;
             objTempValues.value = objSourceElement.options[i].value;
             aryTempSourceOptions[x] = objTempValues;
             x++;
        }
   }
 
   //sorting and refilling target list
   for (var i = 0; i < objTargetElement.length; i++) {
    var objTempValues = new Object();
    objTempValues.text = objTargetElement.options[i].text;
    objTempValues.value = objTargetElement.options[i].value;
    aryTempTargetOptions[i] = objTempValues;
   }
 
   aryTempTargetOptions.sort(sortByText);
 
   for (var i = 0; i < objTargetElement.length; i++) {
    objTargetElement.options[i].text = aryTempTargetOptions[i].text;
    objTargetElement.options[i].value = aryTempTargetOptions[i].value;
    objTargetElement.options[i].selected = false;
   }
   
   //resetting length of source
   objSourceElement.length = aryTempSourceOptions.length;
   //looping through temp array to recreate source select element
   for (var i = 0; i < aryTempSourceOptions.length; i++) {
    objSourceElement.options[i].text = aryTempSourceOptions[i].text;
    objSourceElement.options[i].value = aryTempSourceOptions[i].value;
    objSourceElement.options[i].selected = false;
   }
     }
 
     function sortByText(a, b)
     {
   if (a.text < b.text) {return -1}
   if (a.text > b.text) {return 1}
   return 0;
     }
 
     function selectAll(objTargetElement)
     {
   for (var i = 0; i < objTargetElement.length; i++) {
    objTargetElement.options[i].selected = true;
   }
   return false;
  }
  
  function seleccionar(obj) {
        a = new Array();
        elem=document.getElementById(obj).options;
        for(i=0;i<elem.length;i++)
        {
        //elem[i].selected=true;    
        //alert(elem[i].value);
        
        a[i] = elem[i].value
        
        }
        //elem[0].value = implode(a); 
        //elem[0].selected= true;
        //a = new Array(0,1,2,3,4,5,6,7,8,9); 
        return implode(a); 
  }
  
  function implode(array){ 
  var imploded=array[0]; 
  for (i=1; i<array.length; i++)imploded += '+' + array[i]; 
  return imploded 
} 
 
function llenardatos_select(LI,origen,destino)
{
        var datos = LI.split("+");
        for (i=0; i < datos.length; i++)
        {
                //alert (lineainv[i]);
                document.getElementById(origen).value = datos[i];
                Move_Select(document.getElementById(origen),document.getElementById(destino))
        }
}
</script>

Mi Codigo es :

Código PHP:

Ver original<form method="post" action="pp.php" style="margin:0;padding:0;">
<select name="disciplina" size="5" multiple="multiple" id="disciplina" style="width:352px;" onChange="javascript:Move_Select(this.form.disciplina, this.form.listadisciplina)" >
<option value="1">disciplina 1</option>
<option value="2">disciplina 2</option>
<option value="3">disciplina 3</option>
</select><br />
<select id="listadisciplina" name="listadisciplina" size="5" multiple="multiple"  style="width:365px;" onChange="Move_Select(this.form.listadisciplina, this.form.disciplina)">
<option value="4">disciplina 4</option>
<option value="5">disciplina 5</option>
<option value="6">disciplina 6</option>
</select>
<br />
<input type="text" name="algo" value="2">
<br />
<input type="submit" name="enviar" value="Enviar">
</form>
<?php
echo "$_POST[listadisciplina] - $_POST[algo]";
?>

el algo lo puse para probar que no este cometiendo yo un error pero nada :/
alguna idea?

jotaincubus · #2 (**permalink**) 01/02/2011, 08:40

La pagina que tiene el codigo php se llama pp.php ? o es otra pagina la que recibe los datos ?

kaninox · #3 (**permalink**) 01/02/2011, 09:00

es la misma y no hay caso que pueda recibir los datos, alguna idea.

jotaincubus · #4 (**permalink**) 01/02/2011, 09:04

<?php
if (isset($_POST['enviar'])){
echo $_POST['listadisciplina']." - ".$_POST['algo'];
}
?>

kaninox · #5 (**permalink**) 01/02/2011, 09:23

jotaincubus lo probaste?
digo solo le agregaste el el boton la lista sigo sin recibirla, hasta donde he leido por hay hay que tratarla como arreglo pero por mas que le agrego disciplina[] por ejemplo tampoco me la toma he probado con un for y foreach y tampoco, alguno tiene alguna idea de que pueda estar pasando?

Saludos

GatorV · #6 (**permalink**) 01/02/2011, 10:22

Tema movido desde PHP a Javascript

SirDuque · #7 (**permalink**) 01/02/2011, 11:29

Pregunta, probaste poner metodo GET, para ver si sale, a mi me pasa muy seguido y siempre resulta que me equivoco en el nombre de la variable etc. xD con metodo GET te sacas las dudas si sale del form o no xD.

kaninox · #8 (**permalink**) 01/02/2011, 12:24

El tema es que si probaron el codigo me parece que no, este lo que hace es enviar info entre los dos textareas, si pincho en un textarea la info de ese pasa al otro y viceversa en tonces necesito enviar lo que hay completo en cada un de los textareas sin seleccionar la info por asi decirlo, y claramente no se envia nada.

Alguna idea al respecto

SirDuque · #9 (**permalink**) 01/02/2011, 12:42

Te cuento cual es el problema, estas usando una lista de select, y resulta que cuando le haces un clic lo sube o lo baja, pero no SELECCIONA NINGUNO!!!!! ;) fijate agrega selected alguna opcion, y envialo y vas a ver que funciona todo OK...

Que tendrias que hacer, todo lo que este abajo este SELECCIONADO. (osea todo lo que baje este en azul, que lo baje con "selected".

kaninox · #10 (**permalink**) 01/02/2011, 12:50

Hola Sirduque pues esa es mi duda como recibo los parametros completos si no he seleccionado nada, de hecho si llego a seleccionar algo se pasa al select multiple de al lado, eso funciona como quiero el tema es como puedo enviar la info del select sin seleccionar los datos., el array completo.

Saludos

SirDuque · #11 (**permalink**) 01/02/2011, 13:14

La verdad que dudo puedas enviarlo usando ese metodo...
yo lo descartaria y buscaria otra opcion, ademas tenes otro problema...
cuando lo envia en metodo POST o GET, el PHP solo toma el ultimo ya que se esta pisando el nombre de la variable :/

kaninox · #12 (**permalink**) 01/02/2011, 13:33

La verdad que yo se que se puede de hecho el código lo saque de un sistemita por hay el tema es que como no entiendo mucho el JS no se como envía los datos pero el sistema los recibe sin tener que estar seleccionando una opción.
Como se va a pisar el nombre de la variable? si estos datos se trabajan en arreglos? eso no lo entendi.

Por otra parte recién me vine a dar cuenta que puse textarea en el titulo y debería haber sido select multiple jajajaja ando de lokos...

kaninox · #13 (**permalink**) 01/02/2011, 13:43

Y bueno lo solucione, tomando el arreglo con javascript.

Les dejo la solucion

Código Javascript:

Ver original<script type="text/javascript">
function tomaarreglo()
{
    seleccion = seleccionar('disciplina');
    if (!seleccion) {}else{
        document.formulario.disciplina.options[0].text    = seleccion;
        document.formulario.disciplina.options[0].value   = seleccion;
        document.formulario.disciplina.options[0].selected=true
    }
    window.document.formulario.submit();
}
</script>