mon premier bookmarklet

jeudi 9 septembre 2010 | programmation, tutorials

Amis du code et de la typographie (du code de typographie aussi), voici une modeste contribution.
Souvent je compte à la main le nom de signe par ligne dans un paragraphe de texte, la règle voudrait entre 52 et 78 signes par ligne pour une optimisation de la lecture sur le papier ; à l’écran on pourrait ajuster les lignes un peu plus longues mais vu la qualité du texte dans les navigateurs, on peut appliquer des valeurs identiques.

The optimum line length in legibility terms is 2–3 alphabets, or 52–78 characters with spaces. (via)

En javscript pour compter la sélection, ça donne ceci (tester sur firefox et webkit) :

function getSelectedText(){
if (window.getSelection){
var str = window.getSelection();
}else if (document.getSelection){
var str = document.getSelection();
}else {
var str = document.selection.createRange().text;
}
return str;
}
var sel = getSelectedText();
alert(sel.toString().length);

On teste !
sélectionner un texte puis cliquer ici

Le bookmarklet c’est une version compressée sur une ligne avec une moulinette url Encode.

javascript:function%20getSelectedText(){if(window.getSelection){var%20str=window.getSelection()}else%20if(document.getSelection){var%20str=document.getSelection()}else{var%20str=document.selection.createRange().text}return%20str}var%20sel=getSelectedText();alert(sel.toString().length);

Pour les novices, pour avoir ce script sur une autre page que mon blog, il suffit de glisser/déposer -> compte-signe dans la barre des signets (marque-pages) !
Voilà (j’ai essayer de mettre une icône au signet mais ça me semble difficile).


tags : , ,

13 commentaires

Hans Schmucker le 9 Sep 2010 vers 22:30

Actually, it’s pretty simple… the bookmarklet would be something like (without newlines and url-escaped quotes, as well as the FIXMEs replaced):

javascript:
var id=’bm.selectioncount@jaiunblog.com’;

window[id]=’

FIXME TITLE

This is a bookmarklet. Drag its tab to your bookmarks toolbar to add it. Click the resulting button on any page to automatically find links containing the word next

‘;

document.location=’javascript:
if(window[« ‘+id+' »]){
window[« ‘+id+' »];
}else{
var getSelectedText=function(){
if(window.getSelection){
var str=window.getSelection();
}else if(document.getSelection){
var str=document.getSelection();
}else{
var str=document.selection.createRange().text;
}
return str;
}
var sel=getSelectedText();
alert(sel.toString().length);

void(0);
}
‘;

void(0);

ben le 9 Sep 2010 vers 22:38

thanx !

Hans Schmucker le 9 Sep 2010 vers 22:47

Urgh, sorry, the html got stripped, here’s a copy at the Mozilla Pastebin:
http://pastebin.mozilla.org/786578

ben le 9 Sep 2010 vers 23:15

I try it but nothing ‘alert’ on firefox mac…
have you got simple bookmarklet exemple ?

I can view the favicon but javascript never run :(

Geoffrey Dorne le 10 Sep 2010 vers 11:41

Excellent :)

Gabyu le 10 Sep 2010 vers 11:54

76.

Hans Schmucker le 10 Sep 2010 vers 11:54

Here’s a ready to roll and tested version where you just have to add the icon url and title :)

http://pastebin.mozilla.org/786993

Hans Schmucker le 10 Sep 2010 vers 11:57

Oops, wrong quotes (that’s what you get when you test with a data url :) )
http://pastebin.mozilla.org/786996

ben le 10 Sep 2010 vers 12:07

don’t work ?
https://jaiunblog.com/book/bookmark.html
what’s wrong ?

Hans Schmucker le 10 Sep 2010 vers 12:36

One pair of quotes too many :) You included both quot and %22 . Or is anything other than the icon not working? I’ve tested only in FF and Opera so far.

Hans Schmucker le 10 Sep 2010 vers 12:38

Ah, you’ve used the first version. Use 786996 as a baseline. I had the wrong quotes in 786993

ben le 10 Sep 2010 vers 12:48

ok I will try to fix it for tomorrow :) merci hans !

Hans Schmucker le 10 Sep 2010 vers 12:52

You’re welcome and good luck :)

Comments are closed.