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<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 /> <a href='#' class='comment-link' hreflang='1'>Comment
</a></p> <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 /> <a href='#' class='comment-link' hreflang='2'>Comment
</a></p> <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 /> <a href='#' class='comment-link' hreflang='3'>Comment
</a></p>
<input type='hidden' id='idComentario'>
Igual 3 parafos con sus links..
Código Javascript
:
Ver originalvar id;
$('.comment-link').click(function(){
if(id == $(this).attr("hreflang")) { $('.comment-box').remove(); id = ""; $('#idComentario').val(null); return; }
$('.comment-box').remove();
id = $(this).attr("hreflang");
$('#idComentario').val(id);
$(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>");
$('.comment-box').show("fast");
});
$('#comentar').live("click",function() {
//enviar datos de comentario
$('.comment-box').remove();
id = "";
$('#idComentario').val(null);
});
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..