llamado javascript usos multiples

[ElSanguinario]

hola bueno veran estoy probando usar un popup para los mini perfiles del view_topic_body
todo corre perfecto ya tengo el css y html listo y funcionado. pero tengo un problemita.
el popup funciona con un ID y este ide lo asigno en el siguiente codigo...

Código: Seleccionar todo

$(function() {
    $('#mostrar-mini-profile').click(function(){
        $('#profile-popup').fadeIn('fast',function(){
            $('#profile-popup-box').animate({'top':'160px'},500);
        });
    });
    $('#profile-popup-box-close').click(function(){
        $('#profile-popup-box').animate({'top':'-200px'},500,function(){
            $('#profile-popup').fadeOut('fast');
        });
    });
 
});

este es el ID de llamado al popup #mostrar-mini-profile
el problema es que solo funciona con el primer post del tema...
hay alguna forma de usar un random ID, o de no usar ID como disparador?

bueno desde ya agradezco su ayuda. un Saludo

[Makoto]

si ves el html del viewtopic_body.html

los post tienen un id especifico

[ElSanguinario]

ser refiere a este fragmento máster? id="profile{postrow.POST_ID}"

deberia de asignar ese ID al disparador y al framento javascript

pruebo y comento.

[ElSanguinario]

probe reemplazando mostrar-mini-perfil por profile{postrow.POST_ID} pero no da resultado, no funciona, ya que no me toma el ID dentro del javaScript

hay alguna forma de usar dicho ide de post? sin JS?

[micontre]

mira en mi foro y dime si es lo que quieres hacer mas o menos.
lo he hecho de manera rápida pero puedes hacerte una idea del resultado.
si entras a algún post y picas en el botón "segunda " aparece el perfil fijo.(no mires en la categoría de cumpleaños porque ese esta con otro template.
si es eso , los pasos son sencillos y solo requiere la edición de dos archivos

ya te advierto que el css del mini perfil esta sin tocar así que no será el visionado definitivo

[ElSanguinario]

no amigo vera la idea es poner los datos de usuario en un popup individual pero el problema es el ID de llamado al script

mire en cualquier tema os usare un Id unico de nuevo.

[micontre]

a ver si te sirve .
el id profile{postrow.POST_ID} se divide en dos partes profile es la parte del css y {postrow.POST_ID}es la variante del id del post.
no se si has trabajado por hay.
si me envías lo que ya tienes hecho indicando lo que ya has hecho podría echarle un vistazo (cuatro ojos ven mas que dos)

[ElSanguinario]

si ya he probado usando el profile{postrow.POST_ID} y {postrow.POST_ID}
pero no me toma el llamado dentro del script
de aquí saque el ejemplo http://www.ajaxshake.com/plugin/ES/455/ ... ssage.html
y lo modifique a mi gusto.
la idea principal que tenia es poner los datos de los usuario/s que creen y respondan los temas en un popup que se desplegase al dar click sobre avatar del usuario.

[ElSanguinario]

puedes ver como quedo pero solo me toma el primer mensaje: http://www.sanagustinbellavista.com/not ... s-t20.html
se muestra el popup al hacer click sobre el avatar del usuario

[canidev]

Para ejecutar varias peticiones sobre elementos similares debes usar clases. Añades una clase al elemento, por ejemplo class="mi-clase" y despues lo usas asi:

Código: Seleccionar todo

$('.mi-clase').click(....

[ElSanguinario]

deberia de usarlo así?

Código: Seleccionar todo

$(function() {
    $('.nombre-class').click(function(){
        $('#profile-popup').fadeIn('fast',function(){
            $('#profile-popup-box').animate({'top':'160px'},500);
        });
    });
    $('#profile-popup-box-close').click(function(){
        $('#profile-popup-box').animate({'top':'-200px'},500,function(){
            $('#profile-popup').fadeOut('fast');
        });
    });
 
});

y aplicarlo así

Código: Seleccionar todo

<!-- IF not postrow.S_IGNORE_POST -->
			<dl class="postprofile nombre-class <!-- IF $SB_PROFILES eq 'left' --> {$SB_PROFILES}<!-- ELSE --> {$SB_PROFILES} span3<!-- ENDIF --> hidden-phone" id="profile{postrow.POST_ID}">

es que no entendi muy bien como usarlo.

Un saludo máster

[canidev]

Tal y como lo has puesto, esa llamada "click" funcionaría en todos los "postprofile".
Puedes usar cualquier clase, es decir, si los elementos ya tienen todos una misma clase, por ejemplo "postprofile", puedes usar esta y no añadir ninguna extra.

Código: Seleccionar todo

$(function() {
    $('.postprofile').click(function(){
        $('#profile-popup').fadeIn('fast',function(){
            $('#profile-popup-box').animate({'top':'160px'},500);
        });
    });
    $('#profile-popup-box-close').click(function(){
        $('#profile-popup-box').animate({'top':'-200px'},500,function(){
            $('#profile-popup').fadeOut('fast');
        });
    });
 
});

Es fácil, si usas un "id" como disparador, sólo te funcionará el primer elemento que tenga ese id, pero, si usas una clase (class), te funcionará con todos los elementos que tengan esa clase.

[micontre]

eso es correcto , con el clas consigues hacer saltar el popup pero creo que con eso no es suficiente ya que el box si que necesita una id para visualizar el perfil ya que esto hace visible a todos los perfiles y o solo el que se quiere ver

[ElSanguinario]

correcto lo estoy probande diferentes formas pero ninguna funciona,
máster, como es que funciona el calendario del cbb-blockgets?

[leviatan21]

Esto lo hace x id exacto :

Código: Seleccionar todo

$('#mostrar-mini-profile').click(function(){

Esto lo hace para cualquier class :

Código: Seleccionar todo

 $('.postprofile').click(function(){

Pero para hacerlo con una parte del ID de un elemento, comenzando con un string sería

Código: Seleccionar todo

$("div[id^=mostrar-mini-profile-]").click(function(){

y armas el elemento

Código: Seleccionar todo

id="mostrar-mini-profile-{postrow.POST_ID}"