bookmarklet

I'm using a bookmarklet that inserts a script tag into the current web page. This script has some UI and an " input type=submit.... " tag in it. Web page A has chosen not to style " input type=submit.. " tags whereas web page B has styled them. This results in the bookmarklet displaying differently styled submit buttons based on the underlying page's style. I want the submit buttons to be styled identically on all web pages in its default manner . One solution is to set the CSS style for the submit button within my script so it shows up identically on all pages. (This is what I have done for

I've got a bookmarklet which loads jQuery and some other js libraries. How do I: Wait until the javascript library I'm using is available/loaded. If I try to use the script before it has finished loading, like using the $ function with jQuery before it's loaded, an undefined exception is thrown. Insure that the bookmarklet I load won't be cached (without using a server header, or obviously, being that this is a javascript file: a metatag ) Is anyone aware if onload for dynamically added javascript works in IE? (to contradict this post ) What's the simplest solution, cleanest resolution to

I've made myself a bookmarklet, and it functions just fine, but when added to a toolbar in Opera or Firefox, it just takes on the default bookmark icon for the browser (a globe and a star, respectively). My site has a favicon, and the window, tab and even [site] bookmark uses the favicon I've specified. Just not my bookmarklet. How can I code my site or bookmarklet so that the bookmarklet gets the favicon, too? I'm aware of various manual hackery techniques users can use to set the favicon after the fact, but those are undesirable solutions. A bookmarklet uses the javascript:// schema and thus

I am trying to learn how to write a bookmarklet where I can highlight some text, click on the bookmarklet and have it tell me what got highlighted. I can get that far, but next I want to know what element that text is in. For example: <div id="some-id">to be highlighted</div> The bookmarklet code: javascript:(function(){alert(window.getSelection();})() If I highlight the text "to be highlighted" and then click on the bookmarklet, it will alert the text. But how can I get the element in which the text is in, in this case the element after that? So the flow is: highlight text, click bookmarklet,

Note: I am keeping an up-to-date version of the bookmarklet in my question which works well and is based on Jacob's answer. If you are looking for a bookmarklet to use, use that one. See leosok's fantastic answer if you just want something amazing that works on chrome. I want to be able to invert the color of all the elements on a page with a JavaScript bookmarklet. I know that to invert a color you subtract each of the RGB hex values from 255(xFF), but beyond that I am unsure of how to proceed. How can I accomplish this? Using jQuery is acceptable, and it only needs to work on Chrome,