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 ....

C'est possible : href.onmouseover.replace ?

JavaScript

Vue hybride

Discussions similaires

Partager

Partager