Problema al usar funcion con parametros en setTimeOut

diego1311 · #1 (**permalink**) 22/08/2009, 00:38

Hola intento hacer que aparezcan, una despues de otra y cada 20 milisegundos, uno de dos grupos de opciones en una capa div.

El grupo de opciones que aparece cambia segun el boton al que haga click

Mi codigo es:

Código HTML:

<html>
<body>
<script language="javascript">
var opciones1=new Array("a","b","c","d","e")
var opciones2=new Array("uno","dos","tres","cuatro","cinco")
var opciones=new Array();
var n=0;

function MostrarMenu(opciones, Obj)
{
	var Obj_s=document.getElementById(Obj);
	Obj_s.innerHTML=Obj_s.innerHTML+opciones[n]+"<br>";	
	
	if (opciones[n+1])
	{	
		n=n+1;
		setTimeout("MostrarMenu("+opciones+",'"+Obj+"')",20);			
	}
	else
		n=0;

}
</script>

<input type="button" onclick="MostrarMenu(opciones1, 'div_opciones')" value="opciones 1"/>
<input type="button" onclick="MostrarMenu(opciones2, 'div_opciones')" value="opciones 2"/>
<div style='position:absolute; border-style:solid; border-width:1px;' id='div_opciones'></div>
</body></html>

Aqui esta el ejemplo:

http://www.diego1311.byethost6.com/prueba_Write.html

El error que sale es que el primer elemento del arreglo no esta definido, veanlo ustedes en el ejemplo.. Tb di una mirada a otros temas anteriores parecidos al mio pero no me han ayudado, por favor diganme qué cambio hacer en mi codigo para que funcione. Gracias

PD: Ya intente de todo-por ejemplo quitando y poniendo aprostofes y comillas, solo funciona cuando en la funcion setTimeout cambio ("+opciones+") por el nombre de uno de los arreglos previamente definidos ya sea opciones1 u opciones2.

Adler · #2 (**permalink**) 22/08/2009, 06:56

Hola

Prueba así

Código javascript:

Ver original<html>
<body>
<script language="javascript">
var opciones1=new Array("a","b","c","d","e")
var opciones2=new Array("uno","dos","tres","cuatro","cinco")
var opciones3=new Array();
var n=0;
var i=0;
 
function MostrarMenu(opciones, Obj) 
{
var Obj_s=document.getElementById(Obj);
 
 
if (opciones == "opciones1") {
    Obj_s.innerHTML += opciones1[n] + "<br>";
    opciones3.unshift(opciones1[n]);
    alert("Array " +opciones+ " - Array opciones3: " +opciones3)
    n++
 
} else {
 
    Obj_s.innerHTML += opciones2[i] + "<br>";
    opciones3.unshift(opciones2[i]);
    alert("Array " +opciones+ " - Array opciones3: " +opciones3)
    i++
}
 
}
</script>
 
<input type="button" onclick="MostrarMenu('opciones1', 'div_opciones')" value="opciones 1"/>
<input type="button" onclick="MostrarMenu('opciones2', 'div_opciones')" value="opciones 2"/>
<div style='position:absolute; border-style:solid; border-width:1px;' id='div_opciones'></div>
</body></html>

Suerte

diego1311 · #3 (**permalink**) 22/08/2009, 09:04

Gracias pero lo que yo quiero es lograr enviar el parametro en setTimeout, el error que sale es "a no esta definido" cuando hago click sobro el primer boton y cuando uso el segundo aparece "uno no esta definido". Me da la impresion que el primer elemento del array se interpreta como variable.

Lo que quiero lograr es esto (ver ejemplo):

http://www.diego1311.byethost6.com/prueba_write2.html

aca si puedo porque solo tengo un array y en la funcion setTimeaut uso el nombre de dicho array tal cual es pero en mi problema anterior tengo dos array y por eso necesito usar el parametro. Y en el proyecto que estoy realizando uso ocho por eso necesito enviar ell parametro. Gracias

amanbur · #4 (**permalink**) 22/08/2009, 09:26

Pero no necesitas definir Obj como variable, ya que solo tienes div_opciones no?, lo digo porque pruebes con ese valor constante a ver si te ayuda a descubrir el fallo, ya que parece que el fallo está en la llamada al setTimeout

diego1311 · #5 (**permalink**) 22/08/2009, 10:27

bueno en realidad si tengo mas capas div, eso tb tiene que ser un parametro. Pero el problema no esta ahi sino al tratar de pasar el arreglo

diego1311 · #6 (**permalink**) 22/08/2009, 10:32

Wujuuuuuuuuuuuuuuuu!!!!!!!!!!

lo solucione:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<body> 
<script language="javascript"> 
var opciones1=new Array("a","b","c","d","e") 
var opciones2=new Array("uno","dos","tres","cuatro","cinco") 
var nuevas_opciones=new Array(); 
var n=0; 
 
function pasaar_datos(opciones, Obj) 
{ 
    var Obj_s=document.getElementById(Obj); 
    Obj_s.innerHTML=""; 
    nuevas_opciones=opciones; 
    MostrarMenu(opciones, Obj); 
} 
 
function MostrarMenu(opciones, Obj) 
{ 
    var Obj_s=document.getElementById(Obj); 
    Obj_s.innerHTML=Obj_s.innerHTML+nuevas_opciones[n]+"<br>";     
 
    if (nuevas_opciones[n+1]) 
    {     
        n++; 
        setTimeout("MostrarMenu(nuevas_opciones,'"+Obj+"')",30);             
    } 
    else 
        n=0; 
 
} 
</script> 
 
<input type="button" onClick="pasaar_datos(opciones1, 'div_opciones')" value="opciones 1"/> 
<input type="button" onClick="pasaar_datos(opciones2, 'div_opciones')" value="opciones 2"/> 
<div style='position:absolute; border-style:solid; border-width:1px;' id='div_opciones'></div> 
</body></html>

Gracias po sus respuestas

Adler · #7 (**permalink**) 23/08/2009, 08:06

Hola

No necesitas todo ese código, con esto es suficiente

Código javascript:

Ver originalvar opciones1=new Array("a","b","c","d","e")
var opciones2=new Array("uno","dos","tres","cuatro","cinco")
 
function pasaar_datos(opciones, Obj)
{
    var Obj_s=document.getElementById(Obj);
    Obj_s.innerHTML= "";
    for (i = 0; i < opciones.length; i++) {
         Obj_s.innerHTML += opciones[i]+"<br>";  
    }
}

Suerte

diego1311 · #8 (**permalink**) 26/08/2009, 20:47

Lo que pasa es que no quiero solamente que el texto se muestre, sino que se adieran una por una las opciones y que el efecto se note por eso es que empleo la funcion SETTIMEOUT , y por eso la necesidad del codigo