Widget:HeartSoundApp: Difference between revisions

Jump to navigation Jump to search
Matt Pijoan (talk | contribs)
No edit summary
Matt Pijoan (talk | contribs)
No edit summary
Line 13: Line 13:
         var left = Math.round($("#imageHolder").offset().left)+200;
         var left = Math.round($("#imageHolder").offset().left)+200;
         var style = "position:absolute; top:"+top.toString()+"px; left:"+left.toString()+"px; width:25px; height:25px; border:1px solid #000;";
         var style = "position:absolute; top:"+top.toString()+"px; left:"+left.toString()+"px; width:25px; height:25px; border:1px solid #000;";
        alert(style);
         $("#imageHolder").append("<div data-src='"+$("#soundLocation").val()+"' style='"+style+"'></div>");
         $("#imageHolder").append("<div src='"+$("#soundLocation").val()+"' style='"+style+"'></div>");
         $("#soundLocation").val("");
         $("#soundLocation").val("");
         $("#imageHolder div").last().draggable();
         $("#imageHolder div").last().draggable();
Line 26: Line 25:
             var compTop = (position.top - imgPos.top).toString();
             var compTop = (position.top - imgPos.top).toString();
             var compLeft = (position.left - imgPos.left).toString();
             var compLeft = (position.left - imgPos.left).toString();
            console.log($(this).position());
             $(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)[0].outerHTML+"\r\n");
             $("#output").val($("#output").val()+"<div data-src='"+$(this).attr("data-src")+"' data-top='"+compTop.toString()+"' data-left='"compLeft.toString()"'></div>\r\n");
         });
         });
     });
     });

Revision as of 20:22, 20 October 2015