function ajaxFeedback(e,url,css) { $.ajax({ url: url, success: function(res) { if(res =='success') { successMarker(e,css); return; }else{ if(res =='warn') { warnMarker(e,css); return; }else{ errorMarker(e,css); return; } } }, error: function (res,err) { errorMarker(e,css); } }); return false; } function getCoords(e) { var p = {}; p.x = e.offsetLeft; p.y = e.offsetTop; while (e.offsetParent) { p.x = p.x + e.offsetParent.offsetLeft; p.y = p.y + e.offsetParent.offsetTop; if (e == document.getElementsByTagName("body")[0]) { break; } else { e = e.offsetParent; } } return p; } function successMarker(e,css) { var p = getCoords(e); var cursorX = p.x var cursorY = p.y console.log('OK',cursorX,cursorY); o = $('
'); $( "body" ).append( o ); $(o).fadeOut(5000); } function warnMarker(e,css) { var p = getCoords(e); var cursorX = p.x var cursorY = p.y console.log('WARN',cursorX,cursorY); o = $(''); $( "body" ).append( o ); $(o).fadeOut(5000); } function errorMarker(e,css) { var p = getCoords(e); var cursorX = p.x var cursorY = p.y console.log('ERR',cursorX,cursorY); o = $(''); $( "body" ).append( o ); $(o).fadeOut(5000); }