Foros del Web » Programando para Internet » Jquery »

ayuda con jquery

Estas en el tema de ayuda con jquery en el foro de Jquery en Foros del Web. Hola como andan? Estoy trabajando con Jomsocial y en un sector de mi sitio hay unos links para filtrar informacion (mostrar posteos mios o de ...
  #1 (permalink)  
Antiguo 05/05/2010, 21:49
 
Fecha de Ingreso: mayo-2010
Mensajes: 3
Antigüedad: 14 años, 7 meses
Puntos: 0
ayuda con jquery

Hola como andan? Estoy trabajando con Jomsocial y en un sector de mi sitio hay unos links para filtrar informacion (mostrar posteos mios o de mis amigos), pero dentro de ese bloque yo tengo los comentarios de los posteos colapsados en forma de acordeón. El problema es que cuando los usuarios clickean en esos links de filtro el sistema de acordeón se rompe y aparecen todos los comentarios desplegados sin el link "Ver todos / Ocultar todos"

Aca esta el codigo que arma el acordeón:

<script type="text/javascript" src="/components/com_community/assets/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
<!--
// this tells jquery to run the function below once the DOM is read
$(document).ready(function() {

// choose text for the show/hide link
var showText="Ver Todos";
var hideText="Ocultar Todos";

// append show/hide links to the element directly preceding the element with a class of "toggle"
$(".toggle").prev().append(' (<a href="#" class="toggleLink">'+showText+'</a>)');

// hide all of the elements with a class of 'toggle'
$('.toggle').hide();

// capture clicks on the toggle links
$('a.toggleLink').click(function() {

// change the link depending on whether the element is shown or hidden
if ($(this).html()==showText) {
$(this).html(hideText);
}
else {
$(this).html(showText);
}

// toggle the display
$(this).parent().next('.toggle').toggle('slow');

// return false so any link destination is not followed
return false;

});
});

//-->
</script>

Yo lo unico que hago es envolver el foreach que trae los comentarios con <div class="toggle">

Aca esta el codigo de los links que filtran:

<div id="activity-stream-nav" class="filterlink">
<div style="float: right;">
<a class="active-profile-and-friends-activity active-state" href="javascript:void(0);"><?php echo JText::sprintf('CC PROFILE OWNER AND FRIENDS' , $profileOwnerName );?></a>
<a class="active-profile-activity" href="javascript:void(0);"><?php echo $profileOwnerName ?></a>
</div>
<div class="loading"></div>
</div>

Y aca está el Jquery que lo activa:

jQuery('.active-profile-and-friends-activity').bind('click', function() {
if ( !jQuery(this).hasClass('active-state') ) {
loading( jQuery(this).attr('class') );
jax.call('community', 'frontpage,ajaxGetActivities', 'active-profile-and-friends');
}
});
jQuery('.active-profile-activity').bind('click', function() {
if ( !jQuery(this).hasClass('active-state') ) {
loading( jQuery(this).attr('class') );
jax.call('community', 'frontpage,ajaxGetActivities', 'active-profile');
}
});


No soy programador, pero imagino que el problema es el domready no?
Hay una forma de resolver esto? Espero que me ayuden
Muchas gracias!
  #2 (permalink)  
Antiguo 06/05/2010, 00:15
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 8 meses
Puntos: 1284
Tema movido desde javascript
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 07/05/2010, 08:41
 
Fecha de Ingreso: mayo-2010
Mensajes: 3
Antigüedad: 14 años, 7 meses
Puntos: 0
Respuesta: ayuda con jquery

Hola, alguien me puede dar una mano con esto? No se si di toda la info que necesitan, cualquier otra cosa me la piden y lo pego aca.
  #4 (permalink)  
Antiguo 07/05/2010, 09:23
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 15 años, 8 meses
Puntos: 101
Respuesta: ayuda con jquery

Cita:
jQuery('.active-profile-and-friends-activity').bind('click', function() {
if ( !jQuery(this).hasClass('active-state') ) {
loading( jQuery(this).attr('class') );
jax.call('community', 'frontpage,ajaxGetActivities', 'active-profile-and-friends');
}
});
jQuery('.active-profile-activity').bind('click', function() {
if ( !jQuery(this).hasClass('active-state') ) {
loading( jQuery(this).attr('class') );
jax.call('community', 'frontpage,ajaxGetActivities', 'active-profile');
}
});
Esto aparece en pie de pagina? No en domready? Por que?
  #5 (permalink)  
Antiguo 07/05/2010, 13:06
 
Fecha de Ingreso: mayo-2010
Mensajes: 3
Antigüedad: 14 años, 7 meses
Puntos: 0
Respuesta: ayuda con jquery

Hola Mayid, eso lo carga entre muchas otras cosas en un script-1.2.pack.js.
Se carga al inicio de la página.
  #6 (permalink)  
Antiguo 07/05/2010, 17:26
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 15 años, 8 meses
Puntos: 101
Respuesta: ayuda con jquery

Que error te da el debugger? Te fijaste?

Cita:
Yo lo unico que hago es envolver el foreach que trae los comentarios con <div class="toggle">
Antes de que vos hagas esto funcionaba? Quizas sea un problema de jerarquias a la hora de usar selectores de jquery.

Tenes un link a tu pagina así lo vemos?

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 17:12.