Ubuntu-fr

nordinatueur

Personnaliser n'importe quel site avec Javscript

Bonjour, je cherche à personnaliser des sites spécifiques qui ne m'appartiennent pas avec Javascript. (edit : pas forcément javascript.)

Pour l'instant, la seule utilisation que j'en ai (eu) est la création d'une menu de liens « favoris » flottant sur la page.
Pour l'instant je dois ouvrir une « iframe », et changer sa source.
Je n'ai même pas réussi, en général à faire fonctionner l'attribut target de la balise a sur l'iframe

...
   <iframe src="keepschool.html" id="cadre_cours" name="cadre_cours" > Hello </iframe>

   <div class="commande">
      <input type="button" accesskey="K" value="Keepschool" onclick='document.getElementById("cadre_cours").src = "keepschool.html" '> <br>
      <input type="button" accesskey="C" value="CapCours" onclick='document.getElementById("cadre_cours").src = "capcours.html" ' > <br>
      <input type="button" value="Google Latin" onclick='document.getElementById("cadre_cours").src = "http://www.google.com/webhp?hl=la" ' >
   </div>
...

avec la classe css « commande » :

.commande
{
position:absolute;
top:45%;
left:8px;
}

Et dans keepschool.html, j'ai

...
   <a href="http://www.keepschool.com/adminprof/?prof=XXXXXXXXX&ID_prof=XXXXX"> Connection au site.</a> <br/><br/>
   <a href="http://www.keepschool.com/adminprof/fichedepaie.asp?paie=0&prof=XXXXXXXXX"> Paies en attente </a> <br/>
   <a href="http://www.keepschool.com/adminprof/fichedepaie.asp?prof=XXXXXXXXX">Fiches de paie</a><br/>
   <a accesskey="M" href="http://www.keepschool.com/adminprof/coursselect.asp?prof=XXXXXXXXX"> Mes coupons enregistrés ce mois</a><br/>
   <a href="http://www.keepschool.com/adminprof/coursselect.asp?prof=XXXXXXXXX&moisCl=1"> Mes coupons enregistrés le mois dernier</a>
...

Ce que j'aimerais, c'est que les liens du fichier keepschool.html restent en permanence au dessus dans un div bien placé, quand je visite le site www.keepschool.com. J'avais vu des trucs super sympas avec avec le userChrome.css, mais ça ne semble pas pouvoir ajouter du contenu html.

La principale difficulté, est surtout que j'aimerais que ce soit possible sur plusieurs navigateurs, firefox-4.0, chromium, opera, midori, epiphany, kazehakaze et je crois que c'est tout. Ou au moins un maximum d'entre eux.
GreaseMonkey fais tourner firefox et epiphany, Midori contient un bon gestionnaire aussi, mais pour le reste le mieux semble l'iframe, que je souhaite éviter dorénavant, ou supprimer à terme.

Dernière modification par nordinatueur (Le 28/02/2011, à 13:28)

---

Linux User #508094
Pour une meilleure coopération, utilisez des liens relatifs sur le forum !

J5012

Re : Personnaliser n'importe quel site avec Javscript

l'extension ffx webdeveloper ?

nordinatueur

Re : Personnaliser n'importe quel site avec Javscript

Merci pour ta réponse.

En attendant, je passe par Grease Monkey sous Firefox, TamperMonkey sous Chromium et Midori n'en a pas besoin. Cependant, j'aimerais savoir s'il y a une solution plus générale.

Aussi, avec GreaseMonkey/TamperMonkey, je mets difficilement mon script à jour. Voilà un exemple que j'utilise pour Travian :

#!/bin/bash 
#------------------------------------------------------------------------#
#                      Travian Side Menu Creator                         #
#------------------------------------------------------------------------#
# Créé par Nordinatueur
# 

FICHIER=/tmp/.TravianSideMenu.js
LOCAL_JS=~/.TravianSideMenu.js
CHROMEJS=;
FIREFXJS=;
OPERA_JS=;

liste_liens=$( cat <<EOF
http://ts9.travian.fr/dorf1.php;Travian
http://ts9.travian.fr/warsim.php;Simulateur de combat
http://ts9.travian.fr/build.php?id=19;Caserne
http://ts9.travian.fr/build.php?id=31&t=1;Acheter au Marché
http://ts9.travian.fr/build.php?id=31&t=2;Vendre au Marché
http://ts9.travian.fr/allianz.php;Alliance
http://ts9.travian.fr/karte.php?fullscreen=1&zoom=1;Grande Carte
EOF
);

#exec 1>${FICHIER};
cat >${FICHIER} <<EOF
// ==UserScript==
// @name Travian Side Menu
// @description Ajoute un menu facilitant la navigation dans travian.
// @include http://ts9.travian.fr/*
// ==/UserScript==

EOF
printf "document.body.innerHTML+="\""<p class='TravianSideMenu' style='position:absolute; right:10px; top:45%%; border=1px dotted purple; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; background-color:blue;'>" >>${FICHIER}
echo "${liste_liens}" | while read ligne; do
    printf "<a href='${ligne%%;*}'>${ligne##*;}</a><br/>" >>${FICHIER} ;
done
printf "</p></div>\";\n" >>${FICHIER} ;

cp ${FICHIER} ${LOCAL_JS};
xclip -i ${FICHIER};

Ce script me permet de générer puis copier facilement un javascript qui ressemble alors à :

// ==UserScript==
// @name Travian Side Menu
// @description Ajoute un menu facilitant la navigation dans travian.
// @include http://ts9.travian.fr/*
// ==/UserScript==

document.body.innerHTML+="<p class='TravianSideMenu' style='position:absolute; right:10px; top:45%; border=1px dotted purple; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; background-color:blue;'><a href='http://ts9.travian.fr/dorf1.php'>Travian</a><br/><a href='http://ts9.travian.fr/warsim.php'>Simulateur de combat</a><br/><a href='http://ts9.travian.fr/build.php?id=19'>Caserne</a><br/><a href='http://ts9.travian.fr/build.php?id=31&t=1'>Acheter au Marché</a><br/><a href='http://ts9.travian.fr/build.php?id=31&t=2'>Vendre au Marché</a><br/><a href='http://ts9.travian.fr/allianz.php'>Alliance</a><br/><a href='http://ts9.travian.fr/karte.php?fullscreen=1&zoom=1'>Grande Carte</a><br/></p></div>";

Ça simplifie les choses, mais c'est pas évident quand même ...
Si je pouvais modifier un seul fichier dans mon home, qui serait inclu par d'autres javascripts ce serait plus pratique ! Je n'aurais qu'à mettre un include dans chacun des fichiers à exécuter et ne modifier qu'un fichier... Et cette modification pourrait en plus être totalement automatisée ! Pas besoin de cliquer partout pour modifier un script, copier dans le presse-papier, puis coller et sauvegarder. Il n'y aurait plus qu'à lancer une commande et recharger la page !

Dernière modification par nordinatueur (Le 02/03/2011, à 01:12)

---

Linux User #508094
Pour une meilleure coopération, utilisez des liens relatifs sur le forum !

nordinatueur

Re : Personnaliser n'importe quel site avec Javscript

Up ?

---

Linux User #508094
Pour une meilleure coopération, utilisez des liens relatifs sur le forum !