Indetectables

Publicado: **10 Sep 2010, 10:20**

Muy buenas Srs, tengo un problema con un script para mostrar una barra de carga mientras carga los enlaces.

Los enlaces funcionan mediante "ID=?" y funcionan y cargan bien, el problema está al usar el JS para el efecto.

He intentando debuggear el código todo lo que he podido pero sigue sin salirme... espero que me puedan ayudar y muchisimas gracias de antemano.

El código es el siguiente:

.JS

Código: Seleccionar todo

var x;
x=$(document);
x.ready(CargaS);

function CargaS () 
{  
$("a").click(Carga);
$("ul span").click(Carga);

	function Carga()
	{
	var notification;
	notification=notification || function (evento)
		{
			evento.preventDefault();
				$(".load").remove();
				$(".carga").append('<DIV CLASS="load"></DIV>');
				$(".load").fadeIn('normal', hideLoader);
						function hideLoader()
						{
						$(".load").fadeOut("normal");
						}
		}
	$(this).click(function () {
	$(this).html(notification);
});
return this;
}
}

.CSS

Código: Seleccionar todo

div.carga {
	position: absolute;
	right: 220px;
	width: 220px;
	z-index: 1;
}

div.load {
	border: none;
	display: none;
	background: url(../images/ajax-loader.gif) no-repeat;
	height: 19px;
	z-index: 1;
}

Espero que me puedan ayudar. Gracias y Salu2

Publicado: **10 Sep 2010, 14:53**

Me gusta porque venis a preguntar siempre y nunca a dar cositas al foro ! saludos loco !!

Código: Seleccionar todo

#
var notification;
#
notification=notification || function (evento)
$(this).html(notification);

Pero que mierd... es eso?? jajaj , tal vez consigas el efecto que buscas sustituyendo simplemente $(this).html(notification); por notification(); bueno mas bien.

Aca esta retocadito :P !!

Código: Seleccionar todo

var x;
x=$(document);
x.ready(CargaS);

function CargaS () 
{  
$("a").click(Carga);
$("ul span").click(Carga);

   function Carga()
   {
   var notification;
   notification=notification || function (evento)
      {
         evento.preventDefault();
            $(".load").remove();
            $(".carga").append('<DIV CLASS="load"></DIV>');
            $(".load").fadeIn('normal', hideLoader);
                  function hideLoader()
                  {
                  $(".load").fadeOut("normal");
                  }
      }
   $(this).click(function (evento) {
   notification(evento);
});
return this;
}
}

porque sino igual casca en el preventdefault , decime que te parece si no entendes algo metete al irc estamos siempre ahi , es para hacerlo mas rapido a esto , saludos loco!

Publicado: **10 Sep 2010, 15:40**

jajajaj la verdad es que llevas razón... no te la voy a quitar

y también es verdad que me digas que qué mierda es eso cuando estás hablando con alguien que no lleva ni 10 dias con JS jajajaj

el code no me funciona, he dejado algo así pero tampoko me funca....:

Código: Seleccionar todo

function CargaS ()
{ 
$("a").click(Carga);
$("ul span").click(Carga);

    function Carga()
   {
    $(".load").remove();
    $(".carga").append('<DIV CLASS="load"></DIV>');
    $(".load").fadeIn('normal', hideLoader);
        function hideLoader()
        {
            $(".load").fadeOut("normal");
        }
    this.not('[href^="#"]').each(function () {
    $(this).click(function () {
    $(this).html(notification);
    });
return this;
});
}
}

en cuanto a lo de

Me gusta porque venis a preguntar siempre y nunca a dar cositas al foro

también llevas razón, ando algo liado (como la mayoría de personas supongo) y en un principio estas solucciones sé que le van a servir a mucha gente que le pasa lo mismo o quiere conseguir algo similar. Sin embargo prometo que traeré a indetectables muchos de mis tutoriales (en otras ramas como creo que está obvio... jeje) en cuanto saque algo de time y mi gefe no me esté dando "por cu*o" con ésta página web jajaja.

De todas formas Gracias por tu ayuda ps1c0s1s y estaré al tanto de tus respuestas y las del resto de users. y gracias también por invitarme al IRC :D Salu2.

Publicado: **13 Sep 2010, 12:02**

Ya consigo hacer el efecto, pero sigue con problemas...

El efecto lo hace pero cuando pulso los enlaces, primero se carga el contenido, luego hace el efecto de fadeIn del contenido y muestra la barra de carga, y después hace el efecto de fadeOut, la cosa está en que primero haga el efecto de FadeIn, y luego en el efecto de FadeOut muestre el nuevo contenido cargado mediante ?id= en php.

¿Alguna idea?, Gracias señores, aquí os dejo el code:

Código: Seleccionar todo

$(document).ready(EfectoContenido);

function EfectoContenido ()
{
   $("a").each(function ()
        {
        var href = $(this).attr("HREF");
        $(".containerC").fadeOut("slow", loaditems);
        $(".load").remove();
        $(".carga").append('<DIV CLASS="load"></DIV>');
        $(".load").fadeIn('normal');

        function loaditems()
        {
            $(".containerC").fadeIn("slow", hideLoader, href);
        }
        function hideLoader()
        {
            $(".load").fadeOut("normal");
        }

return this;
        });
}

Gracias de Antemano Y Salu2

Indetectables

AYUDA] Problema con carga de enlaces [Z3R0N3]

AYUDA] Problema con carga de enlaces [Z3R0N3]

Re: AYUDA] Problema con carga de enlaces [Z3R0N3]

Re: AYUDA] Problema con carga de enlaces [Z3R0N3]

Re: AYUDA] Problema con carga de enlaces [Z3R0N3]