{"id":92,"date":"2010-04-26T00:35:20","date_gmt":"2010-04-26T03:35:20","guid":{"rendered":"http:\/\/www.thiagosantos.com\/blog\/?p=92"},"modified":"2011-07-19T15:44:59","modified_gmt":"2011-07-19T18:44:59","slug":"grooveshark-sem-banner","status":"publish","type":"post","link":"https:\/\/thiagosantos.com\/blog\/92\/javascript\/grooveshark-sem-banner\/","title":{"rendered":"Grooveshark sem banner"},"content":{"rendered":"

\u00c9 em momentos como esse que n\u00f3s ficamos a merc\u00ea dos usu\u00e1rios e dos nossos c\u00f3digos client-side. Um site de m\u00fasica muito bom, e quem vem crescendo bastante \u00e9 o Grooveshark<\/a>; eles tem uma ferramenta incr\u00edvel para ouvir m\u00fasica por streaming. Voc\u00ea s\u00f3 precisa colocar o nome da banda, ou da m\u00fasica e aparece uma lista de can\u00e7\u00f5es relacionadas, voc\u00ea pode ainda colocar suas pr\u00f3prias can\u00e7\u00f5es l\u00e1 e deixar o mundo te ouvir.<\/p>\n

Mas vamos mesmo ao que interessa: roda sobre o Grooveshark o jQuery <\/a>e aparentemente um aplicativo em Flex, tudo rodando online e n\u00e3o \u00e9 necess\u00e1rio baixar, diretamente, nenhum programa pra sua maquina.<\/p>\n

<\/p>\n

O que precisamos saber \u00e9 que a aplica\u00e7\u00e3o se ajusta conforme a dimens\u00e3o do navegador e que fica dentro da div de id “mainContentWrapper”, e o banner da direita fica sobre uma div de id “adBar”, sabendo isso com uma linha de comando \u00e9 poss\u00edvel tirar o banner do site:
\nna sua barra de endere\u00e7o com o Grooveshark aberto, copie e cole o c\u00f3digo abaixo abaixo:<\/p>\n


\njavascript:$(\"#adBar\").hide();$(\"#mainContentWrapper\").css(\"marginRight\",0); alert('Sumiu!!');<\/del><\/code><\/p>\n

javascript:$(\"#sidebar\").hide();$(\"#mainContentWrapper\").css(\"marginRight\",0); alert('Sumiu!!');<\/span><\/p>\n

javascript:jQuery('#capital').hide();jQuery('#application').css({'margin-right':0});jQuery(window).trigger('resize');void(0);<\/del>
\n<\/code>
\njavascript:$(‘#capital’).remove();$(‘#application’).css({‘margin-right’:’0px’});$(‘#page_wrapper’).css({‘width’:’1080px’});$(‘#grooveshark’).trigger(‘click’);alert(‘Foi’);<\/span><\/p>\n

 <\/p>\n

Dessa forma \u00e9 usamos o jQuery a nosso favor, manipulando elementos que est\u00e3o\u00a0 contidos no HTML. Observamos a fr\u00e1gilidade de c\u00f3digos JavaScript, e como \u00e9 f\u00e1cil inserir, remover e esconder conte\u00fado\u00a0 a partir deles.<\/p>\n

At\u00e9 mais.<\/p>\n

[ atualizado – 21\/06\/2010 – 17:43 ]
\n[ atualizado – 21\/03\/2011 – 14:30 ]
\n[ atualizado – 19\/07\/2011 – 14:37 ]<\/p>\n","protected":false},"excerpt":{"rendered":"

\u00c9 em momentos como esse que n\u00f3s ficamos a merc\u00ea dos usu\u00e1rios e dos nossos c\u00f3digos client-side. Um site de m\u00fasica muito bom, e quem vem crescendo bastante \u00e9 o Grooveshark; eles tem uma ferramenta incr\u00edvel para ouvir m\u00fasica por streaming. Voc\u00ea s\u00f3 precisa colocar o nome da banda, ou da m\u00fasica e aparece uma […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,6],"tags":[103,88,87,172,102,89],"class_list":["post-92","post","type-post","status-publish","format-standard","hentry","category-javascript","category-jquery","tag-grooveshark-no-banner","tag-grooveshark-sem-banner","tag-grooveskark","tag-jquery","tag-no-banner-grooveshark","tag-vunerabilidade-jquery"],"yoast_head":"\nGrooveshark sem banner - Pereira, Thiago Santos.<\/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:\/\/thiagosantos.com\/blog\/92\/javascript\/grooveshark-sem-banner\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Grooveshark sem banner - Pereira, Thiago Santos.\" \/>\n<meta property=\"og:description\" content=\"\u00c9 em momentos como esse que n\u00f3s ficamos a merc\u00ea dos usu\u00e1rios e dos nossos c\u00f3digos client-side. Um site de m\u00fasica muito bom, e quem vem crescendo bastante \u00e9 o Grooveshark; eles tem uma ferramenta incr\u00edvel para ouvir m\u00fasica por streaming. Voc\u00ea s\u00f3 precisa colocar o nome da banda, ou da m\u00fasica e aparece uma […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thiagosantos.com\/blog\/92\/javascript\/grooveshark-sem-banner\/\" \/>\n<meta property=\"og:site_name\" content=\"Pereira, Thiago Santos.\" \/>\n<meta property=\"article:published_time\" content=\"2010-04-26T03:35:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2011-07-19T18:44:59+00:00\" \/>\n<meta name=\"author\" content=\"Pereira, Thiago Santos\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pereira, Thiago Santos\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/thiagosantos.com\/blog\/92\/javascript\/grooveshark-sem-banner\/\",\"url\":\"https:\/\/thiagosantos.com\/blog\/92\/javascript\/grooveshark-sem-banner\/\",\"name\":\"Grooveshark sem banner - Pereira, Thiago Santos.\",\"isPartOf\":{\"@id\":\"https:\/\/thiagosantos.com\/blog\/#website\"},\"datePublished\":\"2010-04-26T03:35:20+00:00\",\"dateModified\":\"2011-07-19T18:44:59+00:00\",\"author\":{\"@id\":\"https:\/\/thiagosantos.com\/blog\/#\/schema\/person\/56683334c52027e200fd9270c17c629d\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/thiagosantos.com\/blog\/92\/javascript\/grooveshark-sem-banner\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/thiagosantos.com\/blog\/#website\",\"url\":\"https:\/\/thiagosantos.com\/blog\/\",\"name\":\"Pereira, Thiago Santos.\",\"description\":\"the fun of code.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/thiagosantos.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/thiagosantos.com\/blog\/#\/schema\/person\/56683334c52027e200fd9270c17c629d\",\"name\":\"Pereira, Thiago Santos\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/thiagosantos.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ed936469f86e5f07085e7540b2c0a115?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ed936469f86e5f07085e7540b2c0a115?s=96&d=mm&r=g\",\"caption\":\"Pereira, Thiago Santos\"},\"description\":\"Um cara que mora no Rio e n\u00e3o sabe nadar.\",\"sameAs\":[\"http:\/\/thiagosantos.com\"],\"url\":\"https:\/\/thiagosantos.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Grooveshark sem banner - Pereira, Thiago Santos.","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:\/\/thiagosantos.com\/blog\/92\/javascript\/grooveshark-sem-banner\/","og_locale":"pt_BR","og_type":"article","og_title":"Grooveshark sem banner - Pereira, Thiago Santos.","og_description":"\u00c9 em momentos como esse que n\u00f3s ficamos a merc\u00ea dos usu\u00e1rios e dos nossos c\u00f3digos client-side. Um site de m\u00fasica muito bom, e quem vem crescendo bastante \u00e9 o Grooveshark; eles tem uma ferramenta incr\u00edvel para ouvir m\u00fasica por streaming. Voc\u00ea s\u00f3 precisa colocar o nome da banda, ou da m\u00fasica e aparece uma […]","og_url":"https:\/\/thiagosantos.com\/blog\/92\/javascript\/grooveshark-sem-banner\/","og_site_name":"Pereira, Thiago Santos.","article_published_time":"2010-04-26T03:35:20+00:00","article_modified_time":"2011-07-19T18:44:59+00:00","author":"Pereira, Thiago Santos","twitter_misc":{"Escrito por":"Pereira, Thiago Santos","Est. tempo de leitura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thiagosantos.com\/blog\/92\/javascript\/grooveshark-sem-banner\/","url":"https:\/\/thiagosantos.com\/blog\/92\/javascript\/grooveshark-sem-banner\/","name":"Grooveshark sem banner - Pereira, Thiago Santos.","isPartOf":{"@id":"https:\/\/thiagosantos.com\/blog\/#website"},"datePublished":"2010-04-26T03:35:20+00:00","dateModified":"2011-07-19T18:44:59+00:00","author":{"@id":"https:\/\/thiagosantos.com\/blog\/#\/schema\/person\/56683334c52027e200fd9270c17c629d"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thiagosantos.com\/blog\/92\/javascript\/grooveshark-sem-banner\/"]}]},{"@type":"WebSite","@id":"https:\/\/thiagosantos.com\/blog\/#website","url":"https:\/\/thiagosantos.com\/blog\/","name":"Pereira, Thiago Santos.","description":"the fun of code.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thiagosantos.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/thiagosantos.com\/blog\/#\/schema\/person\/56683334c52027e200fd9270c17c629d","name":"Pereira, Thiago Santos","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/thiagosantos.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ed936469f86e5f07085e7540b2c0a115?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ed936469f86e5f07085e7540b2c0a115?s=96&d=mm&r=g","caption":"Pereira, Thiago Santos"},"description":"Um cara que mora no Rio e n\u00e3o sabe nadar.","sameAs":["http:\/\/thiagosantos.com"],"url":"https:\/\/thiagosantos.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/thiagosantos.com\/blog\/wp-json\/wp\/v2\/posts\/92","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thiagosantos.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thiagosantos.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thiagosantos.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thiagosantos.com\/blog\/wp-json\/wp\/v2\/comments?post=92"}],"version-history":[{"count":26,"href":"https:\/\/thiagosantos.com\/blog\/wp-json\/wp\/v2\/posts\/92\/revisions"}],"predecessor-version":[{"id":212,"href":"https:\/\/thiagosantos.com\/blog\/wp-json\/wp\/v2\/posts\/92\/revisions\/212"}],"wp:attachment":[{"href":"https:\/\/thiagosantos.com\/blog\/wp-json\/wp\/v2\/media?parent=92"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thiagosantos.com\/blog\/wp-json\/wp\/v2\/categories?post=92"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thiagosantos.com\/blog\/wp-json\/wp\/v2\/tags?post=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}