Ver Mensaje Individual
  #13 (permalink)  
Antiguo 07/05/2012, 10:22
Avatar de Dafonz
Dafonz
 
Fecha de Ingreso: octubre-2009
Mensajes: 127
Antigüedad: 15 años, 1 mes
Puntos: 36
Respuesta: Problema con seleccion de elementos con incremento, no deberia esto funcio

Si pues para eso era el posicionamiento a mano debe de salirte abajo.. pero si quieres insertarla mas que sea una flotando puede ser algo así:

Código HTML:
Ver original
  1. <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />
  2.     <a href='#' class='comment-link' hreflang='1'>Comment</a></p>
  3.     <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</br />
  4.     <a href='#' class='comment-link' hreflang='2'>Comment</a></p>
  5.     <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />
  6.     <a href='#' class='comment-link' hreflang='3'>Comment</a></p>
  7.    
  8.     <input type='hidden' id='idComentario'>

Igual 3 parafos con sus links..


Código Javascript:
Ver original
  1. var id;
  2.         $('.comment-link').click(function(){
  3.         if(id == $(this).attr("hreflang")) { $('.comment-box').remove(); id = ""; $('#idComentario').val(null); return; }
  4.         $('.comment-box').remove();
  5.         id = $(this).attr("hreflang");
  6.         $('#idComentario').val(id);
  7.         $(this).after("<div class='comment-box' style='display:none; background:#FFF; border:1px solid;'><textarea></textarea><br /><input type='button' id='comentar' value='Comment'></div>");
  8.         $('.comment-box').show("fast");
  9.     });
  10.        
  11.         $('#comentar').live("click",function() {
  12.             //enviar datos de comentario
  13.             $('.comment-box').remove();
  14.             id = "";
  15.             $('#idComentario').val(null);
  16.         });

Este tiene poco mas código ( no tenia nada que hacer xD) cuando le das click inserta después del articulo la caja de comentarios, claro validando que no se inserte varias veces o que si es el mismo solo cierre el comment-box (simular el toggle).. también tiene otra función que es cuando ya comentan y reinicia los valores necesarios para si vuelven a dar en otro link o el mismo para volver a comentar..