Uncaught RangeError: Maximum call stack size exceeded

[bNd170]

Buenas chicos, acudo aquí siempre que me encuentro en un callejón sin salida y bien, éste es un caso mas que no consigo explicarme.

He montado un script para hacer un "slideshow" en una pagina en blanco el cual funciona a la perfeccioon. Al meterlo en su sitio en la web, la funcion que mueve las imagenes y anima la barra de carga me salta ese error del titulo.

Uncaught RangeError: Maximum call stack size exceeded

Código Javascript:

function progresa($contenedor,$ancho_actual,$tiempo_estipulado) {
        $tiempo = parseInt(defecto($tiempo_estipulado, $tiempo_entre_fases, false));
        $reseteamos = defecto($ancho_actual, 'true', true);
        if($reseteamos=="true") {
            $('div.barras').stop(true,true);
            $('div.barras').css({width:"0px"});
        }
        $($contenedor).animate(
            {width:$ancho},
            $tiempo,
            function() {
                if($contador==$totalID) $contador = "0";
                $contador++; 
                $(".syncmedia div.mediacontainer").scrollTo('#to'+$contador ,800);
                progresa('div#opcion'+$contador+' div.barras'); // Aqui es donde creo que está el problema
            }
        );
        //alert(parseInt($tiempo));
    }
 

El caso es que, en la propia web el mismo script que fabriqué en una pagina en blanco a parte no funciona y en dicha página, sí.

He estado buscando posibles razones de esto por internet y he dado con lo que creo que sería el origen, excesivas llamadas recursivas, pero no entiendo el motivo ya que solo llamo a la funcion una vez el .animate(); ha concluido.

[linuxzero]

Postea el código completo, el html tambien así se puede llegar a probar y encontrar una solución ;)

[bNd170]

Muy bien...

Código Javascript:

$(document).ready(function() {
    $contador = "1";
    $tiempo_entre_fases = 7000; // Tiempo de la animacion de la barra
    $ancho_total = $('#slider_novedad').css('width'); // Esto son parametros para la animacion
    $ancho_por_miniatura = parseInt(parseInt($ancho_total) / parseInt($totalID))-6;
    $('div#miniaturas div.opciones').css({"width" : $ancho_por_miniatura+"px"});
    $ancho = $('div.opciones').css('width');
    $tiepo_por_pixel = $tiempo_entre_fases / parseInt($ancho);
 
    function progresa($contenedor,$ancho_actual,$tiempo_estipulado) {
        $tiempo = parseInt(defecto($tiempo_estipulado, $tiempo_entre_fases, false));
        $reseteamos = defecto($ancho_actual, 'true', true);
        if($reseteamos=="true") {
            $('div.barras').stop(true,true);
            $('div.barras').css({width:"0px"});
        }
        $($contenedor).animate(
            {width:$ancho},
            $tiempo,
            function() {
                if($contador==$totalID) $contador = "0";
                $contador++; 
                $(".syncmedia div.mediacontainer").scrollTo('#to'+$contador ,800);
                progresa('div#opcion'+$contador+' div.barras');
            }
        );
    }
 
    progresa('div#opcion'+$contador+' div.barras');
 
// Esto hace que al pasar el mouse por encima de la imagen, la animacion se pause
    $('.syncmedia').mouseover(function() {
        $('div.barras').stop();
    });
 
// Retoma la animacion cuando sacamos el mouse de la imagen
    $('.syncmedia').mouseout(function() {
        $tiepo_a_esperar = $tiempo_entre_fases-(parseInt($('div#opcion'+$contador+' div.barras').css('width'))*$tiepo_por_pixel);
        progresa('div#opcion'+$contador+' div.barras', $('div#opcion'+$contador+' div.barras').css('width'),$tiepo_a_esperar );
    });
 
// Para poder usar el menú de movimiento entre imagenes
    $('div.opciones').click(function() {
        $('div.barras').stop();
        $div_actual = '#'+$(this).attr('id');
        $contador = $div_actual.substr($div_actual.length - 1,$div_actual.length);
        $(".syncmedia div.mediacontainer").scrollTo('#to'+$contador ,800);
        progresa($div_actual + 'div.barras');
    });
 
        
    // Funcion para hacer parametros por defecto
    //valor (contiene el valor actual del parámetro), defecto (contiene el valor por defecto)
    //quiero_null (especifica si deseamos controlar algo especial, en este caso el valor 'undefined' ,
    //                posibles valores true o false, por defecto adquiere false)
    function defecto($valor, $defecto, $quiero_null){
        $quiero_null = $quiero_null || false;
        if ($quiero_null){
            $valor = (typeof $valor == 'undefined') ? $defecto : $valor;
        }else{
            $valor = $valor || $defecto;
        }
        return $valor;
    }
});
 

Código HTML:

<div id="slider_novedad">
    <div class="syncmedia">
		<div class="mediacontainer">
			<a href="link">
                            <div id="to1" style="background-image: url(imagen)">
                                <div id="detalles">
                                   <div id="titulo">Titulo</div>
                                   <div id="texto">Texto</div>
                                </div>
                           </div>
                        </a>	
	         </div>
		<div class="mediacontainer">
			<a href="link">
                            <div id="to2" style="background-image: url(imagen)">
                                <div id="detalles">
                                   <div id="titulo">Titulo</div>
                                   <div id="texto">Texto</div>
                                </div>
                           </div>
                        </a>	
	         </div>
	</div>	
    <div id="miniaturas">
	<div class="opciones" id="opcion1" class="active" >
		<div id="txt">Titulo</div>
		<div id="progressbar">
			<div class="barras"></div>
		</div>
	</div>
	</div>
</div> 

Explico un poco lo que hace.

Dispone de un div para mostrar las imagenes que hace un scrollTo() cada 7000 milisegundos, en esos 7000 milisegundos añado una animacion a una barrita para darle mas apariencia, añadiendo un callback a la funcion jquery de animate();

[_cronos2]

No sé en qué navegador te da el error, pero si usas la consola de Chrome debería salirte la línea en que se produce. No he leído el código pero ese tipo de errores se produce en bucles infinitos, por ejemplo un while en el que no se aumenta la variable iteradora, o una función mal definida:

Código Javascript:

var fn = function(){}
fn = function(){ fn(); bar(); }
 

Que al fin y al cabo sigue siendo un bucle infinito, pero menos explícito.
Saludos (:

[linuxzero]

salvando por $totalID, que aparece en tu linea 5 y no lo definiste antes, por lo que me tira error, despues si lo creo y le asigno un valor 10 no me tira ningun error de js a mi en el chrome.

[bNd170]

el $totalID lo tengo asignado antes de otra funcion para hacer otra cosa, pero no es mas que un simple

Código Javascript:

$totalID = $("#slider_novedad div#miniaturas div.opciones").length;
 

La cosa es esa, que copiando este codigo en un documento nuevo y limpio no falla, pero incrustandolo en el codigo de mi web si, y no hay (Lo sé a ciencia cierta ya que el CMS es mio) nada que pueda estar en conflicto con este script en particular.

[linuxzero]

Incluis mas de una libreria en js?? aparte del jquery??

[bNd170]

Sí, incluyo un par más, canvas y alguna otra, iré haciendo pruebas incluyendolas en el documento limpio aver si es alguna de ellas las que tiene conflicto, os expongo aqui los resultados.

[linuxzero]

Espero que sea eso, es lo unico que se me ocurre.. hace eso y contanos ;)

[bNd170]

Tras probar distintas combinaciones de scripts he llegado a la conclusion de que el conflicto lo creaba un añadido de una version antigua del jquery que auto insertaba uno de los plugins que uso, al cargarlo despues que la version actual, no funcionaba la recrusiva como tocaba.

Fallo fixado =) gracias por las respuestas y ayuda.

[linuxzero]

buenisimo!!! me alegro que lo hayas podido solucionar. mucha suerte con eso ;)

saludos