Right now, my script adds a box to the cursor when I click on an image, as can be seen in the following code. Please note, this is jQuery.
$(function() {
var tag_box = $("<div>").appendTo("body").css({"width":"40px", "height":"40px", "border":"4px solid #000000", "position":"absolute", "display":"none", "padding":"15px"});
$("#image-wrapper").live('click', function(e){
tag_box.css({"left": e.pageX - 40, "top": e.pageY - 40, "display":"block"});
});
I would like to add a text field to appear right below that tag_box on that same click. I tried to do this, but it hasn't worked out like I thought it would:
var comment_box = $("<label> Comment: <input type='text' name='comment' autocomplete='off'></label>");
$("#image-wrapper").live('click', function(){
$("body").append(comment_box);
});
Any assistance you can give me, would be greatly appreciated.
Thanks.