Jeff Epler's blog2008-08-13T13:01:19ZPhotos, electronics, cnc, and moreJeff Eplerjepler@unpythonic.netMarking anchors in HTML with a javascript bookmark2008-08-13T13:01:19Z2008-08-13T13:01:19Zhttp://emergent.unpythonic.net/01218632479
To send links to internal anchors in HTML documents, use <a href="javascript:(function(){%20var%20rows=document.evaluate('//a[@name]',%20document,%20null,%20XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,%20null);%20for(var%20i=0;%20i%3crows.snapshotLength;%20i++)%20{%20var%20it%20=%20rows.snapshotItem(i);%20var%20name%20=%20it.getAttribute('name');%20if(0%20%26%26%20it.GetAttribute('href')%20||%20it.innerHTML)%20continue;%20it.innerHTML=%22#%22;%20it.setAttribute(%22href%22,%20%22#%22%20+%20name);%20}%20rows%20=%20document.evaluate('//*[@id]',%20document,%20null,%20XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,%20null);%20for(var%20i=rows.snapshotLength-1;%20i%3e=0;%20i--)%20{%20var%20it%20=%20rows.snapshotItem(i);%20var%20id%20=%20it.getAttribute('id');%20it.innerHTML%20=%20%22%3ca%20href=\%22#%22%20+%20id%20+%20%22\%22%3e#%3c/a%3e%22%20+%20it.innerHTML;%20}%20})()">this bookmarklet</A>.
<p>I find this bookmarklet very useful when sending people links to emc
documentation and the wiki, because there are often more anchors available than
those that are actually linked to in tables of contents.
<p>glif: generate client-side gif files from javascript2005-09-11T18:15:11Z2005-09-11T18:15:11Zhttp://emergent.unpythonic.net/software/01126462511-glifIt probably won't be the biggest thing since AJAX, but I hit upon the
idea of generating images client-side. The current ways to do this seem to
involve using tables or absolute-positioning of very small DIVs. (See, for
example, <a href="http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm">http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm</a>) My
technique, which I call <i>glif</i> (for <i>GIF</i> and <i>glyph</i>),
generates a gif-format image on the client side.
<p>One application for this that comes immediately to mind is client-side
generation of <a href="http://www.xml.com/pub/a/2005/06/22/sparklines.html">sparklines</a>-type images, possibly from an AJAX source.
<p><a href="http://media.unpythonic.net/emergent-files/software/01126462511-glif/glif.html">glif.html</a> is a small demo which draws a sine wave in an image (Known not to work in IE) <b>Update: <a href="http://media.unpythonic.net/emergent-files/software/01126462511-glif/sparglif2.html">SparGlif demo</a></b>