Changement de HTML Avec Greasemonkey

J'ai été la recherche d'un moyen de modifier le HTML sur un site web mon principal problème étant qu'il n'a pas un id de la balise que je peux utiliser le sortir et de le modifier, à l'aide de Greasemonkey JavaScript.

désolé j'ai quitté la partie. Je suis l'enregistrement de l'actuel gagnant sur un serveur et l'utilisation de JavaScript via Greasemonkey pour afficher le dernier gagnant du temps sur le site du jeu.

Ci-dessous est une partie de la source, dans l'exemple ci-dessous je voudrais ajouter l'heure actuelle à côté de Raiton entre les  balises.

<html>
<head>

Most Recent Winner: <b>Raiton</b><br>
Entry Cost: <font color=22AA22><b>11000</b></font> (resets at Dayroll)<br>

Entry costs go up in <font color=2222AA><b>11</b></font> entries to <font color=22AA22><b>22000</b></font> Ryo<br>
Number of plays today: <font color=AA2222><b>0</b></font><br>


</body>
</html>

Je ne vois pas de balises. Vous devez utiliser le bouton de Code dans l'éditeur. Je ne sais pas quel est l'ID de la balise vraiment. Vous êtes en train de dire que votre balise n'est pas un attribut d'ID? Si c'est le cas, vous pouvez l'ajouter. Si vous ne parvenez pas à ajouter. Votre question n'est pas claire.
stackoverflow.com/editing-help
Est-ce à dire que vous n'avez pas accès au code HTML, mais peut ajouter dans un fichier JavaScript? Il est trivial si vous pouvez entourer la section modifiable de l'HTML avec une balise span.
Pouvez-vous simplement conclure que dans un div, comme: <div id='timeId'>Raiton</div>  et ensuite utiliser GetelementById() en Javascript
Pourquoi ne pas ajouter un attribut ID de l'élément que vous voulez changer?

OriginalL'auteur winsock | 2011-07-13

4

Jusqu'à présent, je n'ai pas vu toutes les réponses qui vient de répondre à la question. Essayez ceci:
```
var elts = document.getElementsByTagName('b'),
    i = elts.length,
    elt,
    text;

while (i--)
{
    elt = elts[i];
    text = elt.textContent;
    if (text === 'Raiton')
    {
        elt.textContent = text + ' ' + new Date();
        break;
    }
}
```
Démo: http://jsfiddle.net/mattball/Nvwmd/

cela fonctionne très bien merci, je ne savais pas comment l'obtenir par la balise b. Exactement ce que je cherchais, merci.
Notez que le innerText choses n'est pas nécessaire, puisque c'est un Greasemonkey environnement.
oh pinaise, permettra de simplifier. Merci.

OriginalL'auteur Matt Ball
1

Envelopper le texte que vous voulez modifier dans un <div> balise, puis de trouver l'objet div via son id. Puis modifier le innerHTML membre de l'objet.

HTML:
```
<div id='some_id'>A value</div>
```
JavaScript:
```
var my_div = document.getElementById('some_id')
my_div.innerHTML = 'Some other value'
```
OriginalL'auteur Barry Fruitman
1

Introduire jQuery pour votre GM script (vous serez heureux plus tard).

Ajouter cette ligne à la bloc de métadonnées:
```
//@require http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js
```
Ensuite ce Script va faire ce que vous voulez:
```
var bElem = $ ("b:contains('Raiton')");
bElem.text (bElem.text() + new Date() )
```
Voir la démo sur jsFiddle.

OriginalL'auteur Brock Adams
1

Suivre ce fil: MozillaZine: Simple remplacement de Texte avec Greasemonkey

http://forums.mozillazine.org/viewtopic.php?f=19&t=907475

Le schéma est le suivant:
```
document.body.innerHTML= document.body.innerHTML.replace(/original/g,"new");
```
Vous avez besoin pour échapper à especial personnages comme / et " avec le \ symbole.

OriginalL'auteur Smeterlink
0

Javascript fonctionne mieux lorsque le balisage est écrit d'une manière qui fournit des "crochets" pour obtenir au. Depuis que vous avez vraiment juste flottant texte là, il n'y a pas de bonne manière d'identifier l'endroit précis que vous souhaitez insérer du texte.

Si vous contrôlez la source, il me semble que ce serait une bonne idée d'ajouter quelques  des balises et des Id et des classes pour rendre votre vie plus facile.

Il (probablement) ne contrôle pas que la source de la page. C'est un Greasemonkey application.

OriginalL'auteur idrumgood
0

Vous pouvez créer un élément de l'utiliser pour mettre à jour une partie de votre code:

Aussi s'il vous plaît google html5, vous n'employez pas de termes de celui-ci 😉
```
<html>
<head>

Most Recent Winner: Raiton00:00 
Entry Cost: 11000 (resets at Dayroll) 

Entry costs go up in 11 entries to 22000 Ryo 
Number of plays today: 0 


</body>
</html>
```
Et en javascript:
```
document.getElementById('time_handler').innerHTML = '11:23';
```
Le   commentaire c'est de la foutaise -   est parfaitement valide HTML5. De toute façon, pourquoi supposez-vous que l'OP est écrit en HTML5?
Ball: Merci pour les commentaires, ce que j'ai dit était basée sur (W3C Validator)[validator.w3.org/#validate_by_input+with_options] tout autres conseils serait apprécier

OriginalL'auteur

Vous devez vous connecter pour publier un commentaire.