[AYUDA] Cargando enlaces en diferentes contenidos [Z3R0N3]

Z3R0N3 · #1 (**permalink**) 03/09/2010, 05:55

Muy buenas Srs, vuelvo por éste foro para consultar una duda.

Resulta que estoy programando una web y uso javascript para cargar enlaces y demás.... gracias a que con ello también puedo aplicar unos efectos y tal.

Les muestro un code similar y que les sea intuitivo y una vez lo vean por encima les digo qué pasa.

[Archivo principal]

Código:

<body>.... contenidos.... <DIV CLASS="items"></DIV>

[Archivo 1 a cargar]

Código:

... contenidos del archivo 1.... <DIV CLASS"caja de texto donde quiero cargar el Archivo 2">.......
Enlace a Archivo2
Enlace a Archivo3
Enlace a Archivo4

[JS]

Código:

$(document).ready(function(){
$(".items").load("pages/inicio.php");
   $("#menu a").each(function(){
      var href = $(this).attr("HREF");
      $(this).attr({ href: "#"});
	  
      $(this).click(function(evento){
	  evento.preventDefault();
	  $(".items").fadeOut("slow", loaditems);
	  $(".load").remove();
	  $(".carga").append('<DIV CLASS="load"></DIV>');
	  $(".load").fadeIn('normal');

		function loaditems()
		{
			$(".items").load(href, scrll);
		}
		function scrll()
		{
		$(".scrollable").scrollable({ vertical: true, keyboard: true, mousewheel: true, speed: 400});
		$(".scrollable").scrollable().begin(0);
		$(".items").fadeIn("slow", hideLoader);
		}
		function hideLoader()
		{
			$(".load").fadeOut("normal");
		}

return false;
		
	});
   });
});

El problema creo que está bien claro, pero lo explico igualmente.

Suponiendo que tengo una página estática donde se van cargando los contenidos en una caja según pulso en enlaces... todo funciona correcto.

El problema está cuando esos contenidos también tienen enlaces para cargar dentro de otra caja... desaparece todo y me los carga tal cual el archivo eliminando los contenidos anteriores... es decir, como una pagina nueva.

Espero su respuseta. Muchisimas Gracias programmers :D

Z3R0N3 · #2 (**permalink**) 06/09/2010, 08:38

alguna respuesta please?? gracias.

Z3R0N3 · #3 (**permalink**) 07/09/2010, 06:01

He restructurado el codigo, os lo muestro aquí:

Código:

var x;
x=$(document);
x.ready(EfectoMenu);
x.ready(IniciarEventos);

function EfectoMenu()
{
$("ul span").css("opacity","0");
$("ul span").hover(function () {
		$(this).stop().animate({
			opacity: 1
		}, 'slow');
		},
		function () {
			$(this).stop().animate({
				opacity: 0
			}, 'slow');
		});
}

function IniciarEventos()
{
$(".items").load("pages/inicio.php");
$("a").each(Contenidos00);
}
 
 function Contenidos00()
{
var href = $(this).attr("HREF");
$(this).attr({ href: "#"});
$(this).click(EnlacesClick)

function EnlacesClick(evento)
{
evento.preventDefault();
$(".items").fadeOut("slow", loaditems);
$(".load").remove();
$(".carga").append('<DIV CLASS="load"></DIV>');
$(".load").fadeIn('normal');

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

return false;

}
}

Para explicarles nuevamente lo que quiero hacer viendo ese codigo es lo siguiente:

Supongamos que tengo un html donde cargo "pages/inicio.php" en una caja llamada '<div class="items">'.

Pues ahora bien, dentro de "inicio.php" (que es la página que he cargado anteriormente en el html), dispongo de 3 enlaces y una caja llamada '<div class="items2">', Donde según pulso en cada uno de los enlaces me carguen diferentes contenidos en esa caja (esos contenidos son archivos externos) sin machacarse el contenido padre (el de la caja '<div class="items">' del archivo inicio.php donde también se encuentran los enlaces como os he dicho anteriormente).

Y eso es lo que busco... si me pueden ayudar cuanto antes posible os lo agrecería muchísimo ya que es algo urgente. Muchísimas Gracias y Salu2 compañeros.