C'est possible : href.onmouseover.replace ?

Version imprimable

Voir 40 message(s) de cette discussion en une page

30/08/2012, 18h37
Mister Paul

C'est possible : href.onmouseover.replace ?
Bonjour,

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

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:

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

Quel(s) problème(s) ?
:aie:

Merci
Paul

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:

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:

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:

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

30/08/2012, 21h19
Mister Paul

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

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"...
:calim2:

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:

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>
http://www.developpez.com/template/kit/kitwarning.png ne fonctionne pas avec IE, au moins jusqu'à la v8.

Je ne pense pas que cela soit la bonne approche ;)

30/08/2012, 23h01
Mister Paul

Remarque si ça n'handicape que les anciens IE c'est quand même pas mal...
:P
30/08/2012, 23h14
NoSmoking

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 ....
31/08/2012, 08h16
Bovino

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

Bonjour

Citation:

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...:aie:
31/08/2012, 08h59
SpaceFrog

quand ?
31/08/2012, 09h33
Mister Paul

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:

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

devienne

Code:

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

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

Je cherchais pour le onmouseover...
31/08/2012, 09h38
Darkyl

On est bien d'accord que trucmuch ou trucmachin représente une fonction? et non un string...
31/08/2012, 09h52
Mister Paul

Citation:

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
31/08/2012, 09h53
Darkyl

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:

Citation:

onmouseover="alert(this.href);"

alert(this.href); est bien une fonction.
31/08/2012, 10h00
Mister Paul

Oui

Code:

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

qui devient

Code:

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

Dans ce cas on rechercherait "d'origine" pour le remplacer par "modifié"
31/08/2012, 10h04
Darkyl

Je comprend pas:

Citation:

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');";
31/08/2012, 10h06
Mister Paul

Oui tu as raison.
Désolé j'éditais mon post précédent pendant que tu écrivais ta réponse…
Regarde-le
:?
31/08/2012, 10h07
Darkyl

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

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

Code:

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>

31/08/2012, 10h14
Bovino

On se demande vraiment à quoi peuvent bien servir les variables... :roll:
31/08/2012, 10h24
SpaceFrog

NoSmo a juste oublié la boucle sur Links ;) ..

Voir 40 message(s) de cette discussion en une page