Funcion con incremento - Dificilillo

salbatore · #1 (**permalink**) 30/09/2008, 16:50

Hola, foreros!

Estoy intentado hacer una funcion que cuando se ejecuta aumenta un valor determinado para que luego se sustituido por el nombre de una id. El incremento empieza desde 9, es decir, que el primer div que se va a ocultar es 'midiv_9', luego 'midiv_10'; asi sucesivamente...

¿Como puedo hacerlo?, he conseguido hacer lo siguiente, pero no funciona:

Mirar:

Código PHP:

  function ocultardiv(incremento)  
    { 
        var incremento_terminado = incremento+9; 
        var id_del_div = 'midiv_'+ incremento_terminado; 
 
        id_del_div.style.display = 'block'; 
 
        var incremento_editado = incremento + 1; 
        window.setTimeout ("ocultardiv(incremento_editado);", 20); 
    }

David · #2 (**permalink**) 01/10/2008, 09:01

Es que debes obtener el div usando getElementById y no haciendo referencia al id directamente en el código

.

P.S.: El intervalo que estás usando es muy pequeño. Además de que siendo incremento_editado una variable cuyo alcance es solo en la función tendrás que concatenarlo en la llamada al setTimeout().

mgusdl · #3 (**permalink**) 01/10/2008, 09:34

para ocultar no sería
id_del_div.style.display = 'none';
¿?

anlhp · #4 (**permalink**) 01/10/2008, 11:03

mira, me parece ke se lo ke kieres, estas tratando de hacer una animacion o algo no??? la parte ke no pillo bien es la de la enumeracion de los divs, puedes explicar eso un poco mejor para asi poder ayudarte mas??
a lo ke se refiere el dave es a ke primero tienes ke tener una referencia al div pa poder manipularlo, el metodo mas facil es el añadido por el DOM HTML al objeto document. por tanto, antes de hacerle cualkier cosa al div, asegurate de tenerlo en una variable de esta forma:

var oDiv = document.getElementById('id_de_prueba');

luego ya puedes hacer lo ke kieras porke ya el div esta 'localizado'

alert(oDiv.childNodes.length);

anlhp · #5 (**permalink**) 01/10/2008, 12:40

aki te dejo algo por si te sirve al menos de aclaracion

Código HTML:

<body>


<div style="display: none; width: 100px; height: 20px; background: #fce">
</div>

<div style="display: none; width: 100px; height: 20px; background: #fa4">
</div>

<div style="display: none; width: 100px; height: 20px; background: #45f">
</div>

<script type="text/javascript">
	
	var i = 0;

	function anime(){
	var oDivs = document.getElementsByTagName('div');
	oDivs.item(i).style.display = (oDivs.item(i).style.display == 'none')?'block':'none';
	i = (i+1)%3;
	}

	setInterval(anime,1000);

</script>
</body>

buzu · #6 (**permalink**) 01/10/2008, 12:51

David el grande ya te dio la respuesta, mientras no lo pongas en practica no logras hacer lo que quieres.

salbatore · #7 (**permalink**) 01/10/2008, 15:41

Hola, foreros:

Al final he conseguido hacer lo que queria jeje... mirarlo:

Código PHP:

  function map_1_down_fuction(incremento)   
        {  
        if(incremento < 7){ incremento=7;} 
                                                             
        var incremento_terminado = ++incremento; 
                                                             
        map_1_name_li_block = 'map_1_'+incremento_terminado; 
        var map_1_name_block = document.getElementById(map_1_name_li_block); 
        map_1_name_block.style.display = 'block'; 
                                                             
        var map_1_none_number = incremento_terminado-7; 
        map_1_name_li_none = 'map_1_'+map_1_none_number; 
        var map_1_name_none = document.getElementById(map_1_name_li_none); 
        map_1_name_none.style.display = 'none'; 
                                                             
        if (incremento_terminado<=26 ) 
            {if (map_1_down_operation=='yes') 
                {window.setTimeout ("map_1_down_fuction('"+incremento_terminado+"')", 2000);} 
            else 
                {return false;} 
            } 
        else 
            {return false;} 
}

Supongo que entender lo que hace esta funcion es un poco rollo, pero en dos palabras lo que hace es mostrar el div mayor de 6 y ocultar el div menor de 6 div empezando por el final...

Bueno, jeje... muchisimas gracias a todos!.