How to make Google Chrome extension to run jQuery Script -


i have jquery script:

$('[id^=changesetlist] tr').each(function () {     var sid = $(this).attr('sid');     $(this).find('td span.changesetdescription').append('<span class="csethash">' + sid + '</span>').css('color','#777'); });

i want run when visit kilnhg.com.

i put in in kiln_hash.user.js file , installed chrome doesn't anything.

i think might because requires jquery.

i have read few tutorials , looks might need create manifest.json file , put , .user.js file zip file .crx extension.

i still not know need put in manifest file.

how can work?

update

i created manifest.json file:

{   "name": "kiln hash",   "version": "1.0.1",   "description": "show hash in changeset list in kiln",   "content_scripts": [     {       "matches": ["https://*.kilnhg.com/*"],       "js": ["jquery.js"]     }   ],   "background_page": "bg.html" }

i include jquery.js file (version 1.4.2) , bg.html file:

<!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <script src="jquery.js"></script>  <script>  $(document).ready(function(){     $(hash_link).click(function(){         addhash();         return false;     }); }); function addhash() {     $('[id^=changesetlist] tr').each(function () {         var sid = $(this).attr('sid');         $(this).find('td span.changesetdescription').append('<span class="csethash">' + sid + '</span>').css('color','#777');     }); }  </script>  <title>untitled document</title> </head>  <body> <a id="hash_link" href="#">add hash</a> </body> </html>

i packaged in zip .crx extension , when drag file chrome asks me if want install yes. tells me "bad magic number"

so go chrome developer dashboard , upload zip, accepts it, makes pay $5 upload , installs. still nothing.

you not might need manifest, manifest absolutely necessary part of extension. hate that, need read little more extension structure first, , questions answered.

(i can provide answer if like, more beneficial read links yourself, it's described , explained there in great details)

update

to locally install extension don't need archive it, go extensions chrome://extensions/, click "developer mode", "load unpacked extension" button, , point extension folder.

if want inject script page need use what's called "content scripts". manifest should this:

{   "name": "kiln hash",   "version": "1.0.1",   "description": "show hash in changeset list in kiln",   "content_scripts": [     {       "matches": ["https://*.kilnhg.com/*"],       "js": ["jquery.js", "content_script.js"]     }   ] }

content_script.js:

$('[id^=changesetlist] tr').each(function () {     var sid = $(this).attr('sid');     $(this).find('td span.changesetdescription').append('<span class="csethash">' + sid + '</span>').css('color','#777'); });

this content script run on specified domain after dom loaded , jquery injected.

you don't need background page this.


Comments

Post a Comment

Popular posts from this blog

apache - Add omitted ? to URLs -

i working on website cms reads page name of query string, e.g. http://exmaple.com/?pagename . trying create rewrite rule rewrite ? . so, user types in /pagename , taken /?pagename try this: rewriteengine on rewritecond %{request_filename} !-d rewritecond %{request_filename} !-f rewriterule ^/?(.*) index.php?$1 [l]
Read more

redirect - bbPress Forum - rewrite to wwww.mysite prohibits login -

i using bbpress installation without wordpress integration. the redirect of rewriteengine @ forum site works: rewriteengine on rewritecond %{http_host} ^forum.mysite.com$ rewriterule (.*)$ http://www.forum.mysite.com/$1 [r=301,l] the problem login pppress. bbpress login not recognize: http://www.forum.mysite/bb-login.php . it redirects to: http://forum.mysite.com/bb-login.php . i tried permalink settings none , name based, same issue. does uses redirect in bbpress or how can eliminate "double" content , redirect permanently www.? i redirected www.forum.mysite.com forum.mysite.com , achieved eliminate "double" content.
Read more

php - How can I stop spam on my custom forum/blog? -

so have custom built forum & blog system of late has been dealing lot of spam. if wordpress use akismet, if different common platform i'm sure i'd find plugin. there kind of static class can download this? using php. i'd still go akismet, if it. uses outside of wordpress, may have pay fee it, depending on use -- check terms , conditions -- it's option , easy implement in php using api. use api key wordpress. com account access. basically, grab whichever php client library takes fancy -- use alex potsides' php5 library -- plug in key, , it's handful of lines of code. here's bare bones of validation straight 1 of live sites: ... if ($akismet) { $akismet->setcommentauthor($name); $akismet->setcommentauthoremail($session->userinfo["email"]); $akismet->setcommentauthorurl(""); $akismet->setcommentcontent($sentence);...
Read more