Javascript for chrome extension -


i'm trying create button on page

my manifest.json has content script inject.js , inject.js this

var botao_comunidades = document.queryselector('a[href="#communities"]');  var botao_teste = document.createelement('p'); botao_teste.innerhtml = '<a href="#">test</a>'; botao_teste.classname = "themelighttransparency nsc"; botao_comunidades.insertadjacentelement('afterend',p);

manifest.json

{ "name": "teste", "version": "0.0.1", "manifest_version": 2, "description": "teste", "icons": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }, "default_locale": "en", "permissions": [ "<all_urls>" ], "content_scripts": [ {   "matches": [     "https://www.orkut.com.br/*"   ],   "js": [     "src/inject/inject.js"   ]   ]  } ] }

and nothing :(

from manifest, delete ] closes content_scripts.js (if want make exact code work, there few other steps mentioned @ end). when load script, console @ website says uncaught referenceerror: p not defined on line 6. change last line botao_comunidades.insertadjacentelement('afterend',botao_teste); , works.

other steps make this exact code work:

  • delete “icons” , “default_locale” manifest
  • change content_script.matches “http://www.orkut.com.br/*”
  • change first line of inject.js use queryselector('#signupviewport’);

here's finished product:

manifest.json:

{     "name": "teste",     "version": "0.0.1",     "manifest_version": 2,     "description": "teste",     "permissions": [     "<all_urls>"     ],     "content_scripts": [     {         "matches": [         "http://www.orkut.com.br/*"         ],         "js": [         "src/inject/inject.js"         ]     }     ] }

src/inject/inject.js:

var botao_comunidades = document.queryselector('#signupviewport');  var botao_teste = document.createelement('p'); botao_teste.innerhtml = '<a href="#">test</a>'; botao_teste.classname = "themelighttransparency nsc"; botao_comunidades.insertadjacentelement('afterend',botao_teste);

and screen shot ("test" in bottom left):

screen shot

now it's turn little more descriptive in how it's not working.


Comments

Post a Comment

Popular posts from this blog

apache - Remove .php and add trailing slash in url using htaccess not loading css -

i have add following code htaccess file removing .php extension , add trailing slash urls. worked fine reduced page loading speed , css code not loading @ all. pages ugly. please help rewriteengine on rewritebase / ## hide .php extension snippet # externally redirect /dir/foo.php /dir/foo rewritecond %{the_request} ^[a-z]{3,}\s([^.]+)\.php [nc] rewriterule ^ %1/ [r,l] # add trailing slash rewritecond %{request_filename} !-f rewritecond %{request_uri} !/$ rewriterule . %{request_uri}/ [l,r=301] # internally forward /dir/foo /dir/foo.php rewritecond %{request_filename} !-d rewritecond %{request_filename}.php -f rewriterule ^(.*?)/?$ $1.php [l] we can rewrite urls using .htaccess files. before writing in .htaccess files need verify kind of server using. can check server adding a <?php phpinfo(); ?> in php page. ensure mod_rewrite module enabled in apache server. can identified checking phpinfo included page. common methods used url rewriting follows ...
Read more

javascript - jQuery show full size image on click -

pretty self explanatory not workking . i want display full image when user click on image... yes know there tons of plugins but i want keep simple. any idea ? css : .full { display: none; width: 500px; height: 500px; margin-left: 100px; margin-top: -300px; position: fixed; background-color: #f00; z-index: 6; } .thumbnail { width: 50px; height: 50px; } html: <img class="thumbnail" src="http://4.bp.blogspot.com/-uhbdp2esxng/txneptvi92i/aaaaaaaaaky/upfqis7zto0/s1600/rihanna-wallpaper.jpg"> jquery: $(document).ready(function() { $('.thumbnail').on('click', function() { var img = $('<img />',{src:this.src,'class':'full'}); $('.full').html(img).show(); console.log('done!'); }); }); try looking how jquery works. $(document).ready(function() { $('.thumbnail').on('click', function(...
Read more