Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Problema con PHP+JQuery

Estas en el tema de Problema con PHP+JQuery en el foro de CSS en Foros del Web. Hola todos, les vengo con un problemilla un tanto extraño y que me trae por x los caminos de la amargura desde hace un par ...
  #1 (permalink)  
Antiguo 17/02/2011, 14:39
 
Fecha de Ingreso: junio-2009
Mensajes: 115
Antigüedad: 8 años, 5 meses
Puntos: 0
Problema con PHP+JQuery

Hola todos, les vengo con un problemilla un tanto extraño y que me trae por x los caminos de la amargura desde hace un par de dias.
El hecho es que tengo la siguiente pagina:
principal.php
......
<div class="marco" id="marco">
<div class="cabecera" style="float:Left">
<div id="home-button" class="button">
<img src="images/menu-home.png" alt="home" title="home" class="button peq" />
</div>
<div id="oil-button" class="button">
<img src="images/menu-oil.png" alt="oil" title="oil" class="button peq">
</div>
.....
</div>
<div id="content">
<div id="home">
<?php include("home.php"); ?>
</div>
<div id="oil">
<?php include("oil.php"); ?>
</div>
</div>
</div>

Utilizo ademas estos archivos de css y jquery
estilos.css:
#home {
display: block;
}
#home-button {
opacity: 1.0;
border-bottom: 1px solid black;
}
#oil {
display: none;
}
#oil-button {
opacity: 0.5;
border-bottom: 1px solid black;
}

functions.js:
$("#oil-button").css({
opacity: 0.3
});

$("#marco div.button").click(function(){
$clicked = $(this);
if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
$clicked.animate({
opacity: 1,
borderWidth: 5
}, 600 );
var idToLoad = $clicked.attr("id").split('-');
$("#content").find("div:visible").fadeOut("fast" , function(){
$(this).parent().find("#"+idToLoad[0]).fadeIn();
})
}
$clicked.siblings(".button").animate({
opacity: 0.5,
borderWidth: 1
}, 600 );

});
$("#marco_oil div.columna_izquierda_2").click(function(){
$clicked = $(this);
if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
$clicked.animate({
opacity: 1
}, 600 );

var idToLoad = $clicked.attr("id").split('-');
$("#oil-content").find("div:visible").fadeOut("fast", function(){
$(this).parent().find("#"+idToLoad[0]).fadeIn();
})
}
$clicked.siblings(".columna_izquierda_2").animate( {
opacity: 0.5
}, 600 );

});

Y el archivo incluido oil.php:
<div id="marco_oil" class="marco_oil">
<div class="columna_izquierda_2" id="catalog-oil">
<p class="columna_izquierda_2">Catálogo productos</p>
</div>
....
</div>
<div id="oil-content">
<div id="catalog">
<?php include("catalog-oil.php"); ?>
</div>
....
</div>

Y ahora el problema XD. Lo que pasa es que cuando estoy en principal.php, se carga correctamente el contenido de home.php, sin embargo, al pasar a otra de las opciones del menu (seccion oil x ejemplo) todos los divs aparecen con display:none. Lo cual no entiendo porque ocurre. Soy consciente de que no es muy legible el codigo desde aqui, pero si ustedes tienen la amabilidad de echarme una mano, les podria enviar el codigo completo y asi podrian ver mejor el problema y la posible solucion.

Gracias!
  #2 (permalink)  
Antiguo 17/02/2011, 15:00
Avatar de enlinea777  
Fecha de Ingreso: mayo-2008
Ubicación: frente al pc
Mensajes: 1.820
Antigüedad: 9 años, 6 meses
Puntos: 127
Respuesta: Problema con PHP+JQuery

el problema es el css

#oil {
display: none;
}
  #3 (permalink)  
Antiguo 17/02/2011, 15:33
 
Fecha de Ingreso: junio-2009
Mensajes: 115
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: Problema con PHP+JQuery

Gracias enlinea777, de hecho he probado de modificar todos los displays del css a block, pero no hay forma, me sigue sin mostrar nada.
  #4 (permalink)  
Antiguo 17/02/2011, 17:45
 
Fecha de Ingreso: junio-2009
Mensajes: 115
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: Problema con PHP+JQuery

Por las pruebas que estoy haciendo parece que la primera llamada al jquery me setea todos los divs a none, lo cual no entiendo, ya que en ningun momento hago eso en mis funciones definidas en el archivo js.

Pls HELP

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:01.