C'est possible : href.onmouseover.replace ?

**Mister Paul** · 30/08/2012, 18h37

Bonjour,

j'ai un code pour remplacer certains éléments des liens d'une page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var oLien = document.links;
(...)
oLien[i].href = oLien[i].href.replace('Atchoum', 'Snif');

Ça marche bien.
Mais si j'essaie de modifier le contenu du onmouseover de ce lien cela ne va pas...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

oLien[i].href.onmouseover = oLien[i].href.onmouseover.replace('TrucBidule', 'TrucMuche');

Quel(s) problème(s) ?

Merci
Paul

**headmax** · 30/08/2012, 20h34

Salut Mister Paul
Je pense que tu n'a pas intégré, que tu accède a un attribut d'un élément object html.
En gros tu cible une liste Object html links (collection d'object html) correspondant à tous les liens (<a >) contenue dans ta page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
var oLien = document.links;

Dans ta collection d'object html "oLien" est devenu un tableaux (collection html) qui te permettra de parcourir tes éléments et de faire ce que tu souhaite.

En regardant un élément (<a >) on a, à l'intérieur des propriétés ou attribut, qui te permettra de paramétrer différentes propriété propre à l'élément par exemple des propriétés sur l'élément :
Propriété physiques : attribut : style, width, height...
Propriété événementielles : onclick,onchange,... et qui sont des function facilement manipulable en javascript.
Donc tu veux par le biais d'un onmouseover remplacer le text de ton attribut href par un autre.
Ton code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
oLien[i].href.onmouseover = oLien[i].href.onmouseover.replace('TrucBidule', 'TrucMuche');

correction
pour la variable textque j'ai créé tu doit pour la changer la mettre en string, dans le 1er paramètre de replace j'ai mit l'url que contient réellement l'élément a href courant déclencher par l'événement onmouseover...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
var oLien = document.links;
for(i in oLien){
  oLien[i].onmouseover = function(){
  var text = toString(this.href).replace(toString(this.href),"trucmuche");
    this.removeAttribute('href'); //on supprime attribut href
     this.setAttribute('href', text); //on recréer un nouveau attribut href on change la valeur du href par la nouvelle
  };
}

Bonne soirée, un petit résolu et une note fait toujours plaisir, bonne soirée

.

**Mister Paul** · 30/08/2012, 21h19

Argh... je me suis mal exprimé désolé...

Je ne cherche pas à changer le contenu d'un href lors d'un mouseover,
je cherche à remplacer toutes les occurrences de "TrucBidule", dans le contenu de l'attribut onmouseover des liens d'une page, pour les remplacer par "Trucmuche"...

**NoSmoking** · 30/08/2012, 22h31

Bonsoir,
ce n'est pas gagné!
L'attribut onmouseover étant une fonction anonyme, les différents navigateurs ne l'interpréterons pas de la même façon.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
</head>
<body>
<a id ="a_test" href="#" onmouseover="alert(this.href);">Lien test</a>
<script>
  var oLien = document.links[0];
  var sCde = oLien.getAttribute( 'onmouseover')
  sCde = sCde.toString().replace('href', 'id');
  oLien.setAttribute( 'onmouseover', sCde)
</script>
</body>
</html>

ne fonctionne pas avec IE, au moins jusqu'à la v8.

Je ne pense pas que cela soit la bonne approche

**Mister Paul** · 30/08/2012, 23h01

Remarque si ça n'handicape que les anciens IE c'est quand même pas mal...

**NoSmoking** · 30/08/2012, 23h14

Je te laisses faire les tests complémentaires, mais je persiste dans le fait que cela ne me paraît pas une bonne idée, mais ne connaissant pas les tenants et aboutissants ....

**Bovino** · 31/08/2012, 08h16

J'imagine que si tu nous décrivais correctement ce que tu veux faire, on pourrait t'indiquer une solution beaucoup plus propre...

**Darkyl** · 31/08/2012, 08h38

Bonjour

je cherche à remplacer toutes les occurrences de "TrucBidule", dans le contenu de l'attribut onmouseover des liens d'une page, pour les remplacer par "Trucmuche"...

Mais, bon, j'ai pas tout compris non plus...

**SpaceFrog** · 31/08/2012, 08h59

quand ?

**Mister Paul** · 31/08/2012, 09h33

En fait, je souhaite modifier le contenu de certains liens lors de l'ouverture de la page : le contenu du href et du onmouseover
que

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="http://www.allezAtchoum.com" onmouseover="bla bla bla TrucBidule bla bla bla...">mon lien</a>

devienne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="http://www.allezSnif.com" onmouseover="bla bla bla TrucMuche bla bla bla...">mon lien</a>

C'est OK pour le contenu du href avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

oLien[i].href = oLien[i].href.replace('Atchoum', 'Snif');

Je cherchais pour le onmouseover...

**Darkyl** · 31/08/2012, 09h38

On est bien d'accord que trucmuch ou trucmachin représente une fonction? et non un string...

**Mister Paul** · 31/08/2012, 09h52

Envoyé par Darkyl

On est bien d'accord que trucmuch ou trucmachin représente une fonction? et non un string...

nan, nan ce sont des strings

**Darkyl** · 31/08/2012, 09h53

un string? heu, t'as un exemple?

parce que onmouseover est un évènement (une fonction quoi) donc cela vaut obligatoirement une fonction (qui peut-être un string avec un eval)
A moins que je ne me gourre complètement.

Dans cette exemple:

onmouseover="alert(this.href);"

alert(this.href); est bien une fonction.

**Mister Paul** · 31/08/2012, 10h00

Oui

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onmouseover="return overlib('je suis le commentaire d'origine')"

qui devient

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onmouseover="return overlib('je suis le commentaire modifié')"

Dans ce cas on rechercherait "d'origine" pour le remplacer par "modifié"

**Darkyl** · 31/08/2012, 10h04

Je comprend pas:

onmouseover=" je suis le commentaire d'origine"

ne veut rien dire...
Je crois que tu confond avec ALT ou TITLE... non?

onmouseover ne prend pas un string pour l'afficher, à moins que tu n'ai fait une fonction et que cela devienne:
onmouseover="afficher('mon commentaire');";

**Mister Paul** · 31/08/2012, 10h06

Oui tu as raison.
Désolé j'éditais mon post précédent pendant que tu écrivais ta réponse…
Regarde-le

**Darkyl** · 31/08/2012, 10h07

ok, là on est d'accord, escuze si je demande des précisions mais c'était pour être sûr.

**Darkyl** · 31/08/2012, 10h13

Le code de NoSmoking ne marche pas?
Tu t'en sors pas avec?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<script>
  var oLien = document.links[0];
  var sCde = oLien.getAttribute( 'onmouseover')
  sCde = sCde.toString().replace('truc d\'origine', 'truc modifié');
  oLien.setAttribute( 'onmouseover', sCde)
</script>