\r\n","bodyAsHTML":"
\r\n\r\n[UPDATED CODE AND HELP CAN BE FOUND HERE]\r\n\r\n\r\ncode\r\n\r\n\r\n/******************************************************\r\n* REQUIRES http://jsfromhell.com/geral/event-listener\r\n******************************************************/\r\n\r\n//+ Jonas Raoni Soares Silva\r\n//@ http://jsfromhell.com/dhtml/resizer [v1.0]\r\n\r\nResizer = function(o){ //v1.0\r\n\tfunction getHandler(_, h, v){\r\n\t\treturn function(e){\r\n\t\t\tvar r = Resizer;\r\n\t\t\tr.i = _, r.o = _.o, r.h = h, r.v = v, r.begin(e);\r\n\t\t};\r\n\t}\r\n\tvar _ = ((_ = this).o = o, _.f = [], _);\r\n\tfor(var j, e, x, y, i = 3, k = -1, d = _.d = new Array(8); i;)\r\n\t\tfor(j = (--i, 3); j; (--j != 1 || i != 1) && (d[++k] = [i, j, \"\",\r\n\t\t\te = document.body.appendChild(document.createElement(\"div\"))]),\r\n\t\t\taddEvent(e, \"mousedown\", getHandler(_, d[k][0], d[k][1])),\r\n\t\t\te.style.position = \"absolute\", e.style.display = \"none\"\r\n\t\t);\r\n\t//addEvent(o, \"mousemove\", _.checkLineResize);\r\n}\r\nwith({p: Resizer.prototype}){\r\n\tvar c = p.constructor;\r\n\tfunction getMouse(e){\r\n\t\treturn {x: e.clientX + (window.scrollX || window.pageXOffset || document.body.scrollLeft),\r\n\t\t\ty: e.clientY + (window.scrollY || window.pageYOffset || document.body.scrollTop)};\r\n\t};\r\n\tfunction getOffset(o, s){\r\n\t\tfor(var r = {x: o.offsetLeft, y: o.offsetTop, h: o.offsetHeight, w: o.offsetWidth};\r\n\t\t\t(o = o.offsetParent) && (!s || !/relative/i.test(o.style.position)); r.x += o.offsetLeft, r.y += o.offsetTop);\r\n\t\treturn r;\r\n\t};\r\n\tc.i = null, c.o = null, c.h = 0, c.v = 0, c.pd = {x: 0, y: 0}, c.po = {x: 0, y: 0};\r\n\tp.showAnchors = function(s){\r\n\t\tvar i, x, s, _ = this, d = _.d, o = getOffset(_.o);\r\n\t\tfor(i in d)\r\n\t\t\t(x = d[i], s = x[3].style) && s ? (s.left = o.x + o.w * x[0] / 2 + \"px\",\r\n\t\t\ts.top = o.y + o.h * x[1] / 2 + \"px\", s.display = \"block\") : s.display = \"none\";\r\n\t};\r\n\tp.setAnchorClass = function(c){\r\n\t\tvar i, d = this.d, map = {se: 0, e: 1, ne: 2, n: 3, s: 4, nw: 5, w: 6, sw: 7};\r\n\t\tif(typeof c == 'string')\r\n\t\t\tfor(i in d) d[i][3].className = c;\r\n\t\telse\r\n\t\t\tfor(i in c) d[map[i.toLowerCase()]][3].className = c[i];\r\n\t};\r\n\tp.addFilter = function(f){\r\n\t\tthis.f[this.f.length] = f;\r\n\t},\r\n\tc.begin = function(e){\r\n\t\tvar _ = Resizer, p = getMouse(e);\r\n\t\t_.po = getOffset(_.o, 1);\r\n\t\t_.pd = {x: _.po.x - p.x, y: _.po.y - p.y};\r\n\t\taddEvent(document, \"mousemove\", _.drag);\r\n\t\taddEvent(document, \"mouseup\", _.end);\r\n\t};\r\n\tc.end = function(e){\r\n\t\tvar _ = Resizer;\r\n\t\tremoveEvent(document, \"mousemove\", _.drag);\r\n\t\tremoveEvent(document, \"mouseup\", _.end);\r\n\t};\r\n\tc.drag = function(e){\r\n\t\tvar i, c = {x: 0, y: 0, w: 0, h: 0}, _ = Resizer, p = getMouse(e), o = getOffset(_.o), s = _.o.style;\r\n\t\t_.h != 1 ? (c.x = _.h ? _.po.x : p.x + _.pd.x, c.w = _.po.w + (p.x - _.po.x + _.pd.x) * (_.h - 1)) : (c.x = _.po.x, c.w = _.po.w);\r\n\t\t_.v != 1 ? (c.y = _.v ? _.po.y : p.y + _.pd.y, c.h = _.po.h + (p.y - _.po.y + _.pd.y) * (_.v - 1)) : (c.y = _.po.y, c.h = _.po.h);\r\n\t\tc.h < 0 && (c.y -= c.h = -c.h, _.v ^= 2, _.po.y += _.po.h, _.pd.y -= _.po.h *= -1);\r\n\t\tc.w < 0 && (c.x -= c.w = -c.w, _.h ^= 2, _.po.x += _.po.w, _.pd.x -= _.po.w *= -1);\r\n\t\tfor(var i in _.i.f) _.i.f[i].call(c, e);\r\n\t\ts.top = c.y + \"px\", s.left = c.x + \"px\", s.height = c.h + \"px\", s.width = c.w + \"px\";\r\n\t\t_.i.showAnchors(1);\r\n\t};\r\n}\r\n\r\n\r\nexample\r\n\r\n\r\n\r\n\r\n
\r\n\t
Dentro de um container com \"position:relative\"
\r\n
\r\n
Com filtro de tamanho máximo e marcadores com classes diferentes
\r\n
Com filtro para manter proporção 1:1 ao segurar o shift
\r\n\r\n\r\n\r\n
","author":{"id":1018055,"username":"Snippets_User","realname":null,"emailHash":"7c2a6e78db5bc42c725740ccc54d15b6","avatar":"https://secure.gravatar.com/avatar/7c2a6e78db5bc42c725740ccc54d15b6?d=identicon&r=PG","reputation":0},"activeRevisionId":985970,"revisionIds":[985970],"lastActiveUserId":1018055,"lastActiveDate":1132336287000,"parentId":null,"parentAuthor":null,"originalParentId":null,"childrenIds":[],"commentIds":[],"marked":true,"topics":[],"primaryContainerId":8,"containerIds":[],"plug":"resizer-javascript-class","wiki":false,"score":0,"depth":0},"enableThreadedComments":true,"contentType":"article"}],"loadedStyles":[["/lib/bootstrap/bootstrap.less","/lib/font-awesome/font-awesome.less","/lib/fontello/css/fontello.css","/lib/fontello/css/animation.css","/lib/angular-ui/select.css","/lib/ngDialog/css/ngDialog.css","/less/ngDialog-theme.less","/lib/bootstrap-switch/bootstrap-switch.css","/less/dzone20.less","/less/fonts.less","/less/directives.less","/lib/slick/slick.css","/lib/bootstrap-slider/bootstrap-slider.css","/less/layout.less","/widgets/article/content/article-content.less","/widgets/article/infoBar/widget.less","/widgets/components/slider/widget.less","/widgets/content/commentsSlider/widget.less","/widgets/header/blackBar/widget.less","/widgets/header/main/header-common.less","/widgets/header/main/widget.less","/widgets/sidebar/content/list/list.less","/widgets/sidebar/tapBar/sidebar-list.less","/widgets/sidebar/tapBar/widget.less","/widgets/users/UserHomeMiniProfile/widget.less"]],"loadedScripts":[["/lib/jquery/jquery.js","/lib/lodash/lodash.js","/lib/moment/moment.js","/scripts/utils.js","/lib/angular/angular.js","/lib/angular/angular-sanitize.js","/lib/local-storage/angular-local-storage.js","/lib/bootstrap/bootstrap.js","/lib/angular-ui/bootstrap.js","/lib/angular-ui/select.js","/lib/bootstrap-switch/bootstrap-switch.js","/lib/ngDialog/js/ngDialog.js","/lib/angular-moment/angular-moment.js","/scripts/app.js","/scripts/socket.js","/scripts/services.js","/scripts/ui-services.js","/scripts/directives.js","/scripts/filters.js","/lib/angular-touch/angular-touch.min.js","/lib/elastic/elastic.js","/lib/ng-file-upload/angular-file-upload-all.js","/lib/angular-deckgrid/angular-deckgrid.js","/scripts/dzone.js","/scripts/ads.js","/scripts/head.js","/scripts/links.js","/scripts/utilities/directives.js","/scripts/utilities/services.js","/scripts/utilities/image-editor.js","/lib/bootstrap-slider/bootstrap-slider.js","/lib/bootstrap-slider/directive.js","/lib/angular-draganddrop/draganddrop.js","/widgets/article/content/utils.js","/widgets/article/infoBar/services.js","/widgets/components/slider/service.js","/widgets/header/main/angulartics-ga.js","/widgets/header/main/angulartics.js","/widgets/header/main/resize.js","/widgets/sidebar/content/list/service.js","/widgets/sidebar/tapBar/directive.js","/widgets/sidebar/tapBar/service.js"]],"TH_CSRF":"-6606986368562712233","botInfo":[{"isRenderBot":false}],"request":[{"site":{"id":7,"title":"DZone: Programming & DevOps news, tutorials & tools","keywords":"programming, software development, devops, java, agile, web, iot, database, mobile, big data, cloud","description":"Programming, Web Development, and DevOps news, tutorials and tools for beginners to experts. Hundreds of free publications, over 1M members, totally free.","name":"DZone.com"},"dev":false,"cdn":["dz2cdn1.dzone.com","dz2cdn2.dzone.com","dz2cdn3.dzone.com","dz2cdn4.dzone.com"],"theme":"dz20","context":"","user":{"id":2500002,"authenticated":false,"name":"Anonymous","realName":null,"avatar":"https://secure.gravatar.com/avatar/?d=identicon&r=PG","profile":"/users/2500002/anon-user.html"}}],"portals":[[{"topic":8,"id":2,"shortTitle":"agile-methodology-training-tools-news","color":"red","name":"Agile","code":"agile","url":"/agile-methodology-training-tools-news"},{"topic":6129,"id":3,"shortTitle":"big-data-analytics-tutorials-tools-news","color":"green","name":"Big Data","code":"big-data","url":"/big-data-analytics-tutorials-tools-news"},{"topic":30,"id":4,"shortTitle":"cloud-computing-tutorials-tools-news","color":"orange","name":"Cloud","code":"cloud","url":"/cloud-computing-tutorials-tools-news"},{"topic":59,"id":5,"shortTitle":"database-sql-nosql-tutorials-tools-news","color":"purple","name":"Database","code":"database","url":"/database-sql-nosql-tutorials-tools-news"},{"topic":31,"id":6,"shortTitle":"devops-tutorials-tools-news","color":"yellow","name":"DevOps","code":"devops","url":"/devops-tutorials-tools-news"},{"topic":1138,"id":7,"shortTitle":"enterprise-integration-training-tools-news","color":"green","name":"Integration","code":"integration","url":"/enterprise-integration-training-tools-news"},{"topic":48,"id":8,"shortTitle":"iot-developer-tutorials-tools-news-reviews","color":"orange","name":"IoT","code":"iot","url":"/iot-developer-tutorials-tools-news-reviews"},{"topic":1,"id":1,"shortTitle":"java-jdk-development-tutorials-tools-news","color":"purple","name":"Java","code":"java","url":"/java-jdk-development-tutorials-tools-news"},{"topic":29,"id":9,"shortTitle":"mobile-app-developer-tutorials-tools-news","color":"yellow","name":"Mobile","code":"mobile","url":"/mobile-app-developer-tutorials-tools-news"},{"topic":653,"id":10,"shortTitle":"apm-tools-performance-monitoring-optimization","color":"red","name":"Performance","code":"performance","url":"/apm-tools-performance-monitoring-optimization"},{"topic":35,"id":11,"shortTitle":"web-development-programming-tutorials-tools-news","color":"orange","name":"Web Dev","code":"webdev","url":"/web-development-programming-tutorials-tools-news"}]],"matchedUrl":{"name":"dzone:articles:view","mapping":"/articles/**","mappingPatterns":{}},"requiresModule":["angulartics","angulartics.google.analytics","dndLists","generalDirectives","monospaced.elastic","angularFileUpload","akoenig.deckgrid","ui.bootstrap-slider","ngSanitize","ui.select","ui.bootstrap","angularMoment","ngTouch","ngDialog","LocalStorageModule"]}; } catch(e) { console.error(e); }
4
Notification
  • Adam Van Grack started following you

  • Jessica Conaghan, Gumption Scott and 6 commented on a link you posted

    T-Mobile Unvells Cheaper, More Basic 'Simple Prepaid' Phone Plans

  • Jessica Conaghan replied on a comment you posted

    CSS counters are one of those "oh neat, didn't know CSS could do that" features with a lot of Xubuntu 14.10 Utopic Unicorn is the latest release of xubuntu based on Ubuntu 14.10

  • Jessica Conaghan started following you

See All
POWERED BY DZone TeamHub
{{ tag }}, {{tag}},

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}
{{ parent.authors[0].realName || parent.author}}

{{ parent.authors[0].tagline || parent.tagline }}

{{ parent.views }} ViewsClicks
Tweet

{{parent.nComments}}

\r\n","source":null,"views":7,"articleDate":1132336287000,"tldr":null,"originalSource":"","published":true,"nComments":0,"articleType":"snippet"}]; WMODEL_DATA.perms = {"canDecidePick":false,"canPublish":false}; WMODEL_DATA.isPreview = false; WMODEL_DATA.OPTIONS = {}; TH.installWidgetController('article.content', 'articleContent7', WMODEL_DATA, typeof controller == 'function' ? controller : null, [{name: 'partners', data: true},{name: 'DEFAULT', data: true}], ' oUhbblYOaqbcblYOaqbcC', null); })(); (function() { function controller($scope, $service, $location, SideBarService, TH$Request) { SideBarService.ctx.pageSize = $scope.pageSize; SideBarService.ctx.isPreview = $scope.isPreview; SideBarService.ctx.mode = $scope.mode; SideBarService.fn.loader = $service; SideBarService.fn.scrollCheck = function() { $scope.$emit('thIfScrollCheck'); }; var currentFilter; $scope.$on('$locationChangeSuccess', function() { if (!$location.search().filter) { $scope.filter = 'latest'; } else { $scope.filter = $location.search().filter; if ($scope.filter == 'latest') { $location.search('filter', null); } } if (currentFilter == $scope.filter) { return; } currentFilter = $scope.filter; SideBarService.ctx.filter = $scope.filter; }); $scope.display = SideBarService.getList(); $scope.$watchCollection(function() { return SideBarService.getList(); }, function (n) { $scope.display = n; }); $scope.isActive = SideBarService.isActive; $scope.isExcluded = SideBarService.isExcluded; $scope.loadMore = SideBarService.load; $scope.loading = function() { return SideBarService.ctx.loading; } } var WMODEL_DATA = {}; WMODEL_DATA.pageSize = 20; WMODEL_DATA.isPreview = false; WMODEL_DATA.OPTIONS = {}; WMODEL_DATA.mode = null; TH.installWidgetController('sidebar.content.list', 'sidebarContentList10', WMODEL_DATA, typeof controller == 'function' ? controller : null, [{name: 'DEFAULT', data: true}], ' oUhbkSMaaqbcdvVkcC', null); })(); (function() { var WMODEL_DATA = {}; WMODEL_DATA.OPTIONS = {}; TH.installWidgetController('sidebar.tapBar', 'sidebar', WMODEL_DATA, typeof controller == 'function' ? controller : null, null, ' oUhbkSMadabfWVcC oUhbkSMadabbWQbVkcC', null); })(); (function() { function controller($scope, shareThis, TH$Dialog, TH$Service, $location) { $scope.getEditUrl = function(id, type) { if (!type || type == 'article') { return '/content/' + id + '/edit.html'; } else { return '/dzone/staff/' + type + (type == 'refcard' ? 'z' : 's') + '/' + id + '/edit.html'; } }; $scope.share = function(socialNet, url, title){ shareThis.shareThis(socialNet, url, title); }; $scope.canDelete = function(article) { return article.canDelete; }; $scope.shareTwitter = function($event, title, url){ $event.preventDefault(); $event.stopPropagation(); var twitter = 'https://twitter.com/intent/tweet'; var link = $location.protocol() + '://' + location.host + url; var ref = location.host; var params = '?text='+title+'&url='+link+'&ref=dzone.com&via=DZone'; var win = window.open(twitter+params, '_blank'); win.focus(); }; $scope.edit = function(link) { TH$Dialog.open({ loadWidget: 'links.postPreview', widgetArgs: { edit: link.id }, size: 'xbig' }).then(function (result) { $scope.link.title = result.title; $scope.link.linkDescription = result.content; $scope.link.thumb = result.thumb; $scope.link.tags = result.topics; }); }; $scope.deleteLink = function(article) { var title = article.title; var type = 'link'; if(article.header){ title = (article.header.type == 'article') ? article.header.title : article.title; type = (article.header.type == 'article') ? 'article' : 'link'; } TH$Dialog.confirm('Do you want to delete "' + title + '"?').then(function() { return TH$Service.action('delete', {type: type, id: article.id}); }).then(function() { article.deleted = true; }); }; } var WMODEL_DATA = {}; WMODEL_DATA.OPTIONS = {}; TH.installWidgetController('content.commentsSlider', 'contentCommentsSlider9', WMODEL_DATA, typeof controller == 'function' ? controller : null, null, ' oUhbaqbcaibvnWffWVcC', null); })(); (function() { var WMODEL_DATA = {}; WMODEL_DATA.name = "commentsSlider"; WMODEL_DATA.slot = null; WMODEL_DATA.OPTIONS = {"name":"commentsSlider"}; TH.installWidgetController('components.slider', 'componentsSlider8', WMODEL_DATA, typeof controller == 'function' ? controller : null, null, ' oUhballbvbdSaoUhM', null); })();