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