pasar array por parametro en una funcion

[galorn]

Hola a todos:

Mi problema es que relleno un array y quiero pasarlo por parametro a una funcion javascript, pero no puedo. Se que se ha rellenado bien de los datos del controlador ya que lo miro con el firebug, y veo lo siguiente:

Código:

tempArr[0]= new Producto(00,00,00,message,01,Joan,Josep,Vols ser el meu amic?);
tempArr[1]= new Producto(00,00,09,message,04,Josep,Joan,Si.);

Aquí va el código:

Código Javascript:

var tempArr = new Array();
 
        function  Producto(hora,minuto,segundo,tipo,numero,nombre1,nombre2,comentarios) {
            this.hora = hora;
            this.minuto = minuto;
            this.segundo = segundo;
            this.tipo = tipo;
            this.numero = numero;
            this.nombre1 = nombre1;
            this.nombre2 = nombre2;
            this.comentarios = comentarios;
        }
        
        <g:each in="${list}" status="x" var="item" >
            tempArr[${x}]= new Producto(${item.getHoras()},${item.getMinutos()},${item.getSegundos()},${item.getTipo()},${item.getNumero()},${item.getNombre1()},${item.getNombre2()},${item.getComentarios()});
        </g:each>
 

Y el boton de la web donde quiero llamar a una funcion de un .js externo:

Código HTML:

<input name="a" type="button" onclick="play('tempArr')" value="play" />
 

Total, que intento recoger el parametro en el javascript externo y trabajar con el pero no funciona. Yo creo que es que tempArr solo existe dentro del trozo de codigo javascript, pero también he probado de hacer una llamada a una función(sin parametro) y esta a su vez llamara a play(tempArr) que esta en el .js externo, pero tampoco puedo!

Gracias por la ayuda!

[donyoyo]

estimado, debes cambiar la forma de llamada
<input name="a" type="button" onclick="play('tempArr')" value="play" />
por que así como lo tienes en la funcion, tempArr pasa a ser un string
tienes que dejarlo sin comillas
<input name="a" type="button" onclick="play(tempArr)" value="play" />
luego, tempArr en la funcion play la podras utilizar de la forma:
tempArr[0].hora

supongo que es:
function play(arreglo)
{
...
hora=arreglo[0].hora;
...
}
etc, arreglo ahora es tratado como array, con todas sus propiedades

espero te sirva

[galorn]

Acabo de probarlo como me has dicho y no me funciona... Lo que quiero hacer es justamente lo que dices, poder acceder a los atributos, pero es que en el momento que le doy al boton play, no hace nada

He leido por ahí que no se puede pasar un array de objetos a una funcion que esta en un javascript externo (como es el caso, array de productos) por parametro, sino que hay que pasarlo como array de strings y luego dentro de play, arregarlo para tenerlo como objeto...

Es cierto?

Espero vuestra ayuda, muchas gracias a todos!

[donyoyo]

porque no pruebas creando un arreglo con tags, y no como objeto, me explico:
lo mismo que tienes:

Código Javascript:

tempArr[0]= new Producto(00,00,00,message,01,Joan,Josep,Vols ser el meu amic?);
tempArr[1]= new Producto(00,00,09,message,04,Josep,Joan,Si.);
 

cambiarlo a por:

Código Javascript:

tempArr[0]={hora:"00",minuto:"00",segundo:"00",tipo:"message",numero:"01",nombre1:"Joan",nombre2:"Josep",comentarios:"Vols ser el meu amic?"};
tempArr[1]={hora:"00",minuto:"00",segundo:"09",tipo:"message",numero:"04",nombre1:"Josep",nombre2:"Joan",comentarios:"Si."};
 

asi vas a poder referenciar el arreglo como si fuera una estructura.

Código Javascript:

function play(arreglo)
{
...
hora=arreglo[0].hora;
...
}
 

cuando hagas la invocación de la funcion

Código HTML:

<input name="a" type="button" onclick="play(tempArr)" value="play" />
 

ahi me cuentas

[galorn]

Lo he probado y tampoco me funciona :( mediante el firebug veo que si que se rellena bien, pero al darle al play me sigue sin hacer nada!!!!!

[galorn]

Para simplificar, estoy intentando pasar un string simple y mostrarlo mediante una funcion que esta en el javascript externo, pero tampoco me va!

Código Javascript:

<script type="text/javascript">
        var hola = "pruebaaaa";
     </script>
 

Y abajo, donde creo el boton, lo siguiente:

Código HTML:

<input name="a" type="button" onclick="prueba(hola)" value="play" />
 

Tal y como me has dicho, pero no funciona nada al presionar el botón, en cambio si pongo onclick="prueba('hola')" si que va. O sea, que el problema está en que no me coge la variable que he escrito de tipo javascript...

[_cronos]

¿Pero si no pones un document.write() o algo cómo sabes que no te coge el valor de hola?

[galorn]

Porque tengo esta funcion en un javascript externo:

Código Javascript:

function prueba(a){
    var msg_text = document.getElementById("msg_text");
    ul = document.createElement("ul");
    var li = document.createElement("li");
    var mensajeMostrado= a;
    li.innerHTML = mensajeMostrado;
    ul.appendChild(li);
    msg_text.appendChild(ul);
}
 

Entonces poniendo onclick="prueba('hola')" me printa hola, pero si lo paso onclick="prueba(hola)" no funciona.

[_cronos]

Claro porque interpreta que hola es algo definido anteriormente, pero al no tratarlo como un String no funciona. ¿No te dá un error del tipo 'hola is undefined' o algo así?

[galorn]

Vale, con un string "simple" o un array de "strings" ya he conseguido que me funcione:

Código Javascript:

<g:javascript>
        var hola = "PUTOOOOOOO";
    </g:javascript>
    <g:javascript>
        var arreglo = new Array();
        arreglo[0] = "qwerty";
        arreglo[1] = "pedo";
</g:javascript>
 

Código HTML:

<input name="a" type="button" onclick='prueba(hola)' value="play" />
<input name="b" type="button" onclick='prueba(arreglo)' value="play" />
 

El problema ahora esta en pasarle un array de objetos, o sea lo que hemos hablado al principio:

Código Javascript:

<g:javascript>
        var tempArr = new Array();
        <g:each in="${list}" status="x" var="item" >
            tempArr[${x}]= {hora:${item.getHoras()},minuto:${item.getMinutos()},segundo:${item.getSegundos()},tipo:${item.getTipo()},numero:${item.getNumero()},nombre1:${item.getNombre1()},nombre2:${item.getNombre2()},comentarios:${item.getComentarios()}};
        </g:each>
        var asco=tempArr[0].hora;
</g:javascript>
 

Y conseguir pasar tempArr entero o asco, que es el primer atributo de tempArr[0] (por probar vamos...) No funciona de ninguna de las dos maneras. Si veis el codigo algo raro, es que uso GSP y groovy/grails.

[galorn]

WEEEEEEEEEEEEEEEEEEEEEEEE por fin!!!!!!!!!!!

Cogiendo los datos por separadao en diferentes arrays, si me que va!!!! Seria asi:

Código Javascript:

<g:javascript>
        var tempArr0 = new Array();
        var tempArr1 = new Array();
        var tempArr2 = new Array();
        var tempArr3 = new Array();
        var tempArr4 = new Array();
        var tempArr5 = new Array();
        var tempArr6 = new Array();
        var tempArr7 = new Array();
        
        <g:each in="${list}" status="x" var="item" >
            tempArr0[${x}]= "${item.getHoras()}";
        </g:each>
        <g:each in="${list}" status="x" var="item" >
            tempArr1[${x}]= "${item.getMinutos()}";
        </g:each>
        <g:each in="${list}" status="x" var="item" >
            tempArr2[${x}]= "${item.getSegundos()}";
        </g:each>
        <g:each in="${list}" status="x" var="item" >
            tempArr3[${x}]= "${item.getTipo()}";
        </g:each>
        <g:each in="${list}" status="x" var="item" >
            tempArr4[${x}]= "${item.getNumero()}";
        </g:each>
        <g:each in="${list}" status="x" var="item" >
            tempArr5[${x}]= "${item.getNombre1()}";
        </g:each>
        <g:each in="${list}" status="x" var="item" >
            tempArr6[${x}]= "${item.getNombre2()}";
        </g:each>
        <g:each in="${list}" status="x" var="item" >
            tempArr7[${x}]= "${item.getComentarios()}";
        </g:each>
        
</g:javascript>