Página 1 de 2
llamado javascript usos multiples
Publicado: 03 Jun 2013, 11:17
por 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
Re: llamado javascript usos multiples
Publicado: 03 Jun 2013, 21:10
por Makoto
si ves el html del viewtopic_body.html
los post tienen un id especifico
Re: llamado javascript usos multiples
Publicado: 03 Jun 2013, 22:07
por 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.
Re: llamado javascript usos multiples
Publicado: 03 Jun 2013, 22:48
por 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?
Re: llamado javascript usos multiples
Publicado: 08 Jun 2013, 14:49
por 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
Re: llamado javascript usos multiples
Publicado: 08 Jun 2013, 15:18
por 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.
Re: llamado javascript usos multiples
Publicado: 08 Jun 2013, 15:32
por 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)
Re: llamado javascript usos multiples
Publicado: 08 Jun 2013, 16:05
por 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.
Re: llamado javascript usos multiples
Publicado: 08 Jun 2013, 16:35
por 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
Re: llamado javascript usos multiples
Publicado: 08 Jun 2013, 18:34
por 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:
Re: llamado javascript usos multiples
Publicado: 08 Jun 2013, 19:06
por 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
Re: llamado javascript usos multiples
Publicado: 09 Jun 2013, 13:26
por 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.
Re: llamado javascript usos multiples
Publicado: 09 Jun 2013, 21:57
por 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
Re: llamado javascript usos multiples
Publicado: 09 Jun 2013, 22:17
por ElSanguinario
correcto lo estoy probande diferentes formas pero ninguna funciona,
máster, como es que funciona el calendario del cbb-blockgets?
Re: llamado javascript usos multiples
Publicado: 09 Jun 2013, 22:37
por leviatan21
Esto lo hace x id exacto :
Esto lo hace para cualquier class :
Pero para hacerlo con una parte del ID de un elemento, comenzando con un string sería
y armas el elemento