SELFHTML

Forum SELFHTML: Archives:
Utiliser des "bookmarklets" JavaScript...

Page d'information: vue d'ensemble
vers le bas 

(A TITRE INFORMATIF) Utiliser des "bookmarklets" JavaScript...

Le message suivant est de: PAF, Adresse électronique patrick@selfhtml.com.fr, 15. 01. 2002, 01:33
http://www.selfhtml.com.fr/

... pour se faciliter la tâche!

Bonjour!


Comme vraissemblablement personne ne pose de questions sur ce forum, nous avons donc décidé de commencer à donner des réponses. Comme ça, tout simplement. Car tel est notre bon plaisir, comme aurait dit François (pas Serge, mais 1er)...

Connaissez vous les bookmarklets? Et d'abord, merci de m'indiquer s'il existe un terme français pour ces petits programmes JavaScript qui se placent dans les favoris (anglais = bookmarks)!

Donc, comme indiqué, les bookmarklets sont des petits programmes écrits en JavaScript. Qui connait JavaScript peut se faire des bookmarklets pour chaque besogne pénible, comme par exemple remplir les champs du formulaire pour répondre à ce message, vérifier auprès du Consortium W3 si la page que l'on est en train d'admirer est également valide, etc... ;-) Cela pourra faire rire certains d'entre vous, mais pour ce qui est de remplir les champs de saisie des formulaires, il est bien plus rapide pour quelqu'un qui écrit régulièrement dans un forum de cliquer un bookmarklet depuis les favoris que de remplir les champs de saisie l'un après l'autre - même si l'on se sert de la fonction d'auto-remplissage proposée par Internet Explorer depuis la version 5 ;-)

Et comme tout le monde ne manie pas JavaScript comme un professionnel, nous allons en proposer ici quelques uns, en commençant par le bookmarklet "Swine Fever" de Alvar:

javascript:_x=function(){return true};onError=_x;dil='document.images.length';f=frames.length;a='document.images[Math.round(Math.random()*(';c=dil+'-1))].src=\'http://a-blast.org/~drx/pig.gif\'';b='frames[Math.round(Math.random()*('+f+'-1))]';if(f==0) void(setInterval('if('+dil+'>0) '+a+c,128)); if(f>0) void(setInterval('fr='+b+';if(fr.'+dil+'>0) fr.'+a+'fr.'+c, 128));

Copiez et insérez ce code dans votre éditeur de texte, supprimez les éventuels retours à la ligne générés par votre navigateur et copiez et insérez à nouveau le code dans la barre d'adresse de votre fenêtre de navigateur (ici-même). Attendez quelques secondes et observez bien les graphiques de cette page... Que c'est cochon!

Si vous désirez placer un bookmarklet comme celui-ci dans vos favoris pour le cliquer à volonté lors de vos sorties sur Internet, vous avez deux solutions avec Internet Explorer:

1.) cliquez, après avoir copié le code purgé des retours à la ligne dans la barre d'adresse, sur le symbole "e" situé tout à fait à droite dans la barre d'adresse et tirez le dans vos favoris à l'endroit voulu

2.) sauvegardez le code depuis votre éditeur de texte dans vos favoris (généralement: C:\Windows\favoris) en prenant garde de noter comme extension de fichier: .url - par exemple, pour le bookmarklet de ci-dessus: cochon.url

Vous pouvez ensuite cliquez le nouveau favori.

Vous pouvez aussi sur une page de votre site proposer un lien:

<a href="javascript:code_du_bookmarlet">Bookmarklet</a>

Et maintenant, voici quelques bookmarklets très utiles:

1.) Rédiger un nouveau message ou une réponse à un message sur le forum SELFHTML:

javascript:var nv;if(document.title.indexOf("nouveau")!=-1){nv=0;}else{nv=2;}document.forms[nv].name.value='Votre prénom et/ou surnom et/ou nom'; document.forms[nv].email.value='vous@chez-vous.fr'; document.forms[nv].url.value='http://www.votre-site.fr/'; document.forms[nv].image.value='http://'; if(nv==0){document.forms[nv].body.value='Bonjour!\n\n'+document.forms[nv].body.value+'\n\nVotre prénom et/ou surnom et/ou nom\n\n';}else{document.forms[nv].body.value='Bonjour '+document.forms[1].OPosterName.value+'! \n\n'+document.forms[nv].body.value+'\n\nVotre prénom et/ou surnom et/ou nom\n\n';}void(null);


Remplacez "Votre prénom et/ou surnom et/ou nom", "vous@chez-vous.fr", etc. par les valeurs que vous désirez voir apparaitre dans votre nouveau message ou votre réponse.

2.) Valider le fichier HTML ouvert auprès du W3C:

javascript:void(location='http://validator.w3.org/check?uri='+escape(location))

Naturellement, vous ne pouvez faire vérifier que des fichiers se trouvant sur Internet ou sur votre serveur web personnel (si vous appelez la page par l'adresse IP vous ayant été attribuée à la connexion - cliquez Démarrer/Exécuter et tapez winipcfg pour en savoir la valeur). Vous ne pouvez pas faire valider de fichiers HTML en local (par exemple, C:\Mes documents\HTML\monfichier.html).

3.) Comme 2.), mais dans une nouvelle fenêtre du navigateur:

javascript:void(open('http://validator.w3.org/check?uri='+escape(location)))

4.) Valider les feuilles de style:

javascript:void(open('http://jigsaw.w3.org/css-validator/validator?uri='+escape(location)+'&warning=no'))

Ouvre une nouvelle fenêtre avec les résultats. Ne fonctionne que dans les mêmes conditions que 2.) (fichiers HTML en ligne).

5.) Reconnaitre les tableaux sans quadrillage (cliquez plusieurs fois au besoin):

javascript:for(i=0;i<document.getElementsByTagName('TABLE').length;i++)void(document.getElementsByTagName('TABLE')[i].border=(document.getElementsByTagName('TABLE')[i].border=='0')?'1':'0');

Une bordure est ajoutée aux tableaux sans quadrillage.

6.) Ouvrir chaque message de ce forum dans une nouvelle fenêtre:

javascript:var L=document.links; for (var l in L) if (l>10 && l<L.length-4) {void(L[l].target="_blank"); void(L[l].hash="a1"); };

Ouvre les messages dans de nouvelles fenêtres et saute directement à l'ancre a1.

------

Qui en connaît d'autres?


Patrick
Litérature sur les bookmarklets:
http://www.bookmarklets.com/

P.S.: Les champs de saisie du formulaire servant à rédiger ce message ont été remplis à l'aide du bookmarklet 1.) ;-)


 
vers le hautvers le bas 

(A TITRE INFORMATIF) Utiliser des "bookmarklets" JavaScript...

Le message suivant est de: PAF, Adresse électronique patrick@selfhtml.com.fr, 15. 01. 2002, 11:10
http://www.selfhtml.com.fr/

Et re!


Je n'ai pas hérité que des biens de feu ma grand-mère... non, j'ai hérité également son habitude de confondre droite et gauche:

»» 1.) cliquez, après avoir copié le code purgé des retours à la ligne dans la barre d'adresse, sur le symbole "e" situé tout à fait à droite dans la barre d'adresse et tirez le dans vos favoris à l'endroit voulu

Le symbole est naturellement à gauche dans la barre d'adresse - et non à droite ;-)

Patrick


 
vers le hautvers le bas 

(A TITRE INFORMATIF) Utiliser des "applisignets" JavaScript...

Le message suivant est de: PAF, Adresse électronique selfhtml@selfhtml.com.fr, 15. 01. 2002, 12:32
http://www.selfhtml.com.fr/

Et encore re!



»» Et d'abord, merci de m'indiquer s'il existe un terme français pour ces petits programmes JavaScript qui se placent dans les favoris (anglais = bookmarks)!

Serge vient de me souffler le mot "applisignet". Et il y a même un lien: http://www.vanho.com/articles/1385.htm ;-)

Patrick


 
vers le haut

© 1998-2004 Adresse électronique selfhtml@fr.selfhtml.org