{"id":6633,"date":"2014-09-17T20:00:43","date_gmt":"2014-09-17T23:00:43","guid":{"rendered":"http:\/\/www.viamais.net\/blog\/?p=6633"},"modified":"2014-09-17T19:06:09","modified_gmt":"2014-09-17T22:06:09","slug":"como-fazer-ancora-dinamica-com-jquery","status":"publish","type":"post","link":"https:\/\/www.viamais.net\/blog\/como-fazer-ancora-dinamica-com-jquery\/","title":{"rendered":"Como fazer ancora din\u00e2mica com JQuery"},"content":{"rendered":"<h2><em>Um bom efeito de transi\u00e7\u00e3o pode diferenciar seu site, veja como fazer ancora din\u00e2mica com JQuery e atribua este diferencial ao seu site.<\/em><\/h2>\n<p>[ad#texto]<\/p>\n<p>Voc\u00ea j\u00e1 viu aquele efeito bonitinho onde ao clicar com um link a p\u00e1gina rola suavemente para a sua posi\u00e7\u00e3o? Ent\u00e3o, isso \u00e9 um tipo de ancora implementada com <strong><a href=\"http:\/\/www.viamais.net\/blog\/category\/jquery\/\">JQuery<\/a><\/strong>, bem simples e funciona em todos os browsers, ent\u00e3o veja <strong>como fazer ancora din\u00e2mica com JQuery<\/strong>.<\/p>\n<figure id=\"attachment_6608\" aria-describedby=\"caption-attachment-6608\" style=\"width: 360px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/i0.wp.com\/www.viamais.net\/blog\/wp-content\/uploads\/2014\/09\/jquery-mark-dark.gif\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-6608 \" title=\"Como fazer ancora din\u00e2mica com JQuery\" src=\"https:\/\/i0.wp.com\/www.viamais.net\/blog\/wp-content\/uploads\/2014\/09\/jquery-mark-dark.gif?resize=360%2C233\" alt=\"Como fazer ancora din\u00e2mica com JQuery\" width=\"360\" height=\"233\" \/><\/a><figcaption id=\"caption-attachment-6608\" class=\"wp-caption-text\">Como fazer ancora din\u00e2mica com JQuery<\/figcaption><\/figure>\n<p>Vamos primeiro ao c\u00f3digo:<\/p>\n<pre lang=\"javascript\">function scrollAnimate(elemento, margem, velocidade, url){\r\n $(location).attr('href', url);\r\n\r\n if($(elemento).length &gt; 0){\r\n  posicao = $(elemento).offset().top - margem;\r\n }\r\n\r\n $('html, body').stop().animate({ scrollTop: posicao }, velocidade);\r\n}\r\n<\/pre>\n<p>Vamos explicar primeiro os par\u00e2metros desta fun\u00e7\u00e3o:<\/p>\n<ul>\n<li>elemento: pode ser o <em>class<\/em> ou <em>id<\/em> de qualquer elemento <a href=\"http:\/\/pt.wikipedia.org\/wiki\/Modelo_de_Objeto_de_Documentos\" target=\"_blank\">DOM do HTML<\/a> que ser\u00e1 o destino da ancora;<\/li>\n<li>margem: caso queira, pode pontuar uma margem para sobra no posicionamento;<\/li>\n<li>velocidade: \u00e9 a velocidade do movimento;<\/li>\n<li>url: \u00e9 a URL de destino, pode ser outra URL da original ou pode ser a mesma.<\/li>\n<\/ul>\n<p>Uma vantagem desta fun\u00e7\u00e3o \u00e9 que voc\u00ea pode apontar para a mesma URL e fazer um movimento de ancora ou ainda apontar para outra URL e com isso obter o efeito de rolamento na transi\u00e7\u00e3o entre p\u00e1ginas.<\/p>\n<p>A fun\u00e7\u00e3o foi testada em diversos browsers, do <a href=\"http:\/\/www.viamais.net\/blog\/?s=chrome&amp;submit=Pesquisa#.VBoFDkpdV1Y\">Google Chrome<\/a> ao <a href=\"http:\/\/www.viamais.net\/blog\/?s=internet+explorer&amp;submit=Pesquisa#.VBoFIEpdV1Y\">Internet Explorer<\/a> e em todos o funcionamento foi total.<\/p>\n<p>N\u00e3o se esque\u00e7a de agregar o <a href=\"http:\/\/jquery.com\/download\/\" target=\"_blank\">JQuery<\/a> a sua p\u00e1gina, se n\u00e3o fizer isso esta fun\u00e7\u00e3o n\u00e3o vai funcionar.<\/p>\n<p>Pronto, agora voc\u00ea j\u00e1 sabe <strong>como fazer ancora din\u00e2mica com JQuery<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Um bom efeito de transi\u00e7\u00e3o pode diferenciar seu site, veja como fazer ancora din\u00e2mica com<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[42,40,41],"tags":[43,77,76],"class_list":["post-6633","post","type-post","status-publish","format-standard","hentry","category-dicas","category-javascript","category-jquery","tag-dicas","tag-javascript","tag-jquery"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Como fazer ancora din\u00e2mica com JQuery -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.viamais.net\/blog\/como-fazer-ancora-dinamica-com-jquery\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como fazer ancora din\u00e2mica com JQuery -\" \/>\n<meta property=\"og:description\" content=\"Um bom efeito de transi\u00e7\u00e3o pode diferenciar seu site, veja como fazer ancora din\u00e2mica com\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.viamais.net\/blog\/como-fazer-ancora-dinamica-com-jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"ViamaisBLOG\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/viamais.viablog\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/viamais.viablog\" \/>\n<meta property=\"article:published_time\" content=\"2014-09-17T23:00:43+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.viamais.net\/blog\/wp-content\/uploads\/2014\/09\/jquery-mark-dark-300x194.gif\" \/>\n<meta name=\"author\" content=\"Petter Rafael\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@petterrafael\" \/>\n<meta name=\"twitter:site\" content=\"@petterrafael\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Petter Rafael\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/como-fazer-ancora-dinamica-com-jquery\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/como-fazer-ancora-dinamica-com-jquery\\\/\"},\"author\":{\"name\":\"Petter Rafael\",\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/#\\\/schema\\\/person\\\/a13697c83eb9e9fe998636b42c020ec2\"},\"headline\":\"Como fazer ancora din\u00e2mica com JQuery\",\"datePublished\":\"2014-09-17T23:00:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/como-fazer-ancora-dinamica-com-jquery\\\/\"},\"wordCount\":260,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/como-fazer-ancora-dinamica-com-jquery\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.viamais.net\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/09\\\/jquery-mark-dark-300x194.gif\",\"keywords\":[\"Dicas\",\"JavaScript\",\"JQuery\"],\"articleSection\":[\"Dicas\",\"JavaScript\",\"JQuery\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.viamais.net\\\/blog\\\/como-fazer-ancora-dinamica-com-jquery\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/como-fazer-ancora-dinamica-com-jquery\\\/\",\"url\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/como-fazer-ancora-dinamica-com-jquery\\\/\",\"name\":\"Como fazer ancora din\u00e2mica com JQuery -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/como-fazer-ancora-dinamica-com-jquery\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/como-fazer-ancora-dinamica-com-jquery\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.viamais.net\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/09\\\/jquery-mark-dark-300x194.gif\",\"datePublished\":\"2014-09-17T23:00:43+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/como-fazer-ancora-dinamica-com-jquery\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.viamais.net\\\/blog\\\/como-fazer-ancora-dinamica-com-jquery\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/como-fazer-ancora-dinamica-com-jquery\\\/#primaryimage\",\"url\":\"http:\\\/\\\/www.viamais.net\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/09\\\/jquery-mark-dark-300x194.gif\",\"contentUrl\":\"http:\\\/\\\/www.viamais.net\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/09\\\/jquery-mark-dark-300x194.gif\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/como-fazer-ancora-dinamica-com-jquery\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dicas\",\"item\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/category\\\/dicas\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Como fazer ancora din\u00e2mica com JQuery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/\",\"name\":\"ViamaisBLOG\",\"description\":\"Blog de tecnologia com dicas para melhorar sua internet e as novidades de gadgets e aplicativos.\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/#organization\",\"name\":\"Viablog\",\"url\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.viamais.net\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/10\\\/logo_viamais.png?fit=150%2C150&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.viamais.net\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/10\\\/logo_viamais.png?fit=150%2C150&ssl=1\",\"width\":150,\"height\":150,\"caption\":\"Viablog\"},\"image\":{\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/viamais.viablog\",\"https:\\\/\\\/x.com\\\/petterrafael\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/#\\\/schema\\\/person\\\/a13697c83eb9e9fe998636b42c020ec2\",\"name\":\"Petter Rafael\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ec1d50795aefe5170d97a2816386714d30fce28bcb746631048cc673d70f8443?s=96&d=identicon&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ec1d50795aefe5170d97a2816386714d30fce28bcb746631048cc673d70f8443?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ec1d50795aefe5170d97a2816386714d30fce28bcb746631048cc673d70f8443?s=96&d=identicon&r=g\",\"caption\":\"Petter Rafael\"},\"description\":\"Desenvolvedor Web atua com as tecnologias Java e PHP apoiadas pelos bancos de dados Oracle e MySQL. Al\u00e9m dos ambientes de desenvolvimento acima possuiu amplo conhecimento em servidores Apache\\\/Tomcat, Photoshop, Arte &amp; Foto, Flash e mais uma dezena de ferramentas e tecnologias emergentes. Atualmente colabora com o Viablog escrevendo sobre programa\u00e7\u00e3o e tecnologia.\",\"sameAs\":[\"http:\\\/\\\/www.viamais.net\\\/blog\",\"https:\\\/\\\/www.facebook.com\\\/viamais.viablog\"],\"url\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/author\\\/petterrafael\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Como fazer ancora din\u00e2mica com JQuery -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.viamais.net\/blog\/como-fazer-ancora-dinamica-com-jquery\/","og_locale":"pt_BR","og_type":"article","og_title":"Como fazer ancora din\u00e2mica com JQuery -","og_description":"Um bom efeito de transi\u00e7\u00e3o pode diferenciar seu site, veja como fazer ancora din\u00e2mica com","og_url":"https:\/\/www.viamais.net\/blog\/como-fazer-ancora-dinamica-com-jquery\/","og_site_name":"ViamaisBLOG","article_publisher":"https:\/\/www.facebook.com\/viamais.viablog","article_author":"https:\/\/www.facebook.com\/viamais.viablog","article_published_time":"2014-09-17T23:00:43+00:00","og_image":[{"url":"http:\/\/www.viamais.net\/blog\/wp-content\/uploads\/2014\/09\/jquery-mark-dark-300x194.gif","type":"","width":"","height":""}],"author":"Petter Rafael","twitter_card":"summary_large_image","twitter_creator":"@petterrafael","twitter_site":"@petterrafael","twitter_misc":{"Escrito por":"Petter Rafael","Est. tempo de leitura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.viamais.net\/blog\/como-fazer-ancora-dinamica-com-jquery\/#article","isPartOf":{"@id":"https:\/\/www.viamais.net\/blog\/como-fazer-ancora-dinamica-com-jquery\/"},"author":{"name":"Petter Rafael","@id":"https:\/\/www.viamais.net\/blog\/#\/schema\/person\/a13697c83eb9e9fe998636b42c020ec2"},"headline":"Como fazer ancora din\u00e2mica com JQuery","datePublished":"2014-09-17T23:00:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www.viamais.net\/blog\/como-fazer-ancora-dinamica-com-jquery\/"},"wordCount":260,"commentCount":0,"publisher":{"@id":"https:\/\/www.viamais.net\/blog\/#organization"},"image":{"@id":"https:\/\/www.viamais.net\/blog\/como-fazer-ancora-dinamica-com-jquery\/#primaryimage"},"thumbnailUrl":"http:\/\/www.viamais.net\/blog\/wp-content\/uploads\/2014\/09\/jquery-mark-dark-300x194.gif","keywords":["Dicas","JavaScript","JQuery"],"articleSection":["Dicas","JavaScript","JQuery"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.viamais.net\/blog\/como-fazer-ancora-dinamica-com-jquery\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.viamais.net\/blog\/como-fazer-ancora-dinamica-com-jquery\/","url":"https:\/\/www.viamais.net\/blog\/como-fazer-ancora-dinamica-com-jquery\/","name":"Como fazer ancora din\u00e2mica com JQuery -","isPartOf":{"@id":"https:\/\/www.viamais.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.viamais.net\/blog\/como-fazer-ancora-dinamica-com-jquery\/#primaryimage"},"image":{"@id":"https:\/\/www.viamais.net\/blog\/como-fazer-ancora-dinamica-com-jquery\/#primaryimage"},"thumbnailUrl":"http:\/\/www.viamais.net\/blog\/wp-content\/uploads\/2014\/09\/jquery-mark-dark-300x194.gif","datePublished":"2014-09-17T23:00:43+00:00","breadcrumb":{"@id":"https:\/\/www.viamais.net\/blog\/como-fazer-ancora-dinamica-com-jquery\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.viamais.net\/blog\/como-fazer-ancora-dinamica-com-jquery\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.viamais.net\/blog\/como-fazer-ancora-dinamica-com-jquery\/#primaryimage","url":"http:\/\/www.viamais.net\/blog\/wp-content\/uploads\/2014\/09\/jquery-mark-dark-300x194.gif","contentUrl":"http:\/\/www.viamais.net\/blog\/wp-content\/uploads\/2014\/09\/jquery-mark-dark-300x194.gif"},{"@type":"BreadcrumbList","@id":"https:\/\/www.viamais.net\/blog\/como-fazer-ancora-dinamica-com-jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.viamais.net\/blog\/"},{"@type":"ListItem","position":2,"name":"Dicas","item":"https:\/\/www.viamais.net\/blog\/category\/dicas\/"},{"@type":"ListItem","position":3,"name":"Como fazer ancora din\u00e2mica com JQuery"}]},{"@type":"WebSite","@id":"https:\/\/www.viamais.net\/blog\/#website","url":"https:\/\/www.viamais.net\/blog\/","name":"ViamaisBLOG","description":"Blog de tecnologia com dicas para melhorar sua internet e as novidades de gadgets e aplicativos.","publisher":{"@id":"https:\/\/www.viamais.net\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.viamais.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.viamais.net\/blog\/#organization","name":"Viablog","url":"https:\/\/www.viamais.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.viamais.net\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/www.viamais.net\/blog\/wp-content\/uploads\/2014\/10\/logo_viamais.png?fit=150%2C150&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.viamais.net\/blog\/wp-content\/uploads\/2014\/10\/logo_viamais.png?fit=150%2C150&ssl=1","width":150,"height":150,"caption":"Viablog"},"image":{"@id":"https:\/\/www.viamais.net\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/viamais.viablog","https:\/\/x.com\/petterrafael"]},{"@type":"Person","@id":"https:\/\/www.viamais.net\/blog\/#\/schema\/person\/a13697c83eb9e9fe998636b42c020ec2","name":"Petter Rafael","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/ec1d50795aefe5170d97a2816386714d30fce28bcb746631048cc673d70f8443?s=96&d=identicon&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/ec1d50795aefe5170d97a2816386714d30fce28bcb746631048cc673d70f8443?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ec1d50795aefe5170d97a2816386714d30fce28bcb746631048cc673d70f8443?s=96&d=identicon&r=g","caption":"Petter Rafael"},"description":"Desenvolvedor Web atua com as tecnologias Java e PHP apoiadas pelos bancos de dados Oracle e MySQL. Al\u00e9m dos ambientes de desenvolvimento acima possuiu amplo conhecimento em servidores Apache\/Tomcat, Photoshop, Arte &amp; Foto, Flash e mais uma dezena de ferramentas e tecnologias emergentes. Atualmente colabora com o Viablog escrevendo sobre programa\u00e7\u00e3o e tecnologia.","sameAs":["http:\/\/www.viamais.net\/blog","https:\/\/www.facebook.com\/viamais.viablog"],"url":"https:\/\/www.viamais.net\/blog\/author\/petterrafael\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p5Ih4c-1IZ","jetpack-related-posts":[{"id":2121,"url":"https:\/\/www.viamais.net\/blog\/conhecendo-a-jquery\/","url_meta":{"origin":6633,"position":0},"title":"Conhecendo a JQuery","author":"Petter Rafael","date":"09\/06\/2010","format":false,"excerpt":"[ad#texto] Eu n\u00e3o sou muito f\u00e3 de frameworks, at\u00e9 porque um framework pode engessar de forma desnecess\u00e1ria a sua aplica\u00e7\u00e3o e voc\u00ea fica dependente da ferramenta para prestar manuten\u00e7\u00e3o e\/ou atualizar sua aplica\u00e7\u00e3o, por\u00e9m em alguns casos temos que tirar o chap\u00e9u para um framework. \u00c9 o caso do JQuery,\u2026","rel":"","context":"Em &quot;JavaScript&quot;","block_context":{"text":"JavaScript","link":"https:\/\/www.viamais.net\/blog\/category\/javascript\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6655,"url":"https:\/\/www.viamais.net\/blog\/como-mudar-propriedades-css-com-jquery\/","url_meta":{"origin":6633,"position":1},"title":"Como mudar propriedades CSS com JQuery","author":"Petter Rafael","date":"24\/09\/2014","format":false,"excerpt":"Veja como mudar propriedades CSS com JQuery de uma forma simples e f\u00e1cil, esta dica vai ajudar voc\u00ea a montar seu layout de modo din\u00e2mico e interativo. [ad#texto] \u00c9 comum surgir a necessidade de manipularmos CSS em tempo de execu\u00e7\u00e3o e a melhor forma de realizar esta tarefa \u00e9 utilizando\u2026","rel":"","context":"Em &quot;JavaScript&quot;","block_context":{"text":"JavaScript","link":"https:\/\/www.viamais.net\/blog\/category\/javascript\/"},"img":{"alt_text":"Como mudar propriedades CSS com JQuery","src":"https:\/\/i0.wp.com\/www.viamais.net\/blog\/wp-content\/uploads\/2012\/01\/ataque-ddos-pastehtmk-300x100.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":2131,"url":"https:\/\/www.viamais.net\/blog\/utilizando-mascaras-com-jquery\/","url_meta":{"origin":6633,"position":2},"title":"Utilizando m\u00e1scaras com JQuery","author":"Petter Rafael","date":"10\/06\/2010","format":false,"excerpt":"[ad#texto] Continuando a falar das facilidades de desenvolvimento trazidas com a JQuery, vou explicar como fazer de forma simplificada como fazer m\u00e1scaras utilizando a JQuery.\u00a0Observem\u00a0o c\u00f3digo abaixo: jQuery.noConflict(); jQuery(function($){ $(\"#cnpj\").mask(\"99.999.999\/9999-99\"); $(\"#cep\").mask(\"99.999-999\"); }); Perceberam a facilidade? Funciona da seguinte forma: A primeira linha tem a fun\u00e7\u00e3o de evitar conflitos com outros\u2026","rel":"","context":"Em &quot;JavaScript&quot;","block_context":{"text":"JavaScript","link":"https:\/\/www.viamais.net\/blog\/category\/javascript\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6606,"url":"https:\/\/www.viamais.net\/blog\/mascaras-diversas-com-jquery-para-seu-formulario\/","url_meta":{"origin":6633,"position":3},"title":"Mascaras diversas com Jquery para seu formul\u00e1rio","author":"Petter Rafael","date":"11\/09\/2014","format":false,"excerpt":"Veja v\u00e1rias dicas de como validar seu formul\u00e1rio Web com mascaras diversas com JQuery e veja como usar toda o potencial do plugin JQuery-Mask. [ad#texto] Dias atr\u00e1s estive pesquisando sobre formas de utilizar mascaras diversas com Jquery, foi ent\u00e3o que notei que nem 10% do potencial do JQuery com o\u2026","rel":"","context":"Em &quot;Dicas&quot;","block_context":{"text":"Dicas","link":"https:\/\/www.viamais.net\/blog\/category\/dicas\/"},"img":{"alt_text":"Mascaras diversas com Jquery para seu formul\u00e1rio","src":"https:\/\/i0.wp.com\/www.viamais.net\/blog\/wp-content\/uploads\/2014\/09\/jquery-mark-dark-300x194.gif?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":4321,"url":"https:\/\/www.viamais.net\/blog\/executando-ajax-via-jquery-de-modo-enfileirado\/","url_meta":{"origin":6633,"position":4},"title":"Executando Ajax via JQuery de modo enfileirado","author":"Petter Rafael","date":"27\/11\/2012","format":false,"excerpt":"[ad#texto] JQuery adicionou uma nova vis\u00e3o sobre o desenvolvimento de interfaces ricas para sites e sistemas Web, afinal, n\u00e3o era mais preciso programar dezenas de linhas em Ajax, poder\u00edamos consumir Ajax de forma simples utilizando as fun\u00e7\u00f5es da JQuery. Como todos sabem, por excel\u00eancia as chamadas de Ajax no JQuery\u2026","rel":"","context":"Em &quot;Dicas&quot;","block_context":{"text":"Dicas","link":"https:\/\/www.viamais.net\/blog\/category\/dicas\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":3927,"url":"https:\/\/www.viamais.net\/blog\/utilizando-jquery-para-eventos-do-mouse\/","url_meta":{"origin":6633,"position":5},"title":"Utilizando JQuery para eventos do mouse","author":"Petter Rafael","date":"09\/08\/2012","format":false,"excerpt":"[ad#texto] Algumas vezes temos de inserir fun\u00e7\u00f5es JavaScript nos tr\u00eas eventos de mouse (onMouseOver, onMouseOut e onMouseMove) no mesmo elemento HTML. Nem \u00e9 precisa falar que s\u00e3o constantes os problemas de conflitos e quase sempre sofremos para equacionar nossas fun\u00e7\u00f5es JavaScript para trabalharem atuando no mesmo elemento, em tr\u00eas eventos\u2026","rel":"","context":"Em &quot;Dicas&quot;","block_context":{"text":"Dicas","link":"https:\/\/www.viamais.net\/blog\/category\/dicas\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":false,"_links":{"self":[{"href":"https:\/\/www.viamais.net\/blog\/wp-json\/wp\/v2\/posts\/6633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.viamais.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.viamais.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.viamais.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.viamais.net\/blog\/wp-json\/wp\/v2\/comments?post=6633"}],"version-history":[{"count":0,"href":"https:\/\/www.viamais.net\/blog\/wp-json\/wp\/v2\/posts\/6633\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.viamais.net\/blog\/wp-json\/wp\/v2\/media?parent=6633"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.viamais.net\/blog\/wp-json\/wp\/v2\/categories?post=6633"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.viamais.net\/blog\/wp-json\/wp\/v2\/tags?post=6633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}