Widget:HeartSoundApp: Difference between revisions
Jump to navigation
Jump to search
Matt Pijoan (talk | contribs) Created page with "<includeonly> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="styles..." |
Matt Pijoan (talk | contribs) No edit summary |
||
| Line 10: | Line 10: | ||
}); | }); | ||
$("#add").click(function(){ | $("#add").click(function(){ | ||
var position = $("#imageHolder"). | var position = $("#imageHolder").position(); | ||
var top = position.top+200; | var top = position.top+200; | ||
var left = position.left+200; | var left = position.left+200; | ||
$("#imageHolder").append("<div src='"+$("#soundLocation").val()+"' class='soundBox'></div>"); | $("#imageHolder").append("<div data-src='"+$("#soundLocation").val()+"' class='soundBox'></div>"); | ||
$("#soundLocation").val(""); | $("#soundLocation").val(""); | ||
$("#imageHolder div").last().css({"position": "absolute", "top":top.toString(),"left":left.toString(),"width":"25","height":"25","border":"1px solid #000"}); | $("#imageHolder div").last().css({"position": "absolute", "top":top.toString(),"left":left.toString(),"width":"25","height":"25","border":"1px solid #000"}); | ||
| Line 28: | Line 28: | ||
$(this).attr("data-top",compTop); | $(this).attr("data-top",compTop); | ||
$(this).attr("data-left",compLeft); | $(this).attr("data-left",compLeft); | ||
$("#output").val($("#output").val()+$(this) | $("#output").val($("#output").val()+"<div class='soundBox' data-src='"+$(this).attr("data-src")+"' data-left='"+compLeft+"' data-top='"+compTop+"'></div>\r\n"); | ||
}); | }); | ||
}); | }); | ||