Inserer xHTML avec Greasemonkey.

Funigtor · Le 21/09/2010, à 23:00

Bonjour à tous,
J'ai besoin de faire un script greasemonkey.

Il devra contenir du xHTML.

Je l'insère comment ce code?

J'ai cherché et n'ai pas trouver. M'en vait apprendre par coeur la GNU GPL en punition.

Merci bien.

sputnick · Le 21/09/2010, à 23:07

Salut.

C'est le taf du DOM. http://fr.wikipedia.org/wiki/Document_Object_Model
Ta question est un peu vague.
Je te suggère la lecture de http://www.siteduzero.com/tutoriel-3-4552-le-dom.html
En général, on récupère un nœud par son nom ou son id, puis on le remplit avec ce qu'on veut ou alors, on peut le créer complètement.
Peut-être peut tu nous en dire plus, auquel cas on peut t'aider plus précisément ^^

geenux · Le 21/09/2010, à 23:08

Tu veux insérer du xHTML dans la page web que tu visites, c'est bien ça.
Regarde un cours de javascript, c'est le minimum de manipulation des balises.
Notemment les fonctions getElementsById, getElementsByTagName, ou un truc du genre, ça fait un bail que j'ai pas fait de javascript.

Tu as quelques cours sur le site du zéro.

Funigtor · Le 21/09/2010, à 23:22

Enfait, c'est ajouter
Une div
Du code xHTML
Pas de JS

C'est juste ajouter du code en plus sur la page, et j'ai pensait à GM, qui peut sans doute afficher du texte, donc des balises.

geenux · Le 21/09/2010, à 23:27

Oui, mais l'ajout de code HTML se fait en javascript.
En gros, tu récupère la balise dans laquelle tu veux insérer ton nouveau div en javascript, et tu insère le html avec la fonction javascript qui va bien.

sputnick · Le 21/09/2010, à 23:28

+1

et autant te faire à l'idée, greasemonkey sans le javascript ça va pas être gagné

Funigtor · Le 21/09/2010, à 23:37

geenux a écrit :

et tu insère le html avec la fonction javascript qui va bien.

Et c'est quoi la dudite fonction :calim:?

sputnick · Le 22/09/2010, à 00:21

appendChild() par exemple

geenux · Le 22/09/2010, à 12:45

Petit exemple que script greasemonkey que j'avais fait pour voir comment ça fonctionne :

// ==UserScript==
// @name           hdp
// @namespace      http://geenux.wordpress.com
// @description    Détermine le nombre de post restant avant le prochain hdp
// @include        http://forum.ubuntu-fr.org/viewtopic.php*
// Licence : GNU GPL >v2
// Author : TANGUY Arnaud <arn.tanguy__AT__gmail.com>
// ==/UserScript==


var NB_POSTS_PAGE=25
var posts = document.getElementsByTagName('div')
var nbPosts = 0;
for (var i=0;i<posts.length;i++) {
    if(posts[i].className == "blockpost roweven" || posts[i].className == "blockpost rowodd")
        nbPosts++;
    else if (posts[i].className == "infldset txtarea") {
        var remainingPosts = NB_POSTS_PAGE - nbPosts;
        var elem=posts[i];
        var result=document.createElement("p");
        result.innerHTML="Nombre de posts sur le topic : "+nbPosts;
        result.innerHTML+=".<br />Nombre de posts restant avant le hdp : "+remainingPosts+".";
        elem.appendChild(result);
        break;
    }
}

Ça compte le nombre de posts sur une page du forum ubuntu-fr, et affiche le nombre de messages restant avant le changement de page.
Complètement inutile, c'était juste un petit test de greasemonkey.

Ubuntu-fr

Navigation

Liens de recherche

Annonce

#1 Le 21/09/2010, à 23:00

Inserer xHTML avec Greasemonkey.

#2 Le 21/09/2010, à 23:07

Re : Inserer xHTML avec Greasemonkey.

#3 Le 21/09/2010, à 23:08

Re : Inserer xHTML avec Greasemonkey.

#4 Le 21/09/2010, à 23:22

Re : Inserer xHTML avec Greasemonkey.

#5 Le 21/09/2010, à 23:27

Re : Inserer xHTML avec Greasemonkey.

#6 Le 21/09/2010, à 23:28

Re : Inserer xHTML avec Greasemonkey.

#7 Le 21/09/2010, à 23:37

Re : Inserer xHTML avec Greasemonkey.

#8 Le 22/09/2010, à 00:21

Re : Inserer xHTML avec Greasemonkey.

#9 Le 22/09/2010, à 12:45

Re : Inserer xHTML avec Greasemonkey.

Pied de page des forums