This file shows the results of apply the three bookmarklets at (#TagA) of the bookmarkets file. Such changes are temporary, but you can make a copy of the file with the generated Source bookmarklet found at squarefree.com. |
Something that I recently discovered (Nov 2003) is bookmarklets which I've found very interesting and useful, even though I haven't tried to code any of my own. [also known as a favelet]Bookmarklets are short JavaScript programs that can be run from the address bar, therefore they can be bookmarked. Here is a simple test you can type directly into your address bar -- javascript:alert('Testing 1-2-3')
What is more interesting about bookmarklets is that you can temporarily change the appearance of a web page in your browser. Reloading a page by hitting the Reset button (F5) does away with your temporary changes.
Some useful things that can be done with bookmarklets is restoring your ability to control the appearance of a webpage. Perhaps one of the most useful is the ability to change the colors to black text with a white background (Zap Colors, Plain B&W). Perhaps the web page has a background image that follows you as you page up or page down, it can be eliminated (Remove Background Image, zap style sheets).
Some really interesting things you can do are marking the borders of tables (show blocks), view a selection in a new window (view selection), highlight links, distinguish between internal and external links (int/ext links), restore context menu, even sorting a Table (sort table) -- Sort Table does not appear to be working..
How to use bookmarklets: (#how)
Combining "highlight links [-- javascript:for(nIx5Bs=0;nIx5Bs<document.all.length;nIx5Bs++){if(document.all[nIx5Bs].tagName=='A'){with(document.all[nIx5Bs].style){if(backgroundColor=='yellow'){void(backgroundColor=document.bgColor)}else{void(backgroundColor='yellow')}}}} --] (This is a bookmarklet drag it to your links toolbar)", and "int/ext links [-- javascript:(function(){var i,x; for (i=0;x=document.links[i];++i)x.style.color=[%22blue%22,%22red%22,%22orange%22][sim(x,location)]; function sim(a,b) { if (a.hostname!=b.hostname) return 0; if (fixPath(a.pathname)!=fixPath(b.pathname) || a.search!=b.search) return 1; return 2; } function fixPath(p){ p = (p.charAt(0)==%22/%22 ? %22%22 : %22/%22) + p;/*many browsers*/ p=p.split(%22?%22)[0];/*opera*/ return p; } })() --] (This is a bookmarklet drag it to your links toolbar)" really makes links show up. Click on both links on the left to see the change and differentiation between internal or external links. Your browser's Reset button (F5) will reload the original unmodified web page. (Examples of internal link [-- file:///c:/copiedsite/dmcritchie/ie/javascript_examples.txt --], external link [-- http://www.squarefree.com/bookmarklets/ --]) -- if you are using Mozilla: use this highlight links [-- javascript:if(frames.length>1)alert('This \ bookmarklet does not work with frames.');else{var lnks=(document.all)?document.all.tags('A'):document.getElementsByTagName('A');for(nIx5Bs=0;nIx5Bs<lnks.length;nIx5Bs++){with(lnks[nIx5Bs].style){if(backgroundColor=='yellow'){void(backgroundColor='');void(color='')}else{void(backgroundColor='yellow');void(color='black')}}}} --] instead marked as not working within frames, then use same int/ext links. Coding highlighted material in HTML (see CSS (Cascading Style Sheets [-- file:///c:/copiedsite/dmcritchie/excel/font.htm#css_ --] section). Also see Paren tips [-- file:///c:/copiedsite/dmcritchie/ie/bookmarklets.htm#paren_tips --] and HREF visible [-- file:///c:/copiedsite/dmcritchie/ie/bookmarklets.htm#href_visible --] above.How to install bookmarklets:
Installation is simple, simply drag a bookmarklet from a web page with bookmarklets to your favorites, bookmark file, or your links toolbar. See the where [-- file:///c:/copiedsite/dmcritchie/ie/bookmarklets.htm#where --] section below for links to pages with bookmarklets.Another somewhat related web page is my page on Right Click (Context) menus in Internet Explorer [-- file:///c:/copiedsite/dmcritchie/excel/rightie6.htm --]. It was in learning more about context menus that I ran across bookmarklets. I hope you find both subjects as interesting as I have.
The main pages for bookmarklets that I have come across are listed in the next section [-- file:///c:/copiedsite/dmcritchie/ie/bookmarklets.htm#where --]. You can generally test a bookmarklet on the same page you obtain it from, in any case if you want it simply drag to your favorites or links toolbar for your own use.
A typical bookmarklet allows you to view a page in a new window without frames. Another way of viewing without frames is to hold the SHIFT key and click on a subtopic -- if there is one.
Bookmarklets are short pieces of Java code that can be run from the address bar of your browser, favorites, links or a folder. Some typical things that one do is remove a background image from a web page, change the background or text color, search and highlight words and phrases, invoke a search or find an acronym based on the selected words.Sorry for not listing specific bookmarklets but I have little feel for who actually originated a bookmarklets and prefer to let you pick your own from these links.
- Jesse's Bookmarklets Site (squarefree.com) [-- http://www.squarefree.com/bookmarklets/ --], «, Jesse Ruderman, Bookmarklets are free tools to help with repetitive or otherwise impossible tasks in your web browser. To use a bookmarklet from this site on another web page: (1.) Drag the bookmarklet Bookmarks Toolbar or Links Bar then (2.) While viewing a page you want to use the bookmarklet on, click the bookmarklet from your Bookmarks Toolbar.
FAQ: IE6 limits bookmarklets to 508 characters, and many of these bookmarklets are in the 1000-character range. You can downgrade to IE 5.5 or use Mozilla or Opera instead. . Bookmarklets for IE [-- http://www.squarefree.com/bookmarklets/bookmarklets-ie.html --] « listed on one page to make choosing which ones to add easier (read Jesse's main document for descriptions). Most of my bookmarklets came from here.
Site examples (... IE): int/ext links, named anchors (#anchor), generated source, show blocks (tables), Zap Colors, zap stylesheets. -- Links to other sites with bookmarklets [-- http://www.squarefree.com/bookmarklets/links.html --]. )
- About Bookmarklets (bookmarklets.com) [-- http://www.bookmarklets.com/about/ --] « by Steve Kangas. More Info About: [-- http://www.bookmarklets.com/moreinfo.phtml --] for web searches from selected text. Site Examples: List of all links, Go to selected URL, Number of Links, Status Bar to show URL, Find Phone numbers, send selected text, Make page with selection) This is an older site, still has lots of material, but has been surpassed by squarefree.com
- Accessify.com - accessibility favelets/bookmarklets to help you assess how accessible you web pages are [-- http://www.accessify.com/tools-and-wizards/accessibility-checking-favelets.asp --] , . (ALT attributes - images missing alt ..., ALT attributes - show all, Disable stylesheets, General Page Stats, Images list, Links - titles and hrefs, Meta Data, Show all Divs, Show Links, Show Style sheets, Show table headings <TH>), also (Show table cells <td>, Show all DIVs, Form fields and values, Meta data, Page dependencies, Show tables)
- Bookmarklets and Becoming a Power user (sasbo.com) [-- http://www.sasbo.com/tips-internet.html#Bookmarklets --], Val Hvidston.
- Free Web Development and Accessibility Tools [-- http://www.nils.org.au/ais/web/resources/references.html --], National Information Library Service (Australia), include a collection of bookmarklets from other sites and links to other sites. (Hx) -- site maintained by Steven Faulkner, has a "Highlight Links [-- javascript:if(frames.length>1)alert('This \ bookmarklet does not work with frames.');else{var lnks=(document.all)?document.all.tags('A'):document.getElementsByTagName('A');for(nIx5Bs=0;nIx5Bs<lnks.length;nIx5Bs++){with(lnks[nIx5Bs].style){if(backgroundColor=='yellow'){void(backgroundColor='');void(color='')}else{void(backgroundColor='yellow');void(color='black')}}}} --] that works in both IE and Mozilla and it toggles!!!, though it is marked as not working in frames.
- gazingus.org - Page Weight & Speed Bookmarklet [-- http://www.gazingus.org/html/Page_Weight_and_Speed_Bookmarklet.html --], more of gazingus.org [-- http://www.gazingus.org/ --]
- Johan Sundström's bookmarklet collection [-- http://web1.archive.org/web/20010902193716/http://a205.ryd.student.liu.se/bookmarklets.html --], (Last Update, Show real link destinations, stop links from opening new window, Measure document size in windowfulls Increase number in URL, Decrease number in URL, Increase YYYY, MM, DD date in URL, Decrease YYYY, MM, DD date in URL, Increase YY MM DD date in URL, Decrease YY MM DD date in URL)
- ID, mostly summary on another sheet, Guelph Web Design by Vertexxa - Article Repository - Favelets [-- http://www.guelphwebdesign.ca/pds/favelets.html --]
- Milo Vermeulen [-- http://milov.nl/?cat=bookmarklets --] - Fun bookmarklets for Internet Explorer. Weblog format with discussions. (count used tags, used colors, shake, !lineDraw, !classes, !xy, !grid, !invert, left-align text, Titles, !top, !cookies, !oo). If you install !Top [-- javascript:if(self.vpos&&!document.body.scrollTop){void(self.scrollTo(0,vpos));void(vpos=0);}else{vpos=document.body.scrollTop;self.scrollTo(0,0);} --] you will see that invoking !top again returns to your original location.
- P&F: Bookmarks [-- http://www.pigsandfishes.org/links/bookmarks.html --], includes some bookmarklets (Plain B&W)
- Sam-I-Am.com Work: Bookmarklets [-- http://www.sam-i-am.com/work/bookmarklets/dev_debugging.html --], Examples: Show Tables.
- Sanjay's Coding Tips :: Javascript [-- http://sastools.com/b2/category/Javascript --]
- Simon Willison: Using bookmarklets to experiment with CSS [-- http://simon.incutio.com/archive/2003/06/03/bookmarkletsAndCSS --] also see his page Fontsize bookmarklet [-- http://simon.incutio.com/archive/2002/09/01/fontSizeBookmarklet --] to make fixed fonts resizable in IE (drag it on to your links bar and use it on any offending pages, then resize text with ctrl+mouse wheel). The more obvious solution is to use Firefox or Mozilla on such pages.
- Translation Bookmarklets (Favelets) [-- http://www.joemaller.com/translation_bookmarklets.shtml --], Joe Maller, language translation
- Traumwind - using user-css to reveal website details... [-- http://traumwind.de/blog/index.php?detail=2002-02-20_15-07 --]
- Tripod - Handcrafted [-- http://www.tripod.lycos.com/build/better_builders/newsletters/news_2_1.html --], Vol. 2, No. 1 Bookmarklets: Take the Web Into Your Own Hands.
- Web Developer Extension on chrispederick.com [-- http://www.chrispederick.com/work/firefox/webdeveloper/ --] -- come back when I know more and what a DOM editor is, etc.
Pages with annoyances (#annoyances)
You can use Accessibility options to change how you view pages:
Tools, Internet options, General (Tab) then -- Accessibility... (button), Ignore font styles specified on web pages. Font... (button), choose Language script font (Latin Based), Web Page font: (Arial or Times Roman), Plain text font (Courier New) or your own choices.You can use bookmarklets to make individual pages more readable.
Interesting how some pages seem to include annoyances similar to things they want to make better. Examples of obnoxious or unconventional pages that you can be improved (made more readable by changing font/background colors. These are all good pages and free of advertising, but they all have a readability problem -- if I didn't like the content at all they wouldn't be listed.
A Politically Correct Christmas [-- http://www.lilesnet.com/Christmas/humor/pcxmas.htm --], Plain B&W worked fine to eliminate the background image, font is blue and remained blue.
Anti-Concepts of the Modern Newspeak [-- http://www.geocities.com/rationalargumentator/modernnewspeak.html --] has a clouds background use Remove Background Image
Chris Pirillo's Blog [-- http://chris.pirillo.com/ --], Text Font to Aria did not work, Remove CSS is too much.
Solution: Bookmarklet Creation Tool to Make a User Style Bookmarklet [-- http://www.squarefree.com/userstyles/make-bookmarklet.html --] at squarefree.com,
* { font-family: serif ! important; } -- to create Gimme Times New Roman [-- javascript:document.createStyleSheet("javascript:'* { background: white !important; color: black !important; } * { font-family: serif ! important; } :link, :link * { color: #0000EE !important; } :visited, :visited * { color: #551A8B !important; }'").v --] .
CSS examples [-- http://johnnieboy.net/css/ --] (Zap Colors, Zap Stylesheet, Remove Background Image)
File Extentions [-- http://www.rockymountain.com/ref_extensions.htm --] customized scrollbar no problem in Mozilla, but in IE first use "remove background image", then use "kill css".
to my security options that prevents Active-X programs from running.
RaysFree [-- http://members.iinet.net.au/~raysfree/freeware/desktop/desktop.html --] with styles and colors in table defies change to decent coloring, but Zap Colors worked.
Lost the example with the fly on the cursor, but the comet cursor [-- http://www.cometcursor.com/ --] (removal [-- http://www.pchell.com/support/cometcursor.shtml --] (PC Hell: Comet Cursor Removal Instructions<)) was deactivated with Zap Style Sheets.
Actually it was probably a change
Word Trippers - Make the Most of You Writing [-- http://www.barbaramcnichol.com/writing.htm --], use B&W (Black & White) to remove background, but best viewed with Mozilla to regain control of text size.
7sisters [-- http://www.7sisters.com/legibility.html --] (Plain B&W, invert [colors]),Some site specific Examples, to pick up hidden features (#sitespecific)
Jesse Ruderman (squarefree.com) has a page on some Site-specific Bookmarklets [-- http://www.squarefree.com/bookmarklets/sitespecific.html --] [suggest for Paren Tips to use font color green, and back color of #EEECB9]
Folders on my machine (#folders)
Administrator (folders): Favorites [-- c:\Documents and Settings\Administrator\Favorites --], bookmarklets [-- c:\Documents and Settings\Administrator\Favorites\ Bookmarklets --] and Links [-- c:\Documents and Settings\Administrator\Favorites\Links --]. You will find the Links within your favorites, and I have included a " Bookmarklets" folder (with a space) in favorites as well for more permanent storage. To rearrange items in links bar drag them, if you need to see everything at once in links bar then use favorites, then links (gray background).(modified to include folders for bookmarklets)
List of items in each folder [-- file:///c:/copiedsite/dmcritchie/ie/links_bar_tree.htm --]To copy an item from a folder to another folder hold ALT while dragging. To get to the Links folder: Favorites, Organize favorites, click on a folder, the type "L" and enter until "Link" shows up then Right-click on Links. You can move (drag) or move (Alt+drag) to copy into another folder.
It is kind of hard to start right in with bookmarklets and JavaScript, so here are a couple of editors to help get you started.
- Bookmarklet Creation Tool to Make a User Style Bookmarklet [-- http://www.squarefree.com/userstyles/make-bookmarklet.html --] at squarefree.com
- jalarie: BookMarklet Editor [-- http://spruce.flint.umich.edu/~jalarie/jaa_kcd2.htm --] *star*, by James Alarie at Univ of Mich., includes a Base 64 encoder/decoder.
- Useful Browser Properties [-- http://javascript.about.com/library/scripts/blbrowserprops.htm --] at javascript.about.com
- HTML editor [-- http://www.squarefree.com/htmledit/editbox.html --] at squarefree.com
These bookmarklets based on Paren Tips [-- http://www.squarefree.com/bookmarklets/sitespecific.html --] from squarefree.com, if they don't work with named anchors then please update to a more current version of Named Anchors [-- http://www.squarefree.com/bookmarklets/webdevel.html#named_anchors --] It would be nice to get these to get all of these to work with all of the Tag Elements they can be used in, but these are sufficient for such pages as my Search [-- file:///c:/copiedsite/dmcritchie/excel/search.htm --] page and my Excel index [-- file:///c:/copiedsite/dmcritchie/excel/xlindex.htm --] page and some of these bookmarklets are included on those pages for ease of use.The changes made by bookmarklets are normally temporary, but you can make a copy of the file with the generated Source bookmarklet found at squarefree.com [-- http://www.squarefree.com/bookmarklets/webdevel.html --]. You can see the results of using the three buttons below and keeping a generated source here [-- file:///c:/copiedsite/dmcritchie/ie/bookmarklets_expanded.htm#ATag --].
paren tips [-- javascript:(function(){ var z=[],N,title,tc,j; function r(N) { if (N.title) z.push(N); var C=N.childNodes,i;for(i=0;i<C.length;++i)r(C[i]); } r(document.body); for (j in z) { N=z[j]; title=document.createTextNode("("+N.title+")"); tc=document.createElement("span"); tc.style.color="green"; tc.style.background="#EEECB9"; tc.appendChild(title); N.parentNode.insertBefore(tc,N.nextSibling); N.parentNode.insertBefore(document.createTextNode(" "),tc); }})(); --] (see http://www.squarefree.com/bookmarklets/sitespecific.html#paren_tips) -- click on link at left to see title= tooltips (this Bookmarklet is from squarefree.com with color modified)
Attribute TITLE only processing A, but is valid in all elements but BASE, BASEFONT, HEAD, HTML, META, PARAM, SCRIPT, TITLE
HREF visible [-- javascript:(function(){ var z=[],N,href,tc,j; function r(N) { if (N.href) z.push(N); var C=N.childNodes,i;for(i=0;i<C.length;++i)r(C[i]); } r(document.body); for (j in z) { N=z[j]; href=document.createTextNode(" [-- "+N.href+" --]"); tc=document.createElement("span"); tc.style.color="green"; tc.style.background="#FFEE99"; tc.appendChild(href); N.parentNode.insertBefore(tc,N.nextSibling); N.parentNode.insertBefore(document.createTextNode(" "),tc); }})(); --] (see http://www.mvps.org/dmcritchie/ie/bookmarklets.htm#href_visible) -- click on link at left to make HREF links visible (this Bookmarklet is modified by D.McRitchie from Paren Tips found at Squarefree.com
Attribute HREF only processing A, but is valid in A, AREA, LINK, and BASE.
Named Anchors [-- http://www.squarefree.com/bookmarklets/webdevel.html --] -- get current copy from squarefree.com, see note above
Attribute NAME only processing A, but is valid in A, AREA, and a few others [-- http://www.w3.org/TR/html4/index/attributes.html --]
Show Classes and IDs [-- http://markl.f2o.org/Show_Classes_and_IDs.html --] -- Mozilla only -- get current copy from markl.f2o.org
Attribute CLASS valid in All elements except BASE, BASEFONT, HEAD, HTML, META, PARAM, SCRIPT, STYLE, TITLE
Attribute ID valid in All elements except BASE, HEAD, HTML, META, SCRIPT, STYLE, TITLE
style sheet: bookmark requires access to http://markl.f2o.org/utilities/show_class_id.css-- alternative for IE -- id visible [-- javascript:(function(){ var z=[],N,id,tc,j; function r(N) { if (N.id) z.push(N); var C=N.childNodes,i;for(i=0;i<C.length;++i)r(C[i]); } r(document.body); for (j in z) { N=z[j]; id=document.createTextNode(" %C2%ABid="+N.id+"%C2%BB"); tc=document.createElement("span"); tc.style.color="red"; tc.style.background="#FFEE99"; tc.appendChild(id); N.parentNode.insertBefore(tc,N.nextSibling); N.parentNode.insertBefore(document.createTextNode(" "),tc); }})(); --] (see http://www.mvps.org/dmcritchie/ie/bookmarklets.htm#id_visible) -- click on link at left to make id links visible (this Bookmarklet is modified by D.McRitchie from Paren Tips found at Squarefree.com,
Attribute ID is valid in All elements except BASE, HEAD, HTML, META, SCRIPT, STYLE, TITLE
Personal use makes extensive use of: A, Hx, P, BR--no alternative created for class= --
H4: Some Data for Quick Testing
Test of paragraph (#ptest)
test of name in paragraph. Second sentence
test of href in A going to #h4testid [-- file:///c:/copiedsite/dmcritchie/ie/bookmarklets.htm#h4testid --]
testing id/title in A (#idtest) (title Test)
testing name/title in A (#nametest) (name test)
Hopefully you will install many of the bookmarklets from their sources and test them here as well as the bookmarklets already described ("highlight links [-- javascript:for(nIx5Bs=0;nIx5Bs<document.all.length;nIx5Bs++){if(document.all[nIx5Bs].tagName=='A'){with(document.all[nIx5Bs].style){if(backgroundColor=='yellow'){void(backgroundColor=document.bgColor)}else{void(backgroundColor='yellow')}}}} --] (This is a bookmarklet drag it to your links toolbar)", and "int/ext links [-- javascript:(function(){var i,x; for (i=0;x=document.links[i];++i)x.style.color=[%22blue%22,%22red%22,%22orange%22][sim(x,location)]; function sim(a,b) { if (a.hostname!=b.hostname) return 0; if (fixPath(a.pathname)!=fixPath(b.pathname) || a.search!=b.search) return 1; return 2; } function fixPath(p){ p = (p.charAt(0)==%22/%22 ? %22%22 : %22/%22) + p;/*many browsers*/ p=p.split(%22?%22)[0];/*opera*/ return p; } })() --] (This is a bookmarklet drag it to your links toolbar)") Text in Red, Green, Blue. [Mozilla: use this highlight links [-- javascript:if(frames.length>1)alert('This \ bookmarklet does not work with frames.');else{var lnks=(document.all)?document.all.tags('A'):document.getElementsByTagName('A');for(nIx5Bs=0;nIx5Bs<lnks.length;nIx5Bs++){with(lnks[nIx5Bs].style){if(backgroundColor=='yellow'){void(backgroundColor='');void(color='')}else{void(backgroundColor='yellow');void(color='black')}}}} --] instead marked as not working within frames]. For testing 404 example.com [-- http://www.example.com/ --] is reserved as a nonexistent domain. URL addresses that are not hyperlinks: www.ibm.com, http://support.microsoft.com Phone numbers: 526-555-1212, (526)-555-1212, 555-1212.
Background
ImagePictures
Wingdings (font)
J (letter J)bgcolor
(Red)bgcolor
(Green)bgcolor
(Blue)Random
bgcolor
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 á Test bookmarklets: grayscale [-- javascript:document.body.style.filter='gray';void(0); --]
Use the RESET button (F5) to reload the webpage without modifications. zap presentational html [-- javascript:(function(){var H=[%22bgcolor%22,%22bgColor%22,%22background%22,%22color%22,%22align%22,%22text%22,%22alink%22,%22vlink%22],Y={FONT:1,CENTER:1},d=[],p; function R(N){var a,x,i,t; if(t=N.tagName){ t=t.toUpperCase(); for (i=0;a=H[i];++i)if(N.getAttribute(a))N.removeAttribute(a); for(i=0;x=N.childNodes[i];++i)R(x); if (Y[t])d.push(N); } } R(document.documentElement); for (i=0;N=d[i];++i) { p=N.parentNode; while(N.firstChild)p.insertBefore(N.firstChild,N); p.removeChild(N); } })() --] -- F5 to Reset -- from Jesse Ruderman's squarefee.com#zap.html [-- http://www.squarefree.com/bookmarklets/zap.html --], Removes most presentational attributes and tags while leaving style sheets intact. Removes all background images including those within tables. [details [-- http://www.squarefree.com/bookmarklets/zap.html#zap_presentational_html --]]
James B1 44 21 E1 M Mary B2 88 18 E6 F John B3 11 74 E4 M Patricia B4 45 73 E8 F Robert B5 445 24 E9 M Linda B6 13 37 E5 f Michael B7 93 24 E7 m Barbara B8 45 27 E2 f William B9 26 69 m Elizabeth BB 66 30 E3 f -- The following is my own experience, yours may vary --
Sort Table [-- javascript:function toArray (c){var a, k;a=new Array;for (k=0; k<c.length; ++k)a[k]=c[k];return a;}function insAtTop(par,child){if(par.childNodes.length) par.insertBefore(child, par.childNodes[0]);else par.appendChild(child);}function countCols(tab){var nCols, i;nCols=0;for(i=0;i<tab.rows.length;++i)if(tab.rows[i].cells.length>nCols)nCols=tab.rows[i].cells.length;return nCols;}function makeHeaderLink(tableNo, colNo, ord){var link;link=document.createElement('a');link.href='javascript:sortTable('+tableNo+','+colNo+','+ord+');';link.appendChild(document.createTextNode((ord>0)?'a':'d'));return link;}function makeHeader(tableNo,nCols){var header, headerCell, i;header=document.createElement('tr');for(i=0;i<nCols;++i){headerCell=document.createElement('td');headerCell.appendChild(makeHeaderLink(tableNo,i,1));headerCell.appendChild(document.createTextNode('/'));headerCell.appendChild(makeHeaderLink(tableNo,i,-1));header.appendChild(headerCell);}return header;}g_tables=toArray(document.getElementsByTagName('table'));if(!g_tables.length) alert(%22This page doesn't contain any tables.%22);(function(){var j, thead;for(j=0;j<g_tables.length;++j){thead=g_tables[j].createTHead();insAtTop(thead, makeHeader(j,countCols(g_tables[j])))}}) ();function compareRows(a,b){if(a.sortKey==b.sortKey)return 0;return (a.sortKey < b.sortKey) ? g_order : -g_order;}function sortTable(tableNo, colNo, ord){var table, rows, nR, bs, i, j, temp;g_order=ord;g_colNo=colNo;table=g_tables[tableNo];rows=new Array();nR=0;bs=table.tBodies;for(i=0; i<bs.length; ++i)for(j=0; j<bs[i].rows.length; ++j){rows[nR]=bs[i].rows[j];temp=rows[nR].cells[g_colNo];if(temp) rows[nR].sortKey=temp.innerHTML;else rows[nR].sortKey=%22%22;++nR;}rows.sort(compareRows);for (i=0; i < rows.length; ++i)insAtTop(table.tBodies[0], rows[i]);} --] , strictly a TEXT sort (digits, caps, lowercase). Even though the Sort Table bookmarklet may work here as an HTML link in IE 6.0, it will not work from favorites/links (ok in IE 5.5), because it exceeds the IE 6.0 limit of 508 bytes. Mozilla allows bookmarklets of over 20K bytes, see restrictions in Jesse's Bookmarklets - Browser support [-- http://www.squarefree.com/bookmarklets/browsers.html --]Highlight Links, variations most Yellow IE only, one in garish green. At least two toggle color, the one selected earlier for Mozilla works in both but it resets rather than retaining font color.
Count strings, images, fails in IE
Scroll Position, Show document size, Titles, all fail in IE
There are some embedded text comments within this sentence.
Nesting Levels can be tested by topographic bookmarklets (#nesting)
No Nesting Level 1, level 2, Level 3, Level 4, Level 5, Level 6, Level 7, Level 8, Level 9, Level 10, Level 11, Level 12, Level 13, Level 14, Level 15, Level 16, Level 17 (17)(16)(15)(14)(13)(12) (11)(10)(9)(8)(7)(6)(5)(4)(3)(2)(1) Not nested.
One more Nesting Test for topographic bookmarklets boldItalicBlue
click on [topographic view [-- javascript:(function(){var s="body",c="",I=" ! important;",i,b,f,x,h; for(i=0;i<17;++i) { x = i.toString(16); b = i>15?"FCC":x+x+x; f = i>9?"000":"FFF"; c += s + " {background: #" + b + I + "border-color: #" + b + I + "color: #" + f + I + "}\n"; s += " *"; } if(document.createStyleSheet) { document.createStyleSheet("javascript:'"+c+"'"); } else { h=document.createElement('link'); h.rel='stylesheet'; h.href='data:text/css,'+escape(c); document.getElementsByTagName("head")[0].appendChild(h);}})() --]] from SquareFree [-- http://www.squarefree.com/bookmarklets/webdevel.html --]. Note color differences for even the 16 basic CRT colors are hard to see on laptops [-- file:///c:/copiedsite/dmcritchie/excel/colors.htm#gamma --].test some bookmarklets construction -- ignore this part
Text Font to Arial [-- javascript:void(document.body.style.fontFamily='arial') --] javascript:void(document.body.style.fontFamily='arial')
-- compare to userstyles [-- http://www.squarefree.com/userstyles/ --]
-- Always use my chosen font type (e.g., Times New Roman) * { font-family: serif ! important; }
javascript:void(document.bgColor='#FFFFFF') [-- file:///c:/copiedsite/dmcritchie/ie/Plain%20B&W --] javascript:void(document.bgColor='#FFFFFF') -- Bookmarklets - Page Look tools [-- http://www.bookmarklets.com/tools/look/index.phtml --]Limitations you may run across (#limits)
- FAQ: IE6 limits bookmarklets to 508 characters [-- http://www.squarefree.com/bookmarklets/browsers.html --], and many of these bookmarklets are in the 1000-character range. You can downgrade to IE 5.5 or use Mozilla or Opera instead.
- mskb 208427 - INFO: Maximum URL Length Is 2,083 Characters in Internet Explorer [-- http://support.microsoft.com/?kbid=208427 --]
Wanted (#wanted)
- Bookmarklet to switch browser to Mozilla from current page in IE.
- The reverse has been solved by the IE View Firefox extension.
- Pick up the URL from a link and go to the modified link.
- wanted to go to archive.org with the link modified for history and comparison.
- so that the link would take me for instance to http://web.archive.org/web/*dc_/http://example.com/mybadlink.htm
- Copying into the clipboard Jon Galloway
- [Bookmarklet] Copy text with links [-- http://weblogs.asp.net/jgalloway/archive/2004/05/30/144768.aspx --] -- places entire output into clipboard, but works only in Internet Explorer. Not what I wanted for HREF but does show converting HTML to text, placing the HREF after it's use in a link and place the entire text output into the clipboard. Found what I wanted in the copyurl (firefox extension)
Firefox Notes (#Firefox)
- IE View (Firefox extension) will bring up Internet Explorer window of same name. *star*
- Editing source with Mozedit (install Mozedit [-- http://mozedit.mozdev.org/ --] text editor extension) (#mozedit)
- Mozedit will get you the equivalent of Notepad plus more options, but is difficult to see this until you change
your View Options options: to icons, location, editor, status bar, so now when with Tools, Mozedit, Edit in Tab/Window -- you can now update the source just like in Notepad. Mozedit can invoke browser and editor and browser but for now just want the edit portion.
- Creation of <a href=""></a> (install CopyURL plus [-- http://copyurl.mozdev.org/ --] text editor extension) (#CopyURL)
- The CopyURL+ [-- http://update.mozilla.org/extensions/moreinfo.php?id=129&vid=500&category=Miscellaneous --] extension for FireFox at Mozilla not only copies link to the clipboard like IE Booster, but the content is configurable for the document's title, the current selection or both, on a right-click menu, the configuration includes the viewable menu component and the pattern saved om the clipboard. (use .3. for 3rd submenu item).
user_pref('copyurlplus.menus.3.label', 'Copy URL + Title + Sel (A href + Tooltip)');
user_pref('copyurlplus.menus.3.copy', '<a href="%URL%" title="%SEL%">%TITLE%</a>');
Information in this box is carried in more detail on my Firefox [-- file:///c:/copiedsite/dmcritchie/firefox/firefox.htm --] webpage.
Similar information for Internet Explorer on my Right-Click [-- file:///c:/copiedsite/dmcritchie/ie/rightie6.htm --] menus page.Related (#related)
Links to Bookmarklets and where to get them are above under #where [-- file:///c:/copiedsite/dmcritchie/ie/bookmarklets.htm#where --].
- Bookmarklets blog [-- http://www.fjordaan.uklinux.net/moveabletype/fblog/archives/000059.html --] has a nice array of bookmarklets in menus and he managed to show his menus, have the working bookmarklet, and reference the collection where he got it from.
- Favelets For The W3C MarkUp Validation Service [-- http://validator.w3.org/favelets.html --], provided as part of the W3® MarkUp Validation Service
- Free JavaScript Learning Center - A Beginners Course / Tutorial [-- http://www.javascriptmall.com/learn/ --], specific information on last update date in Lesson 11 [-- http://www.javascriptmall.com/learn/lesson11.htm --].
- Additional links for HTML in the Related area [-- file:///c:/copiedsite/dmcritchie/excel/xl2html.htm#related --] of my Excel to HTML conversions webpage. Customizing the Links Bar [-- http://www.microsoft.com/windows/customizelinks.htm --]
- Anatomy of a Bookmarklet [-- http://www.gazingus.org/html/Anatomy_of_a_Bookmarklet.html --] - gazingus.org, this was supposed to tell you how to create one (?).
- [Bookmarklet] Copy text with links [-- http://weblogs.asp.net/jgalloway/archive/2004/05/30/144768.aspx --] -- places entire output into clipboard -- interesting but not useful at current time, but it would show how to eliminate HTML tags etc.
- Color Palette and the 56 Excel ColorIndex Colors [-- file:///c:/copiedsite/dmcritchie/excel/colors.htm --]
- CSS, thefixor has css links [-- http://www.thefixor.com/code_css.php --] contains lots of CSS links, and ETC. Indulging my inner geek: CSS Archives [-- http://www.fortysomething.ca/mt/etc/archives/cat_css.php --] contains lots of descriptions of css links and some bookmarklets.
- Internet Explorer [-- file:///c:/copiedsite/dmcritchie/excel/ie6.htm --] on my site.
- Real-Time HTML Editor [-- http://www.squarefree.com/htmledit/editbox.html --], squarefree.com, on the web put your code into top frame, see results in bottom frame. There are additional generators, or live testing on this site
- Right-Click (Context) Menus in Internet Explorer [-- file:///c:/copiedsite/dmcritchie/excel/rightie6.htm --] .
- Roppers Powercons Bookmarklets [-- http://donotgo.com/book1.htm --], DoNotGo.com --Internet Tools, overall wrapper for bookmarklets, even something for creating a bookmarklet, definitely something to look into. Webpage includes some of the bookmarklets, and a few bookmarklets links. [alt [-- http://www.mywebattack.com/gnomeapp.php?id=106575 --]].
- Useful Browser Properties [-- http://javascript.about.com/library/scripts/blbrowserprops.htm --], document properties. i.e. //not working// (Referrer: )
- Syntax (#syntax)
- W3C Index of the HTML 4 Attributes [-- http://www.w3.org/TR/html4/index/attributes.html --]
- W3C Index of the HTML 4 Elements [-- http://www.w3.org/TR/html4/index/elements.html --]
- Wilk4: Web Design Links [-- http://www.wilk4.com/links/links2.htm --]
Excel questions not directly concerning my web pages are best directed to newsgroups
such as news://msnews.microsoft.com/microsoft.public.excel.misc [-- news://msnews.microsoft.com/microsoft.public.excel.misc --] where Excel users all around the clock from at least 6 continents ask and answer Excel questions. Posting suggestions and netiquette [-- file:///c:/copiedsite/dmcritchie/excel/posting.htm --]. More information on newsgroups and searching newsgroups [-- file:///c:/copiedsite/dmcritchie/excel/xlnews.htm --]. Google Groups (Usenet) Advanced Search Excel newsgroups [-- http://groups.google.com/advanced_group_search?q=group:*Excel*&num=100 --] (or search any newsgroup [-- http://groups.google.com/advanced_group_search?&num=100 --]).
For bookmarklets and favelets which are javascript code the best newsgroup for asking questions would be comp.lang.javascript [-- http://groups.google.com/groups?hl=en&lr=lang_en&ie=UTF-8&newwindow=1&c2coff=1&group=comp.lang.javascript --] and see the FAQ [-- http://jibbering.com/faq/ --]
This page was introduced on November 21, 2003. (last update: Monday, August 09, 2004 13:14:56)[My Excel Pages -- home] [-- file:///c:/copiedsite/dmcritchie/excel/excel.htm --] [INDEX to my site and the off-site pages I reference] [-- file:///c:/copiedsite/dmcritchie/excel/xlindex.htm --]
[Site Search -- Excel] [-- file:///c:/copiedsite/dmcritchie/excel/search.htm --] [Go Back] [-- file:///c:/copiedsite/dmcritchie/ie/bookmarklets.htm# --] (Same as ALT+LeftArrow or your Back button) [Return to TOP [-- file:///c:/copiedsite/dmcritchie/ie/bookmarklets.htm#top --]]Please send your comments concerning this web page to: David McRitchie send email comments [-- mailto:David%20McRitchie%3CDMcRitchie%20%6Dsn.com%3E?subject=Comments on ../ie/bookmarklets.htm &body=comments concerning a %E2%80%9CMy Excel Pages%E2%80%9D webpage at http://www.mvps.org/dmcritchie/ie/bookmarklets.htm Hi David, --]
Copyright © 1997 - 2004 [-- file:///c:/copiedsite/dmcritchie/ie/copyr.htm --], F. David McRitchie, All Rights Reserved